Web前端开发
文章平均质量分 63
hfutsqliang
热爱了开发
展开
-
js代码风格与优美的特性
电脑程序是经过逻辑思考,架构,然后用键盘敲出来的复杂的玩意儿。程序原创 2014-11-23 19:47:48 · 1063 阅读 · 0 评论 -
理解JS的函数(Function)基础
基本组成理解参数注意定义函数的两种方式函数声明提升函数表达式递归函数中使用argumentscallee基本组成 js函数使用function关键字来声明,后跟一组参数以及函数体。函数在定义时不必指定是否返回值。实际上,任何函数在任何时候都可以通过return语句后跟要返回的值来实现返回值。 return语句可以不带任何返回值,此时函数在停止执行后返回undefined值理解参原创 2015-11-17 16:09:02 · 817 阅读 · 0 评论 -
函数表达式和闭包
递归function factorial (num) { if(num <= 1){ return 1; }else{ return num * arguments.callee(num-1); }}问题:上述代码在严格模式下有问题,因为严格模式下不能通过脚本访问arguments.callee。不过,可以借助于命名函数表达式,如下:var原创 2016-03-06 23:30:51 · 462 阅读 · 0 评论 -
js中的this
提示js没有块级所用域,但是确实有函数作用域。那意味着定义在函数中的参数和变量在函数外部都是不可见的,而且在一个函数中的任何位置定义的变量在该函数中的任何地方都可见。因此,在js函数中,最好的做法是在函数体的顶部声明函数中声明你用到的所有变量。参数this除了声明时定义的形式参数,每个函数接收两个附加的参数:this和arguments。参数this在面向对象编程中非常重要的,它的值取决于调用模式,原创 2016-03-09 17:15:50 · 408 阅读 · 0 评论 -
React组件生命周期
组件的属性和方法renderReact.createClass用于生成组件类,每一个组件都要有render函数props组件的属性可以在组件类this.props对象上获取,如:this.props.属性名。添加组件属性,需要注意:class属性需要写成className,for属性需要写成htmlFor,因为class和for是JavaScript的保留字<script type="text/ba原创 2016-03-06 11:19:27 · 468 阅读 · 0 评论 -
一些前端注意事项整理
angularangular 的service实现方法:1,value 变量 angular.module(‘app’,[]).value(‘realname’,’sqliang’);2,constant 常量(不可以改变)angular.module(‘app’,[]).value(‘http’,’www.baidu.com’);3,factory angular.module(‘app’,原创 2016-06-01 13:54:54 · 631 阅读 · 0 评论 -
KOA学习(1)——介绍,安装与运行
介绍 koa.js是下一代node.js框架。相比express,先天优势在于genertaor有很多优点:更优雅、简单、安全的中间件机制;更优雅、简单的异常处理;更优雅、简单的异步编程方式;koa与express是共享底层库的,如果你会使用express,只要理解generator与koa框架api,就可以快速上手安装运行 注意:koa使用了js1.7的新特性,要求node版本至少0原创 2016-06-28 21:23:53 · 4494 阅读 · 0 评论 -
koa学习2——koa入门
// 初始化koavar koa = require('koa');var app = koa();//使用app.use()注入中间件,所有的koa中间件,必须是generator // function.中间件的上下文this,指向用户当前的请求,中间件只有// 在请求时触发逻辑,比如获取当前请求的路径app.use(function *(){ var path = this.原创 2016-06-28 21:54:57 · 1386 阅读 · 0 评论 -
React概述
ReactJS介绍简介ReactJS是为了解决构建随着时间数据不断变化的大规模应用程序而设计的用来构建用户界面的JavaScript库,是MVC中的V(视图)React设计思想 React设计思想很独特,属于革命性创新,性能独特,代码逻辑却非常简单。很有可能会成为将来Web开发的主流工具。这个项目本身也越来越大,从最早的UI引擎变成了一整套前后端通吃的Web App解决方案。其衍生出来的Reac原创 2016-03-06 00:50:05 · 2437 阅读 · 0 评论 -
React Router
介绍 React Router是一个基于React之上的强大路由库,可以向应用中快速添加试图和数据流,同事保持页面与URL的同步。详细示例参见官方的示例库基本用法路由器Router其实是React的一个容器组件,真正的路由通过Route组件定义import { Router,Route,hashHistory } from 'react-router';import App from './原创 2016-07-24 12:49:16 · 499 阅读 · 0 评论 -
js加载和执行
介绍 由于多说浏览器使用单一进程来处理用户界面(UI)刷新和JavaScript脚本执行,所以同一时刻只能做一件事情。因此,浏览器执行javascript代码时不能同时做其他事情,JavaScript执行过程耗时越久,浏览器等待的时间也就越长。 另外,虽然像IE8、Firefox 3.5,Safari 4和Chrome 2都允许并行下载JavaScript文件,这保证了在下载组织脚本原创 2016-07-18 21:16:32 · 536 阅读 · 0 评论 -
React独特点
组件组合模式无论是应用等级还是一个表单或一个按钮都视为一个组件,然后基于组件的组合构建整个应用。 优点: 1. 构建可重用的组件:组件的开发能够形成公司的组件库,每个业务的开发都能积累成可重用的组件 2. 无学习障碍: 天然符合HTML结构,对前端开发者来说几乎没有学习障碍 3. 具有弹性的架构:组合模式很简单却有效,能够构建简单的页面也能构建大型的前端应用 4. 源码高可维护性: 开发只原创 2016-11-03 23:50:21 · 275 阅读 · 0 评论 -
React之JSX语法
介绍JSX是一种类XML语言,全程是JavaScript XML。React可以不使用JSX来编写组件,但是使用JSX可以让代码可读性更高、语义更清晰、对React元素进行抽象等 本质: 创建JSX语法的目的是为了使用基于XML的方式表达组件的嵌套,保持跟HTML一致的结构,语法除了在描述组件比较特别之外,和普通的js没有区别。并且最终所有的JSX都会被编译为原生的js规则var Hel原创 2016-11-04 00:43:18 · 999 阅读 · 0 评论 -
React组件
创建一个React组件创建组件需要调用React.createClass方法,传入的参数为一个对象,对象必须定义一个render方法,render方法返回值为组件的渲染结构,也可以理解为一个组件实例,返回值有且只能为一个组件实例,或者返回null/false,当返回值为null/false的时候,React内部通过标签替换无状态组件除了可以通过React.createClass来创建组件以外,组件也原创 2016-11-04 18:35:16 · 858 阅读 · 0 评论 -
web前端模块化开发
定义与由来定义模块就是实现特定功能的相互独立的一组方法。由来背景 随着网站逐渐的开发,嵌入网页的js代码越来越庞大,而网页也越来越像桌面程序,需要一个团队去分工协作,进行管理和测试等等。为了更好的管理网页的业务逻辑,也就产生了模块化编程的理念。 为了让开发者方便地加载各种模块,因此需要一套编写模块的规范,而且目前通行的JavaScript的模块规范有两种:CommonJS 和AMD。另原创 2016-03-14 20:49:24 · 3427 阅读 · 0 评论 -
WebSocket基本
基本介绍WebSocket是一种在单个TCP连接上进行的全双工通讯协议 WebSocket是独立的,创建在TCP上的协议,和HTTP唯一的关联是使用HTTP协议的101状态码进行协议切换,使用的TCP端口是80,可以用于绕过大多数防火墙的限制。 WebSocket使得客户端和服务器的数据交换变得更加简单,允许服务端直接向客户端推送数据而不需要客户端进行请求。在WebSocket API原创 2016-12-11 17:51:59 · 373 阅读 · 0 评论 -
对js中的引用类型的理解(4)——Function类型
简单总结原创 2015-11-18 17:37:17 · 379 阅读 · 0 评论 -
HTML5总结
HTML5的新特性用于绘画的canvas元素用于媒介回访的video和audio元素对本地离线存储的更好支持新的特殊内容元素,如 article,footer,header,nav,section新的表单控件,如calendar,date,time,email,url,searchHTML5 画布 canvas元素为我们使用js绘制图形提供了一种简单又强大的方式,可以用来绘制图表,绘原创 2016-02-19 21:53:22 · 608 阅读 · 0 评论 -
超链接收集
异步上传:http://www.jianshu.com/p/46e6e03a0d53检测手机是否安装app:http://www.cnblogs.com/yexiaochai/p/3439179.htmlhttp://www.cnblogs.com/yexiaochai/p/3439179.html这里写链接内容对js中的proto和prototype的理解,http://www.blogja原创 2015-08-13 19:19:32 · 390 阅读 · 0 评论 -
JavaScript基础1——基本语法和数据类型
JavaScript实现一个完整的JavaScript实现由三个不同部分: 1. 核心(ECMScript) 2. 文档对象模型(DOM) 3. 浏览器对象模型(BOM)注意:*ECMScript与Web浏览器没有什么依赖关系,常见的Web浏览器只是ECMScript实现的宿主环境之一*,其他的有(Node,Adobe Flash)宿主环境不仅提供了基本的ECMScript实现,同时提供原创 2015-08-28 21:25:27 · 567 阅读 · 0 评论 -
JavaScript基础2——变量、作用域和内存
JS变量的本质介绍JS变量是松散类型的,它只是在特定时间用于保存特定值的一个名字。由于不存在定义某个变量要保存哪种数据类型的规则,因此,变量的值可及其数据类型可以在脚本的声明周期内改变。(这种规则虽然灵活,强大。可也就是因为这样埋下了一些乱乱的坑)数据类型的值既然数据类型有两种(基本类型和引用类型),那么JS有两种不同数据类型的值:基本类型值和引用类型值 基本数据类型值,是简单的数据段,原创 2015-08-28 22:11:14 · 350 阅读 · 0 评论 -
对js中的引用类型的理解(2)——Object类型
简单总结简单总结 仅仅创建Object的实例没有什么用处,单关键要理解一个重要思想:即在js中Object类型是实现所有的它的实例的基础,Object所具有的任何属性和方法也同样存在于更具体的对象中 Object的每个实例原创 2015-11-18 17:33:54 · 308 阅读 · 0 评论 -
对js中的引用类型的理解(1)
基本理解js原生引用类型Object类型Array类型Date类型RegExp类型Function类型基本包装类型单体内置对象基本理解 引用类型是一种用于将数据和功能组织在一起的数据结构(也常被成为类),引用类型的值(对象)是引用类型的一个实例。 但是js中没有类的概念,因此引用类型也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法。 对象是某个特定引用类型的实原创 2015-11-18 17:07:55 · 2615 阅读 · 0 评论 -
对js中的引用类型的理解(5)——Date类型
简单总结原创 2015-11-18 17:39:30 · 290 阅读 · 0 评论 -
对js中的引用类型的理解(6)——基本包装类型(Booelean、Number、String)
Boolean类型Number类型String类型原创 2015-11-18 17:41:39 · 376 阅读 · 0 评论 -
对js中的引用类型的理解(3)——Array类型
简单总结 js数组的每一项可以保存任何类型的数据,js数组的大小可以动态调整,即随时可以随着数据的添加自动增长以容纳新数据(js是一种动态类型语言)2种创建数组的基本方式://// 第一种var colors = new Array();//如果预先知道数组要保存的项目数量var colors = new Array(20);//也可以向构造函数中添加元素var colors = n原创 2015-11-18 17:35:41 · 371 阅读 · 0 评论 -
理解js的对象,对象创建,继承
js对象概述理解js对象js对象的属性在创建时都带有一些特征值,js通过这些特征值来定义它们的行为。属性类型1.数据属性数据属性包含一个数据值的位置,在这个位置可以读取和写入值2.访问器属性定义多个属性读取属性的特性创建对象 虽然Object构造函数,对象字面量都可以来创建对象,但这些方式有个缺点:在使用同一个接口创建很多对象的时候,会产生大量重复代码,所以在创建对象的时候,可以使用一些模式来进原创 2015-11-28 01:23:09 · 650 阅读 · 0 评论 -
前端模块管理器
强调传统方式前端模块管理器RequireJSBower强调 目前,模块化结构已经成为web开发的主流形式,制作网站的主要工作也不再是编写各种功能,写各种页面,而是如何将各种不同的模块组合在一起,来完成整个web的功能传统方式 browser本身不具有模块管理机制,传统的web开发中,为了进行模块化结构,不得不加 一大堆script标签来依照先后顺序来加载,这就造成了网页整体繁杂,难原创 2016-01-29 02:20:00 · 474 阅读 · 0 评论 -
CommonJS与AMD
CommonJsAMDCommonJs与AMD的比较ES2015ES6CommonJs CommonJs应用在NodeJS,是一种同步的模块机制,大致写法如下:var firstModule = require("firstModule");//the codes of yourself...module.export = anotherModuleAMD AMD的应用场景则是浏原创 2016-01-29 11:36:42 · 442 阅读 · 0 评论 -
js基本概念复习
严格模式 ES5引入了严格模式的概念,为js定义了一种不同的解析和执行的模型。在严格模式下ES3中的一些不确定的行为将得到处理,而且对某些不安全的操作也会抛出错误。 要在整个脚本下启用严格模式,可以在顶部添加如下代码: "use strict"; 这行代码其实是一个编译指示,告诉支持的js引擎(如V8)切换到严格模式。在函数内部的上方使用这条编译指示,也可以指定函数在严格模原创 2016-03-04 09:56:57 · 374 阅读 · 0 评论 -
js变量、作用域和内存问题的复习**
基本类型和引用类型 基本类型指的是简单的数据段,引用类型指那些可能由多个值构成的对象。引用类型的值是保存在内存中的对象。在实际操作中,实际上是在操作对象的引用而不是实际的对象,因此引用类型的值是按引用访问的js变量的访问有按值和按引用两种,而参数的传递是按值传递的 s所有函数的参数都是按值传递的,也就是把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。基本类型值的原创 2016-03-05 17:47:07 · 1218 阅读 · 0 评论 -
jQuery总结
简介jquery是一款轻量级的JS库,文件很小,不影响加载速度,它兼容CSS3,还兼容了各种主流浏览器。 使用户能方便地处理HTML文档,事件,实现动画效果,并且方便地为网站提供Ajax交互优点提供了强大的功能函数和简单精准的选择器操作解决了浏览器兼容问题,支持市场上主流的浏览器支持ajax,封装后使用ajax交互代码简介,操作简单具有丰富的插件库,可以方便地使用提供了丰富的UI。应用原创 2016-03-06 11:58:18 · 435 阅读 · 0 评论 -
最近资料
AC2016腾讯前端技术大会: http://www.imooc.com/learn/773 Flex布局: https://zhuanlan.zhihu.com/p/25303493Fis: https://github.com/shunzizhan/fis原创 2017-06-21 09:53:16 · 433 阅读 · 0 评论