jsbin是一种开放源码的协同Web开发调试工具(http://jsbin.com/?html,output)。其优点是可以快速的提供前端需要的各种开发环境,快速地编辑代码,并实时显示页面最终的效果。
引文摘自 GitHub 中,给 ECharts 项目提 Issue 时的页面。可以看到,项目方推荐了 JSFiddle、JSBin、CodePen、CodeSandbox 四个可以发布 bug 复现副本的站点。
大家好,我是喵喵侠。先前体验过一期混元大模型,有亮点有槽点。好在官方团队每隔一段时间,就会对大模型进行迭代优化,那么这次再来看看,混元大模型的实际表现如何。这里我准备了一些问题,让我们来一探究竟吧!
原文:https://dev.to/bhagatparwinder/where-can-i-run-javascript-995
Katana是一款功能强大的下一代网络爬虫框架,在该工具的帮助下,广大研究人员可以轻松完成资源爬取和渗透测试阶段的信息收集任务。
在web桌面程序里,图标拖动并重新排序是个比较常见的功能。这个功能我之前反复修改了好几遍,现在终于整理出了比较理想的解决思路,决定拿出来分享下。 这一功能主要有哪些难点呢?我总结了一下一共有2处难点: 1、如何知道被拖动的图标在拖动结束后处于哪个位置 2、知道拖动结束后图标的最后拖动位置,如何判断是在该位置之前插入,还是在之后插入 知道难点后,就可以来一一解决分析了。 首先是第一个,如何知道被拖动的图标在拖动结束后处于哪个位置?要解决这一问题,我在之前的《开源的Web桌面应用框架(文
本文由 Alone88 创作,采用 知识共享署名4.0 国际许可协议进行许可 本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名 最后编辑时间为: Nov 16, 2018 at 10:11 am
起初是今天问了方老师一个问题,后来方老师贴了个链接,真好用。遂研究了下,还有就是上次旭鸿大哥给我的一个面试链接,能够看到面试者的实时答题情况,今天心血来潮想研究一番,以备不时之需,这里列举些常用的吧。
sticky这种设计效果是经常出现的,比如陶宝右侧的工具栏,当我们向下滚动到它的位置时,它就会黏住顶部跟随滚动,类似position: fixed的效果,只不过它的触发条件是当我们滚动到所在位置时,才触发fixed的效果的:
工欲善其事,必先利其器。如今 Web 开发标准越来越高,Web 开发者也在不断寻找途径提升自己的技能。为使大家的开发工作更顺利进行,本文整理了 10+ 款比较优秀的 Web 开发工具,希望对你有帮助。
【编者按】其实,有关网页渲染的文章很多,但是相关信息比较分散,且论述并不是很完整。如果要想对这个主题有个大致的了解,我们还得学习很多知识。因此,Web开发者Alexander Skutin决定写一篇文章。他相信,这篇文章不仅能帮助初学者,也能对那些想要刷新知识结构的高级前端开发者有所裨益。 以下为译文 网页渲染必须在很早的阶段进行,可以早到页面布局刚刚定型。因为样式和脚本都会对网页渲染产生关键性的影响。所以专业开发者必须了解一些技巧,从而避免在实践的过程中遇到性能问题。 这篇文章不会研究浏览器内部的详细机制
使用axios模拟后台请求与响应就是Mock,也有专门的Moc库例如: http://mockjs.com/
TensorFlow.js 是一个开源库,不仅可以在浏览器中运行机器学习模型,还可以训练模型。具有 GPU 加速功能,并自动支持 WebGL。可以导入已经训练好的模型,也可以在浏览器中重新训练现有的所有机器学习模型。运行 Tensorflow.js 只需要你的浏览器,而且在本地开发的代码与发送给用户的代码是相同的。
随着浏览器性能提升,更多Web Page演变为Web App,特别是在中大型的项目中,就需要一个 前端框架 来:
例如,进入Mercury Tours的注册页面(http://demo.guru99.com/test/newtours/register.php), 看到这里的Country下拉框。
常见的一个图文列表设计,通常是这样的,两端顶着容器,中间的间距平均分,如下图的某东商品列表的设计:
用过 Vue 的各位,对于 Prop 一定不会陌生,相信大家都能够信手拈来。但就是这么一个大家都熟悉的 Prop,有时候也会把我们坑了。在介绍这个坑之前,我们先再来温习一下 Prop 的基础用法。
说到这个face,自从70开始改版的时候,我就一度以为这个face是歪的,后来才知道,人家就是故意歪的,并且它是一个gif图片,正好最近在学习css相关的东西,借机自己重新仿制一个山寨版的吧。
有些读者看了上篇文章之后第一个问题就是「这货performance如何,吃不吃内存」。仿佛他们一下子看穿了Signal/Observable的「软肋」:低效且内存占用高(潜台词是能不能跟我手写的C代码比)。对此,我得先瞎扯几句我的观点。我们看一门新技术的前景,套用当前的俗话,就是:「先问对不对,再谈好不好」。软件领域很重要的一句话是: Simplicity matters. 从Simplicity matters这个角度看,即便用它写出的代码效率不高(我很怀疑这一论断),内存开销太大(也存疑),但四十多行的
最近遇到这样一个需求,需要在抽象出来的组件上绑定用户传入的事件及其处理函数,并且事件名、数量不定,也就是动态绑定多个事件。印象中,文档中没有提到过类似的用法。所以 Google 一下。
1.获取内网和公网真实IP地址(引用地址) 代码太长,见原文链接 2.获得flash版本(在线地址) <!DOCTYPE html> <html> <head> <meta charset="ut
我相信这是一个很常见的一个需求,有很多种方式能够实现,但是,其实现方式的原理各不相同,也有利有弊。
在 JavaScript 中,函数是一等公民,它意味着函数就跟其他任何数据类型一样,并没有什么特殊之处——可以存储在数组中,作为函数的参数传递、赋值给变量,等等。作为“一等公民”,函数的意义至少有如下几点:
提供基本的前端代码编辑功能,没有代码补全,没有代码提示以及错误提示,可以查看代码运行结果,可以导入其他的js库文件。
昨天教学生学习JS代码。不妨就做个有趣的游戏好了。2048这么火,是一个不错的选择。
小工具 Smallpdf 超好用的线上 PDF 操作网站。 草料二维码 在线生成二维码的网站,支持的格式有文本、网址、文件、图片、等。 tinypng 在线压缩图片,支持 PNG && JPG 让我帮你百度一下 有人问你一个搜索就能知道答案的问题,你不想回答,就用这个搜索一下吧。 SM.MS 正儿八经的一个图片托管网站,图片上传后,会得到一个图片外链。 临时邮箱 如果不想用自己的邮箱去注册一些仅使用一两次的网站,可以试试这个。 在线短信接收 和临时邮箱差不多的功能。 熊猫搜书 综合搜书引擎 书格 在线古籍图
localStorage 大家应该都不会陌生,可以记录一些非敏感的网站数据,比如购物车内的商品数量。 但是有个问题是,如果用户用浏览器打开了多个Tab。在一个 Tab 中添加一个商品到购物车,其他 Tab 的购物车数量并不会发生变化。 这时候可以考虑使用 StorageEvent 当修改了(localStorage或sessionStorage)数据时,会触发此事件。
本文结构: 什么是 TensorFlow.js 为什么要在浏览器中运行机器学习算法 应用举例:regression 和 tflearn 的代码比较 ---- 1. 什么是 TensorFlow.js TensorFlow.js 是一个开源库,不仅可以在浏览器中运行机器学习模型,还可以训练模型。 具有 GPU 加速功能,并自动支持 WebGL 可以导入已经训练好的模型,也可以在浏览器中重新训练现有的所有机器学习模型 运行 Tensorflow.js 只需要你的浏览器,而且在本地开发的代码与发送给用户的代
一些网站特别是以内容呈现为主的,经常会有图片的显示。一方面图片要懒加载,另一方面要设置图片占位以避免页面抖动。 懒加载的这篇文章先不说,先说下图片占位中,保持图片原始宽高百分比的问题。
有时候需要经常写一些测试代码或示例,然后将这些代码分享给他人,少量的代码通过GitHub分享有点大材小用,而且他人要从GitHub上fork代码后,在本地用IDE打开,然后安装依赖、运行,这个步骤过于繁琐。
读到书中介绍border-radius的内容时,提到了传说中的九宫格技术,其相关介绍只有可怜的不到一页。九宫格技术所使用的 CSS 属性就是我们今天的主角border-image。虽然这一技术确如书中所说,很少被使用了。但是歪马突然想起自己曾经为了实现某个效果折腾了很久,而这刚好适合用border-image来实现。
由于工作需求,需要写一个翻角效果: 📷 demo链接:http://jsbin.com/rereqes。 右上角需要从无的状态撕开一个标记,且有动画过程,上图是实现的效果图,不是gif。 对这个翻角效
对于一些前端的样式和js效果,我们非常希望可以将这些代码片段保存起来,然后分享给那些想要使用这些样式特效的人,庆幸的是,网络上已经有很多这样的网站了,今天我们就来盘点一下这些非常好用的网站。
最近在搞微信小程序,发现flex下使用省略号是没有效果的,而且还会打乱预期的结构,查询statckoverflow知道需要在父级设置min-width:0; 但是在我的尝试下,依然不行,原来在上层父级就是flex那一级别也需要设置 min-width:0; 就是可以理解为 省略号标签的flex-item以及所在的flex父级 都需要设置min-width:0;
如今的网页代码,一般由三个部分组成: * HTML,语义层,提供网页的内容。 * CSS,表现层,规定网页的外观。 * Javascript,动作层,定义用户与网页的互动。 理想的开发环境,应该既可以分别调试这三种代码,又可以轻松查看它们合并在一起的整体效果。 浏览器是最合适的效果查看工具,所以很多人想到,代码调试环境也可以直接部署在浏览器中,以网站的形式提供服务。 下面,我根据Design Shack的文章,总结一下目前最常见的6种网页开发在线调试环境。它们大大方便了网页设计师的工作
spa流行的今天不少同学会把前端路由跟后端路由弄混, 莫名其妙的怎么页面404啦之类'奇怪'的问题, 其实这就是没弄清楚前端路由和后端路由的原因(当然你用hash当我没说). 本文所有前端路由都是spa的情况下, 不存在后端渲染好变量的情况 原理 首先我们看看前后端路由在浏览器中是怎么工作的, 上图: 后端控制的路由: 我们可以知道后端其实返回的是html字符串, 也就是dom节点不出意外的话是确认的. 不管你请求多少次, 结果都是确定的(get 幂等). 所以也就不存在404的情况 前端控制的路由: 📷
下一版本的重要功能就是“文件夹”,随着应用码头的出现,任务栏也改成大图标的模式,桌面可放置图标的位置越来越少,“文件夹”就应然而生了,但在制作过程中,发现几个难点,也就是图标拖动时需要注意的部分。如下图,文件夹内的图标在拖动结束的时候,位置可能会处在四处:应用码头、桌面、当前文件夹、其他文件夹
<input type="text" v-model="message" /> Your input is : {{ message }}
Observable是方兴未艾的FRP(Functional Reactive Programming)革命里最引人注目的一把火炬。FRP发展了也有两年多了,至今为止,还没有一个很好的定义,wikipedia上的定义和reactivemanifesto.org上的说辞要么太抽象,要么太泛泛。我比较喜欢如下这样一个定义: FRP is about "datatypes that represent a value 'over time'" 因为它点出了最关键的要素:时间。在FRP出现之前,几乎没有一种软件思想
我们知道,Vue推荐使用单文件组件(Single File Component,简称SFC),可以说SFC是Vue框架的特色。
-多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机,连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
今天我将跟大家分享一些可以展示你代码的网站,它们都提供在线预览功能,所以别人可以看到你的代码如何运行。它们有时候也被称作“代码广场”。
首先介绍下,CodePen 是一个在线社区,用于测试和展示用户创建的 HTML,CSS 和 JavaScript 代码段。在上面有非常多的代码片段,以及 CSS 的各种有创意的 demo。我可以说很多各种奇幻的效果都产自于它,例如用 CSS 画出一幅油画,以及 CSS 画出各种卡通人物,这也是我第一个用的在线编辑网站。
今天给大家找了一些不错的学习网站,挑选出一些分享给大家。有些已经很出名的我就不再分享出来了。
原文地址:https://dev.to/bhagatparwinder/events-event-handling-f28
领取专属 10元无门槛券
手把手带您无忧上云