本文是译文,原文是 https://da-14.com/blog/top-11… 我在原文的基础上加了百度的Echats图表库,这个也是毫不逊色其他图表库的。另外 Handsontable电子表格库也是蛮好玩…
分类:chrome
前端切图神器avocode
前端切图神器avocode 安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能。杀敌要有趁手的兵器,而前端一般都是用photoshop,但是这个兵器非常笨重,可能当你笨…
循环结构
循环结构 循环:让程序反复执行同一段代码*三要素: 1. 循环条件:让循环*继续*执行的条件 比如: 圈数<3 2. 循环变量:循环条件中用于比较的变量 比如:圈数 从几开始,(到几结束),每次变化几 循环变量总要…
直接在Chrome DevTools调试Node.js
英文好的,直接看原文 https://blog.hospodarets.com/… 1 要求 Node.js 6.3+ Chrome 55+ 2 操作步骤 1 打开连接 chrome://flags/#ena…
V8 使用“常量折叠”优化技巧,导致幂(**)运算有时候不等于 Math.pow()
在如今的主流 Web 编程语言中,如 PHP 或 Python 等,都包含幂运算符(一般来说符号是 ^ 或者 **)。而最新的 ES7 中也增加了对幂运算的支持,使用符号 **,最新的 Chrome 已经提供了对幂运算的…
前端开发者的 Chrome extensions/apps
在文章开头,需要普及一下几个概念,那就是 Chrome 中的 extension、app 和 plugin,分别是扩展、应用和插件的意思,不能混为一谈。 extension(扩展):在 Chrome 地址栏输入 chro…
Chrome 打开网页显示不完全,控制台显示 `net::ERR_INSECURE_RESPONSE` 错误
最近在 chrome 下遇到打开 segmentfault.com ,页面显示不完全,而在 Safari 下却显示正常。想来可能是有些资源没有调用成功的缘故。 打开控制台,发现有些 css、js 文件调用时显示 net:…
前端开发篇——浏览器默认样式及css初始化
为什么要初始化css? 建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可…
菜鸟的谷歌浏览器devtools日志分析经验
1 别管什么性能,尽可能输出详细的必要日志。(除非你明显感觉到性能变低,而且性能变低的原因是由于日志输出太多而引起的) 2 不要总是使用console.log,试试console.info, console.error(…
chrome中overflow-hidde的圆角元素下面带有transform相关动画的子元素溢出圆形父元素的bug
今天在完成一个圆形logo上闪光的效果时,发现一个-webkit-内核浏览器的一个bug。下面来说说bug具体表现和解决办法。 1.bug描述 在webkit内核浏览器中,设置了圆角(border-radius)和超出隐…
用 Chrome 调试你的 JavaScript
写在前面:文章是 Chrome DevTools 介绍系列的一部分,查看全部文章可以关注 Github 上的 Chrome DevTools 详解,也可以关注这个系列所在的项目:front-end-study。 在 Ch…
Chrome 插件开发——本地天气
经常在Chrome应用商店下载扩展程序也就是插件,有时候在想可不可以自己也开发一个插件用用呢?本文就是在这样的背景下产生的,以一个生活必需的简单获取天气的插件作为开发演示,下面就开始我们的Chrome插件开发之旅吧! 源…