06 2017 档案
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="traceur.js"></script> <script src="BrowserSystem.js">
阅读全文
摘要:以下是一个表示“单向数据流”理念的极简示意: 但是,当我们的应用遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏: 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。 这就是 Vuex 背后的基本思想,借鉴了 Flux、Redux、和 The Elm Architecture。与其
阅读全文
摘要:node中使用require的时候如果路径是一个文件夹时,或者特殊的情况require('..');require('.'); 这是node实战这本书里说的情况,但是我在node6.9版本中发现不完全是这样,可能是后来做了修改。下面说说在6.9下require路径的过程。 这里以require('.
阅读全文
摘要:main.js App.vue action.js getters.js index.js mutation.js types.js
阅读全文
摘要:echarts-X:echarts的扩展,3D图表库。 Zrender:底层依赖的图形库,包引入需要下载。 Qtek:echarts的基础库,3D引擎。 edharts是依据EFE协议的开源库, echarts官网托管在国内服务器, edharts-m是针对移动版的,edharts-x是针对3D版的。 edharts除了提供12种图还提供组件。 bulid dist:压缩好的 ...
阅读全文
摘要:01.js 02.js 03.js 04.js 05.js
阅读全文
摘要:db.js students.js app.js
阅读全文
摘要:db.js Students.js app.js
阅读全文
摘要:二、索引index 数据库中,根据一个字段的值,来寻找一个文档,是很常见的操作。比如根据学号来找一个学生。 这个学号,是唯一的,只要有学号,就能唯一确认一个学生的文档。学号这个属性,就非常适合建立索引,这样一来,查找学生就变得简单了。 这个语句,能够查看检索的过程: 1db.student.find({"name":"user888"}); 学生的姓名是唯一的,为了快速的进行检索,所以就把n...
阅读全文
摘要:一、复习 cookie是在res中设置,req中读取的。第一次的访问没有cookie。 cookie的存储大小有限,kv对。对用户可见,用户可以禁用、清除Cookie、可以被篡改。 cookie用来制作记录用户的一些信息,必须购买历史、猜你喜欢。 HTTP是无状态的协议,所以两次的访问,服务器不能认识到是同一个客户端的访问,就要用cookie来巧妙的解决这个问题。 Session就是利用cook...
阅读全文
摘要:03.js 04.js 05.js 06.js
阅读全文
摘要:二、Cookie和Session 2.1 Cookie ● HTTP是无状态协议。简单地说,当你浏览了一个页面,然后转到同一个网站的另一个页面,服务器无法认识到,这是同一个浏览器在访问同一个网站。每一次的访问,都是没有任何关系的。 那么世界就乱套了,比如我上一次访问,登陆了,下一次访问,又让我登陆,
阅读全文
摘要:01.js 02.js 03.js 分页:
阅读全文
摘要:app.js router.js file.js albm.ejs err.ejs up.ejs index.ejs jad.js
阅读全文
摘要:06.js 07.js 08.js 09.js 10.js 11.js
阅读全文
摘要:01.js 02.js 03.js 04.js 05.js
阅读全文
摘要:14.js 15.js EJS模版效率不高,JADE引擎效率高,难度大
阅读全文
摘要:08.js package.json silly-datetime源码
阅读全文
摘要:04.js foo.js bar.js 05.js People.js 06.js 07.js
阅读全文
摘要:08fs.js 09fs.js 10fs.js 11fs.js 12fs.js 13fs.js 静态服务器 浏览器mime类型 静态服务器改版:
阅读全文
摘要:form.html http.js req.js url.js url.js route.js
阅读全文
摘要:《高性能网站建设指南》《高性能网站建设进阶指南》 SublimeText插件:SublimeCodeIntel、Emmet、SublimeLinter、Git +Gutter VIM: 插件管理:vim-pathogen 必备插件: 装逼插件:Airline 编码风格:EditorConfig 自动完成:vim内置 编码加速:Emmet 版本控制:Fug...
阅读全文
摘要:概念:Node.js提供了http模块。其中封装了一个高效的HTTP服务器和一个建议的HTTP客户端。 http.server是一个基于事件的HTTP服务器。内部有C++实现。接口由JavaScript封装。 http.request则是一个HTTP客户端工具。用户向服务器发送请求。 一、HTTP服务器 http.Server实现的,它提供了一套封装级别很低的API,仅仅是流控制和简单的解...
阅读全文
摘要:介绍:fs模块是文件操作的封装,它提供了文件的读取,写入,更名,删除,遍历目录,链接POSIX文件系统操作。与其他模块不同的是,fs模块中所有的操作都提供了异步和同步两个版本,例如读取文件内容函数异步方法:readFile(),同步方法readFileSync()。 一、fs.readFile(filename,[encoding],[callback(err,data)])是最简单的读取文件的...
阅读全文
摘要:一、util全局变量 1.util.inherits(constructor,superConstructor) 此方法是一个实现对象间原型继承的函数。javaScript通过原型赋值来实现继承,细节可参考云哥JS高级视频(原型)。 案例看 util/inherits.js 定义了一个基础对象Base,原型方法为showName,使用Sub对象继承与Base,可访问s...
阅读全文
摘要:概念:所有属性都可以在程序的任何地方访问,即全局变量。在JavaScript中,通常window是全局对象,而Node.js的全局对象是global,所有全局变量都是global对象的属性,如:console、process等。 一、全局对象与全局变量 global最根本的作用是作为全局变量的宿主。满足以下条件成为全局变量: 1.在最外层定义的变量 2.全局对象的属性 3.隐式定义的变量(未定...
阅读全文
摘要:一、如何使用包管理器 Node.js包管理器,即npm是Node.js官方提供的包管理工具,它已经成了Node.js包的标准发布平台,用于Node.js包的发布、传播、依赖控制。(可以下载上面的包也可以上传包) (1)获取一个包 npm [install/i] [package_name] 例如安装
阅读全文
摘要:module.js getModule.js getModule2.js singleobject.js getSingleObject.js
阅读全文
摘要:一、回调函数 1.异步式读取文件 var fs=require('fs'); fs.readFile('file.txt','utf-8',function(err,data){ if(err){ console.log(...
阅读全文
摘要:Node.js最大的特性就是"异步式I/O"与事件紧密结合的编程模式。这种模式与传统的同步式IO线性的编程思路有很大的不同,因为控制流很大程度上要靠"事件"和"回调函数"来组织,一个逻辑要拆分为若干个单元格。(传统是来一个请求就开一个线程,nodejs来一个请求就是一个事件加入事件中,然后处理请求,nj中一个大事件里面会包含若干个小事件) 内容:阻塞和线程 1....
阅读全文
摘要:1.Node.js是什么? Node.js不是一种独立的语言,与PHP、java、.net即是开发语言也是平台不同,也不是javaScript的框架 jquery,更不是浏览器的库ExtJs,能不与ExtJs相提并论。Node.js是一个让JavaScript运行在服务端的开发平台 2.Node.js能做什么? JavaScript是由客户端而产生,Node.js为网络而生。 ...
阅读全文
摘要:less css less css less css less css
阅读全文
摘要:main.less index.css style.less style.css
阅读全文
摘要:初见LESS 这是测试文档 这是测试文档 这是测试文档 这是测试文档 这是测试文档 初见LESS 这是测试文档 这是测试文档 这是测试文...
阅读全文
摘要:/*! 数字类型 */ $n1: 1.2; $n2: 12; $n3: 14px; p{ font-size: $n3; } /*! 字符串类型*/ $s1: container; $s2: 'container'; $s3: "container"; .#{$s3}{ font-size: $n3; } /*! Bool类型*/ $bt: ture; $bf: false; ...
阅读全文
摘要:demo1.scss 编译后的demo1.css a.scss
阅读全文
摘要:Chrome --流行的浏览器,及前端开发调试工具 WebStorm --强大的跨平台前端集成开发环境 Sublime Text --神器级别的代码编辑器,如vim般强大,而上手难度极低。 --------------------------------------- 为什么需要CSS预处理器? 如果最终生成的是CSS代码,为什么不干脆写CSS? 为什么使用Sass? 使用变量 自动转换...
阅读全文
摘要:App.vue main.js index.js Loading.vue
阅读全文
摘要:main.js App.vue 按需引入: main.js element-ui.js App.vue Button.vue .babelrc
阅读全文
摘要:index.html main.js router.config.js App.vue New.vue Home.vue webpack.config.js package.json
阅读全文
摘要:vue2.0 路由: http://router.vuejs.org/zh-cn/index.html 基本使用: 1. 布局 主页 2. 路由具体写法 //组件 var Home={ template:'我是主页' }; var News={ template:'我是新闻' }; /...
阅读全文
摘要:智能社——http://www.zhinengshe.com 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:------------------------------------------------------ 可以单一事件管理组件通信: vuex var Event=new Vue(); Event.$emit(事件名称, 数据) Event.$on(事件名称,function(data){ //data }.bind(this)); ...
阅读全文
摘要:智能社——http://www.zhinengshe.com 我是子组件 {{msg}} 父级: ->{{a}} ...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{msg | currency}} 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com
阅读全文
摘要:3. 循环 2.0里面默认就可以添加重复数据 arr.forEach(function(item,index){ }); 去掉了隐式一些变量 $index $key 之前: v-for="(index,val) in array" 现在: v-for="(val,ind...
阅读全文
摘要:index.html main.js App.vue Menu.vue router.config.js Detail.vue Home.vue Login.vue News.vue Reg.vue webpack.config.js package.json
阅读全文
摘要:index.html index.js content.scss admin.css webpack.config.js package.json
阅读全文
摘要:consumer-index.html consumer-index.js admin-index.html admin-index.js webpack.config.js package.json
阅读全文
摘要:index.html index.js index.css package.json webpack.config.js
阅读全文
摘要:webpack.config.js package.json main.js index.html App.vue Menu.vue
阅读全文
摘要:Document 1111 2222 3333 Document ...
阅读全文
摘要:Document Document Document Document ...
阅读全文
摘要:(前端)包管理器 npm install bower -g 验证: bower --version bower install bower uninstall bower info 查看包版本信息 --> Document ...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{a}} {{b}} 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com asdfasd 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{a | toDou}} 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com debounce延迟,配合键盘事件 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{val}} 智能社——http://www....
阅读全文
摘要:智能社——http://www.zhinengshe.com {{a}} 智能社——http://www.zhinengshe.com {{a...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{a}} {{b}} 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{msg}} {{{msg1}}}
阅读全文
摘要:智能社——http://www.zhinengshe.com {{msg}} 智能社——http://www.zhinengshe.com {{msg}...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{value}} 暂无数据... ...
阅读全文
摘要:智能社——http://www.zhinengshe.com 智能社——http://www.zhinengshe.com 智能社——http...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{msg}} {{*msg}} //后面更新不更新 {{{msg}}} //解析html ...
阅读全文
摘要:智能社——http://www.zhinengshe.com 这种方式会报404错 --> 属性是通过bind来绑定的 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:智能社——http://www.zhinengshe.com 用户名: 年...
阅读全文
摘要:智能社——http://www.zhinengshe.com {{msg}} 智能社——http://www.zhinengshe.com ...
阅读全文
摘要:ECMAScript和JavaScript的关系 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。 ECMAScript和JavaScript到底是什么关系?很多初学者会感到困惑,简单来说,ECMAScript是JavaScript语言...
阅读全文
摘要:/*! * Includes Sizzle.js 选择器,独立的库 * http://sizzlejs.com/ */ (function( window, undefined ) { //"use strict"; var // rootjQuery = jQuery(document) = $();压缩有用 rootjQuery, // dom是否加载完 readyLi...
阅读全文
摘要:// Back Compat -1; // Need to be able to calculate position if either top or left is auto and position is either absolute or fixed if ( calculatePosition ) { curPosition...
阅读全文
摘要:{ var fxNow, timerId, rfxtypes = /^(?:toggle|show|hide)$/, rfxnum = new RegExp( "^(?:([+-])=|)(" + core_pnum + ")([a-z%]*)$", "i" ), rrun = /queueHooks$/, animationPrefilters = [ defa...
阅读全文
摘要:无标题文档 无标题文档 无标题文档 无标题文档 无标题文档 无标题文档
阅读全文
摘要:{ var r20 = /%20/g, //全部空格 rbracket = /\[\]$/, //结尾位置匹配中括号 rCRLF = /\r?\n/g, rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i, rsubmittable = /^(?:input|select...
阅读全文
摘要:var curCSS, iframe, // swappable if display is none or starts with table except "table", "table-cell", or "table-caption" // see here for display values: https://developer.mozilla.org/en-US/d...
阅读全文
摘要:无标题文档 aaaaaaaaaaaa 无标题文档 aaaaaaaaaaaa 无标题文档 aaaaaaaaaaaa--> 无标题文档 aaaaaaaaaaa 无标题文档 aaaaaaaaaaa
阅读全文
摘要:jQuery.fn.extend({ //$('ul').find('li').css('background','red'); //$('ul').find( $('li') ).css('background','red'); find: function( selector ) { var i, ret = [], s...
阅读全文
摘要:无标题文档 div span p 无标题文档 div div div span1span2 div 无标题文档 span div span span span
阅读全文
摘要:无标题文档 无标题文档 div1span div2 无标题文档 div1 div2 divspan divspan divspan...
阅读全文
摘要:无标题文档 div span 无标题文档 divspanp 无标题文档 divspan 无标题文档 aaaaaa 无标题文档 11111111111
阅读全文
摘要:无标题文档 div 11111 11111 11111 11111
阅读全文
摘要:var nodeHook, boolHook, rclass = /[\t\r\n\f]/g, rreturn = /\r/g, rfocusable = /^(?:input|select|textarea|button)$/i; jQuery.fn.extend({ attr: function( name, value ) { //遍历this //arg...
阅读全文
摘要:无标题文档 aaaaaaaaaaaaaaaaa 无标题文档 aaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaa aaaaaa 无标题文档
阅读全文
摘要:/*! * Includes Sizzle.js 选择器,独立的库 * http://sizzlejs.com/ */ (function( window, undefined ) { //"use strict"; var // rootjQuery = jQuery(document) = $();压缩有用 rootjQuery, // dom是否加载完...
阅读全文
摘要://对外接口 jQuery.extend({ queue: function( elem, type, data ) {//入队。元素、队列名字、存进去的函数 //jQuery.queue( this, type, function( next, hooks ) {}) var queue; if ( elem ) { t...
阅读全文
摘要:无标题文档 无标题文档 无标题文档
阅读全文
摘要:/* Implementation Summary 1. Enforce API surface and semantic compatibility with 1.9.x branch 2. Improve the module's maintainability by reducing the storage paths to a single me...
阅读全文

浙公网安备 33010602011771号