随笔分类 - 前端技术
摘要：闭包算是javascript中一个比较难理解的概念，想要深入理解闭包的原理，首先需要搞清楚其他几个概念： 一、栈内存和堆内存 学过C/C++的同学可能知道，计算机系统将内存分为栈和堆两部分（大学的基础课，忘掉的赶紧重新捡起来）。 栈内存（连续的存储空间，类似数据结构中的栈）：主要用来存放数值、字符、
阅读全文
摘要：近年来，前端技术的发展迅速，但因为前端知识面庞大，在实际学习当中往往无法理清其中的脉络。下面从各种库、框架、插件的层面上，对前端知识点做一些简单的梳理。从软件工程上，将前端分为四个由浅及深的层面或阶段。 一、基础层（浏览器原生支持html/css/js） HTML超文本标记语言，用标签构建网页的内容
阅读全文
摘要：阅读本书主要目的： 自从学会CSS以来，虽然熟练掌握了其使用方法和技巧，但对其底层的原理和实现并不清晰，阅读本书想进一步系统化的学习和深入研究其本质，对这门前端基础语言从熟练使用到真正理解。 第1章 CSS和文档 1.1 WEB的衰落（为了表现增加很多标记元素如font等，这些阻碍了页面的结构化）
阅读全文
摘要：最近在看了《数据结构与算法JavaScript描述》这本书，对大学里学的数据结构做了一次复习（其实差不多忘干净了，哈哈）。如果能将这些知识捡起来，融入到实际工作当中，估计编码水平将是一次质的飞跃。带着这个美好的愿望，开始学习吧O(∩_∩)O~~ 我们知道在JS中，常常用来组织数据的无非是数组和对象（
阅读全文
摘要：在程序中，通常解决一个问题的方法有很多种。当然这些不同思路的解决方法，在性能和效率上也有很大差异。 以下是数字去重的三种方法， 一、循环遍历法（传统思路） 最简单粗暴的算法，新建一个空数组，然后遍历原数组，将不在新数组中的项添加到新数组，最后返回新数组 二、排序比较法（巧妙转换） 相对第一种方法，需
阅读全文
摘要：学习JS的过程中，想要掌握面向对象的程序设计风格，对象模型（原型和继承）是其中的重点和难点，拜读了各类经典书籍和各位前辈的技术文章，感觉都太过高深，花费了不少时间才搞明白（个人智商是硬伤/(ㄒoㄒ)/~~），这里略作总结尽量通俗易懂。 一、基本概念 1、对象：属性和方法的集合，即变量和函数的封装。每
阅读全文
摘要：刚刚写了小程序入门没几天，小程序就开放个人开发者资格，感觉为我而来啊 \(≧▽≦)/。迫不及待的去注册，准备将之前的处女作传上去体验一把，结果卡在了服务器配置上：免费的果然不靠谱/(ㄒoㄒ)/~~，后来尝试用个人服务器转发代理请求，发现不支持http，必须https！必须https！必须https！
阅读全文
摘要：微信小程序已经火了一段时间了，之前一直也在关注，就这半年的发展来看，相对原生APP大部分公司还是不愿意将主营业务放到微信平台上，以免受制于腾讯，不过就小程序的应用场景（用完即走和二维码分发等）还是很值得我们学习的，技术上面如果了解React的话，会发现他们在组件化上面有很多雷同之处。说白了，小程序就
阅读全文
摘要：一、引入vue 方法一：下载vue.js，然后像引用jquery一样，在HTML中使用script标签引入 方法二：使用架构工具，推荐使用npm安装后，然后可以直接用作 AMD 模块 二、声明式渲染 hello World实例（新建html将如下内容放在body中） 除了绑定插入的文本内容，我们还可
阅读全文
摘要：正则表达式是描述一组字符串特征的模式，用来匹配特定的字符串 主要分三个部分：基本语法、RegExp对象的方法、JS中支持正则表达式的String对象方法 一、基本语法 在JS中，正则表达式为对象，用如下两种方式定义： 直接量法： /pattern/attributes；创建RegExp对象法：new
阅读全文
摘要：第7章 浏览器环境 7.1 在HTML页面中引入JavaScript代码 7.2概述BOM与DOM（页面以外事物对象和当前页面对象） 7.3 BOM 7.3.1 window对象再探（所以JavaScript核心函数也都是window对象的方法） 7.3.2 window.navigator（浏览器
阅读全文
摘要：第5章 原型 5.1 原型属性（所有函数拥有一个prototype属性，默认为空对象） 5.1.1 利用原型添加方法和属性 5.1.2 使用原型的方法与属性（由于js对象为引用，所以基于原型创建的所有对象（包括修改原型之前创建的）都会继承原型的改变） 5.1.3 自身属性和原型属性（优先查找自身属性
阅读全文
摘要：前前后后大概花了两周的时间，终于把这本书大致看完了，对之前javascript高级程序设计中模糊不清的概念，有了一些新的看法和角度，整体上来说，本书还是一本比较适合有一定前端基础的朋友们阅读。参考http://pan.baidu.com/s/1eSDSTVW 密码: 75jr 第1章 引言 1.1
阅读全文
摘要：一、H5的几种存储形式 1、本地存储（localstorage和sessionstorage） 存储形式：key-->value 过期策略：localstorage永久存储，不过期，除非手动删除，sessionstorage在重启浏览器、关闭页面或新开页面时失效 大小限制：每个域名5M 使用方法：（
阅读全文
摘要：一、推出的目标 web浏览器兼容性低；文档结构不明确；web应用程序的功能受限 二、语法的改变 内容类型（html或htm）；DOCTYPE声明简化；指定字符编码简化；可以省略标记的元素；具有Boolean的属性；省略属性引号 三、新增与删除的元素和属性 1、结构元素 section（内容块）、ar
阅读全文
摘要：一、引入Reactjs 方法一：直接下载相关js文件引入网页，其中react.js 是 React 的核心库，react-dom.js 是提供与 DOM 相关的功能，Browser.js 的作用是将 JSX 语法转为 JavaScript 语法，这一步很消耗时间，实际上线的时候，应该将它放到服务器完
阅读全文
摘要：AJAX：Asynchronous JavaScript And Xml（异步的JS和XML） 同步：客户端发起请求》服务端的处理和响应》客户端重新载入页面（循环） 异步：客户端实时请求》服务端处理和响应》客户端获得响应后局部刷新页面 异步实现的关键是，XMLHttpRequest对象的出现 创建X
阅读全文
摘要：1、标准创建对象模式 2、字面量模式 3、工厂模式 4、构造函数模式 5、原型模式 6、组合构造函数和原型模式 7、动态原型模式（这里只在 sayName()方法不存在的情况下，才会将它添加到原型中。） 8、寄生构造函数模式（除了使用 new 操作符并把使用的包装函数叫做构造函数之外，这个模式跟工厂
阅读全文
摘要：一、css方面 1、盒子模型在IE上有何不同？ 2、移动端适配方案？ Media Query（Bootstrap） viewpoint缩放 固定高度 浮动百分比 动态计算与rem（淘宝的flexible） 二、JQuery方面 1、事件on和click有何不同？ 三、原生JS方面 1、如何理解事件流
阅读全文
浙公网安备 33010602011771号