langke0124的博客

开发者工具初步介绍chrome开发者工具最常用的四个功能模块：Elements：主要用来查看前面界面的html的Dom结构，和修改css的样式。css可以即时修改，即使显示。大大方便了开发者调试页面，这真是十分友好的~console：这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外，还可以当作Javascript API查看用。例如我想查看console...

手把手教你摆脱console.log，掌握高级的debug方法第一步：复现BUG第二步：使用断点来暂停代码执行合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowcha...

使用Chrome调试JavaScript1 前言JavaScript作为解释性语言，对于Web也来说，它的运行环境是浏览器（主要介绍Chrome），如果每次都是靠console.log()或alert()来打印临时变量进行程序调试，效率就太低了。当然之前我一直都是这样干的，因为我主要还是开发后端，前端的JavaScript代码编写的不多，还能凑合调试。但当我开发Chrome扩展时，需要编写和...

jqGrid是用来实现表格的jquery插件，使用该插件可以轻松的实现前端页面与后台数据的AJAX交互，使用方便，最近在开发项目中要实现多行表头的效果，在api中找到的答案是能够实现２行表头，那么要实现多行该如何解决呢？实现２行表头的写法如下：//形成表格$("#itemlist_list").jqGrid({autowidth:true,url:itemlist_g_url.list+...

1、Sublime Text是干什么的？一款用于代码、标记和散文的精致文本编辑器。Sublime Text适用于Mac，Windows和Linux。 无论使用何种操作系统，只需一个许可即可在您拥有的每台计算机上使用Sublime Text。2、什么是Emmet插件Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具，基本上，大多数的文本编辑器都会允许你存...

1、-moz代表firefox浏览器私有属性2、-ms代表ie浏览器私有属性3、-webkit代表safari、chrome私有属性4、-o 代表Opera私有属性这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。现在比较流行的一个概念就是：不太关键的样式，可以不考虑兼容，比如你说的圆角，并不影响内容的显示，如果客户浏览器太旧，就让他看到旧的方...

Math.sin(x) x 的正玄值。返回值在 -1.0 到 1.0 之间；Math.cos(x) x 的余弦值。返回的是 -1.0 到 1.0 之间的数；这两个函数中的X 都是指的“弧度”而非“角度”，弧度的计算公式为： 2*PI/360*角度；30° 角度 的弧度 = 2*PI/360*301、如何得到圆上每个点的坐标？解决思路：根据三角形的正玄、余弦来得值；假设...

一般情况下，如果网页加载时间超过5s，用户就会感觉页面比较卡，遇到耐心不好的用户，肯定就直接关闭走人了，所以加载的时间对于一个网站来说还是相当重要的。如果是你的头头，给你一个url，让你分析页面为什么这么卡，你该如何办呢？1、查看页面加载时间现在的浏览器都是有开发者调试模式的，以chrome为例，打开页面后，按ctrl+shift+i，或者点击右键菜单里的检查，就进入了开发者模式，开发者模式里...

一、flash与gif动画图片制作flash君，搞咩纳塞，冷落你这么久，今天终于可以护你一回了。双击flash，圣光乍现，亮瞎双眼……flash软件适合制作有规律的运动轨迹动画效果，如果gif动画就是几个静态帧——转photoshop吧，没必要高射炮打蚊子——大材小用。一般而言，web中的gif效果都是比较简单的，一般都是使用PS搞定，因此，这里的介绍比较简单（我就偷懒少截两个图啦~~）...