随笔分类 - web前端技术
摘要：今天简单说下js的事件循环机制，我们都知道，javascript是单线程语言，它的核心，也是因为它的单线程。有很多小白不清楚EventLoop到底是什么，按照中文翻译，就是事件循环，那js到底是怎样将同步和异步进行处理的。这篇文章，就简单说一说，js的单线程处理，也就是同步和异步的代码是怎样走向的。
阅读全文
摘要：随着存在安全隐患的Web应用程序数量的骤增，Open Web Application Security Project (开放式Web应用程序安全项目，缩写为OWASP)总结出了现有Web应用程序在安全方面常见的十大漏洞，以提醒企业及其程序开发人员尽量避免它们给企业IT系统带来的安全风险： 非法输入
阅读全文
摘要：上层元素有的使用了transform: translate(0, 0);导致position: fixed功能失效了
阅读全文
摘要：JavaSript模块规范 - AMD规范与CMD规范介绍 2014-02-19 13:12:01 分类： JavaScript JavaSript模块化 在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？ 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分
阅读全文
摘要：标准W3C盒子模型和IE盒子模型 CSS盒子模型：网页设计中CSS技术所使用的一种思维模型。 CSS盒子模型组成：外边距（margin）、边框（border）、内边距（padding）、内容（content）。 CSS盒子模型分为：标准W3C盒子模型，IE盒子模型，注意在两种模型中宽（width）和
阅读全文
摘要：标签：Web开发面试题HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需...
阅读全文
摘要：一、安装1）安装nodejs通过nodejs的npm安装gulp，插件也可以通过npm安装。windows系统是个.msi工具，只要一直下一步即可，软件会自动在写入环境变量中，这样就能在cmd命令窗口中直接使用node或npm指令。我上面的cmd，已经被git封装过了，字体都变成彩色的了。安装了这个...
阅读全文
摘要：substring(0,1); 参数是字符串的坐标substr(0,1) ; 第一个是坐标索引 第二个是截取长度；
阅读全文
摘要：[转]移动端web页面使用字体的思考一直不知道手机端用的什么字体，只是觉得类似雅黑，直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。前人已栽树，后人我就直接转来吧……回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是我写页面...
阅读全文
摘要：由于web前端性能测试包含的知识点很多：浏览器工作原理、浏览器缓存、相关的http头信息、http状态码、完整的一个http请求及响应过程、响应时间、web前端性能测试工具以及优化方法等等，所以决定分两篇文章来总结，这一篇主要介绍一些跟web前端性能有关的一些概念，最近也在收集阅读相关文档，一边学习...
阅读全文
摘要：:after 选择器在被选元素的内容后面插入内容。p:after{ content:"- 台词"; background-color:yellow; color:red; font-weight:bold;}:before 选择器在被选内容前面插入内容。p:before{content:"- 台词"...
阅读全文
摘要：在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏览器中有着不同的解释和呈现...
阅读全文
摘要：html 文档类型的作用是用来定义文档中所使用的标签的，也就是给你在文档中所要用到的所有标签先声明父子关系，然后在文档中按照定义的父子关系使用。教科书上的话就是用来验证文档有效性的，其实也就是文档类型定义 文档声明是为了避免浏览器把页面判断成混乱模式用的html文档类型分类一般写于网页代码的头部，只...
阅读全文
摘要：instanceof RegExp //RegExp是JS中的类，同Array类似。然而这个创建方法没有指定表达式内容 varre=newRegExp(); //最简单的正则表达式，将匹配字母are=newRegExp("a"); //重载的构造函数，其第二个参数指定将不区分大小写r...
阅读全文
摘要：html5contenteditable="true"html5内容可编辑属性html5 hgrouphgroup字面意思是头部的组，可以将其分拆为h和group来理解。在html5中的作用是用于对网页和区块的标题进行组合。（网页是一个最大的区块，所以可以认为hgroup是区块的标题的组合）前面的文...
阅读全文
摘要：单词不换行 word-break:"break-all" text-overflow: ellipsis; 超出部分用...代替 overflow: hidden;超出不分隐藏 字体显示在一行 white-space:"nowrap" 想要字体换行显示 max-height:""; backgrou
阅读全文
摘要：js match 帮助找到字符串中匹配的目标并返回该字符：例如 返回一个字符传中的数字 var str = ''sdfsdf123dsfd23sfd45; var arr = str.match(/\d+/g); //返回的结果是一个数组 console.log(arr) ====> ['...
阅读全文
摘要：jquery.fn.extend与jquery.extendjQuery为开发插件提拱了两个方法，分别是：JavaScript代码jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为...
阅读全文
摘要：1 function Animal(){ this.name='animail'; this.showName = function(){ alert(this.name); } } function cat(){ this.name='cat'; } var animal = new Animal(); var c = new cat(); animal.showName.call(c);Animal.call(cat); //让cat继承Animal的属性cat.showName(); //alert('animail'); function
阅读全文
摘要：JS数组方法汇总shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a：[2,3,4,5] b：1 unshift：将参数添加到原数组开头，并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7 注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。 pop：删...
阅读全文
浙公网安备 33010602011771号