木子小姐

原创 编程术语解释

表达式：表达式会产生一个值，它可以放在任何需要值的地方语句：由分号分隔的句子或命令，（如果在表达式后面加一个“；”，称为表达式语句）...

原创 express4.x 搭建总结

express安装：1.安装node.js2.安装express npm install -g express(发现express不是外部命名) 还需要安装npm install -g express-generator3.使用express创建一个工程 express helloworld4.进入项目 cd helloworld 安装node包管理器 npm install5.启动 ...

原创 node.js 开发指南&&深入浅出笔记

Node.js 是一个服务端开发平台，类似的平台还有 Java、PHP、Python、Perl、Ruby 等。Node.js 不是一门语言也不是框架，它只是基于 Google V8 引擎的 JavaScript 运行时环境进程是系统中正在运行的一个程序，程序一旦运行就是进程。一个进程可以拥有多个线程，线程是进程的一个实体，是进程的一条执行路径。1.commonJs是Node.js的规...

原创 JSON JSONP

JSON：是一种字符串数据格式JSONP：JSON with Padding，填充式JSON，是一种手段，可以绕过XHR的跨域限制JSONP手段的原理：在客户端动态的创建一个script标签，代替XHR对象，指定script.src向服务器发起请求，请求的PHP页面除了返回需要的数据外，还需要填充一个指定的函数名。header('Content-Type: applicatio...

原创 Web项目架构及服务器介绍

Web服务器：专门处理HTTP请求（Apache Nginx IIS）Apache 是一款Web服务器软件，支持多个虚拟主机。Nginx 是一个高性能的HTTP和反向代理服务器。IIS。是一种Web服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面（微软旗下的）DNS服务器Sendmail...

原创 svg canvas区别

svg：是一种用于描述图形的XML语法。使用canvas来绘制图形是通过调用它提供的方法，API是基于Javascript的。svg绘制图形是通过构建xml元素来实现。区别：svg图形可以简单的通过移除相应的元素来编辑图片。而canvas要移除图片中的元素要把当前的元素擦除再重绘制一遍。大部分画布绘制API都不是在<canvas>元素自身上定义，而是定义在一个“绘...

原创 同源策略

web浏览器包含了JavaScript解释器，也就是说一旦载入Web页面，就可以任意的js代码在计算机里执行。存在安全隐患。对此做出限制。1.第一条防线：客户端js没有权限写入或删除客户计算机上的任意文件或列出任意目录。意味着js程序不能删除数据或植入病毒。2.第二条防线：在自己支持的某些功能上施加限制。a.js程序可以打开一个新的浏览器窗口，但是为了防止广告↑滥用弹出窗口，很多浏览器...

原创 I/O 、阻塞、非阻塞、异步I/O、node

I/O：input输入/output输出，一起就是基本输入输出设备。I/O也就是输入输出地址。每个设备都会有一个专用的I/O地址，用来处理自己的输入输出信息。I/O地址绝对不能重复，如果两个设备的I/O地址有冲突，系统硬件就不能正常工作。node是基于C++的高速JavaScript解释器（Google的V8 JavaScript解释器，node是在Google的V8引擎上构建而成...

原创 js 迭代器

迭代器：迭代器是一个对象，这个对象允许对它的值集合进行遍历，并保持任何必要的状态以便能够跟踪到当前遍历的位置。当迭代器用于有限的集合时，当遍历完所有的值并且没有多余的值可迭代时，在调用next()方法会抛出StopIteration生成器：任何使用关键字yield的函数都称为“生成器函数”。生成器函数通过yield返回值。这些函数中可以使用return来终止函数的执行而不带任何返回...

原创 js 正则表达式

正则表达式：是描述字符模式的对象。直接量创建RegExp对象： var pattern=/s$/;构造函数创建：var pattern=new RegExp("s$");字符类：将直接量字符单独放进【】内就组成了字符类。/[abc]/ =>"a"、"b"、"c"中的任意一个都匹配。^否定字符类：/[^abc]/ abc之外的字符String方法中使...

原创 js 中的面向对象技术

概念：集合：是一种数据结构，用以表示非常重要值的无序集合。集合的基础方向包括添加值，检测值是否在集合中。枚举类型：是一种类型，它是值的有限集合。如果值定义为这个类型则该值是可列出（可枚举）的。标准转换方法：toString()方法将对象转为字符串（toLocaleString()类似）valueOf(）方法将对象转为原始值toJSON()，这个方法是由JSON.string...

原创 js 函数

高阶函数：操作函数的函数，接收一个或多个函数作为参数，并返回一个新函数。不完全函数：把一个完整的函数调用拆成多次函数调用，每次传入的实参都是完整实参的一部分，每个拆分开的函数叫做不完全函数。...

原创 js 对象

属性（key）的特性：内部对象(本地对象/普通对象)：是有ECMAScript规范定义的对象或类。例如：Array，Function，Date，Boolean，Global，Math，Number，Object，RegExp，String，Error，EvalError，RangeError，ReferenceError，SyntaxError，TypeError。内置对象：Globa...

原创 js 循环

while do/while for for/in forEach map for/each filter every/some indexOf/lastIndexOfforEach:全部遍历，不能使用break停止。while(expression)statementvar i=0;while(i<10){console.log(i);i++;}d...

原创 js 语句

break continue return throw 其他语句：with debugger use strictbreak 是跳转到循环或者其他语句的结束。continue 是终止本次循环的执行并开始下一次循环的执行（只能在循环体内使用）注意：continue语句在while和for循环中的区别，while循环直接进入下一轮的循环条件判断，但在for循环首先计算inc...

原创 js 运算符

赋值，‘++’，‘--’，delete有副作用，其他运算符没有副作用。副作用：意思是表达式可以改变变量表达式：意思是一个短语，用来计算一个值语句：意思是js整句或命令，用来执行使某件事发生。...

原创 vue-router学习笔记

直白的来说query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示。注意点：query刷新不会丢失query里面的数据params刷新 会会 丢失 params里面的数据1.router-link<router-link to="/index"></router-link>...

原创 HTTP 状态码

状态码详解 类别 原因短语1XX 信息性状态码 接收的请求正在处理2XX 成功状态码 请求正常处理完毕3XX 重定向状态码 需要进行附加操作以完成请求4XX 客户端错误状态码 服务器无法处理请求5XX 服务器错误状...

转载 js下载文件 不刷新界面

原创 js 字符串截取相关

1.substring() 方法用于提取字符串中介于两个指定下标之间的字符。stringObject.substring(startPos,stopPos) startPos：必需。一个非负的整数，开始位置。stopPos：可选。一个非负的整数，结束位置，如果省略该参数，那么返回的字串会截止到字符串对象的结尾。截取指定位置字符，比如：vaule=123.45 取123（忽略Mat...

原创 前端正则验证

数字类型：1.非负数，可以是整数也可以带小数（最多两位小数）/(^[1-9](\d+)?(\.\d{1,2})?$)|(^0$)|(^\d\.\d{1,2}$)/3.正整数(不包括0)：^[1-9]\d*$4.任意数字16-19字符：/^\d{16,19}$/5.任意汉字4-10字符：/^[\u4e00-\u9fa5]{4,10}$/6.字母和数字 1-...

原创 git使用

1.git安装：（针对windows用户）下载：https://git-scm.com/download/win2.打开git bash配置用户信息（用户名和邮箱）- git config --global user.name "tyler"- git config --global user.email "tyler@163.com"备注：可以安装source tree图形化...

原创 自定义滚动条样式

      .detail-content::-webkit-scrollbar {            width: 5px;        }        .detail-content::-webkit-scrollbar-track-piece {            background-color: rgba(0, 0, 0, 0.2);            -we...

原创 echarts生成图表后随屏幕大小改变自适应

在setoption之后添加：window.onresize = function() {        myChart.resize();};

原创 img加载优化

问题：做项目时有遇到一个问题，图片加载由大变小出现闪动的过程，这个如何解决呢？ 解决方式一：设置图片为块级元素，宽高设置为100%，自己撑开空间。（有时会不生效） 解决方式二：图片换成背景图片，设置宽高。...

转载 meta的用法

meta是html文档在head标签里定义的一个对文档进行描述的功能性标签meta标签有下面的作用：　　1.搜索引擎优化（SEO）　　2.定义页面使用语言　　3.自动刷新并指向新的页面　　4.实现网页转换时的动态效果　　5.控制页面缓冲　　6.网页定级评价　　7.控制网页显示的窗口meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，...

转载 点击按钮显示一个div，div之外的地方隐藏，之内的地方不隐藏

 &lt;body&gt; &lt;input id="btnClick" type="button" value="原生写法" class="btn-green radius" /&gt; &lt;div id="pop" class="centerDiv radius" style="width: 260px; h

原创 echarts一个界面多个饼图简单封装

&lt;body&gt;        &lt;div id="lamp" style="height: 174px;"&gt;&lt;/div&gt;        &lt;div id="landscape" style="height: 174px;"&gt;&lt;/div&gt;        &lt;div id=&qu

原创 html 改变input触发边框颜色

//去掉input点击后边框颜色input { outline:none; }//改变input触发后边框颜色input{ outline-color:red;}

原创 ECMAScript 6 入门（阮一峰）个人总结

1.let和const命令let注意点：a. 使用let命令声明变量之前，该变量都是不可用的。（称为“暂时性死区”）b.let、const语句不出现变量提升c.let不允许在相同作用域内，重复声明同一个变量。d.const一旦声明变量，就必须立即初始化，不能留到以后赋值。ES6声明变量的6种方法：Es5中：var 命令和function命令。Es6 let和con...

原创 cue-cli脚手架搭建项目

Vue两大核心思想：组件化和数据驱动。组件化：把整体分为各个可以复用的个体，数据驱动：通过数据变化直接影响bom展示，避免dom操作。Vue.js安装-NPM方法1.查看版本 npm -v2.升级npm cnpm install npm -g# 全局安装 vue-clinpm install --global vue-cli# 创建一个基于 webpack 模板的新项目vue...

原创 Less简单使用

link rel="stylesheet/less" type="text/css" href="styles.less"&gt;&lt;script src="less.js" type="text/javascript"&gt;&lt;/script&gt;注意你的less样式文件一定要在引入less.js前先引入$ npm install less

原创 js 原生AJAX发送请求详解

使用XHR对象的基本步骤：(1)创建XHR对象var xhr = new XMLHttpRequest( );(2)监听XHR对象的状态改变事件xhr.onreadystatechange = function(){if( xhr.readyState===4){if(xhr.status===200){ 完成且成功 }else { 完成但失败 }}}(3)打开到服务器的连接...

原创 vux 简单使用

1.安装：npm install vux --savevux2必须配合vux-loader使用, 请在build/webpack.base.conf.js里参照如下代码进行配置：const vuxLoader = require('vux-loader')const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webp...

原创 angularJs分页：tm-pagination

引入pagination.css/angular.min.js/tm.pagination.min.js文件下载：可参考https://github.com/317482454/tm.pagination暂更

原创 table合并行hover问题

如图：合并过后的单元格，hover时如何显示背景色？Css: body {  padding: 1em;}table {  width: 100%;  border-collapse: collapse;}td, th {  padding: .25em;  border: 1px solid black;}tbody:n

原创 图片查看器（图片放大缩小功能）

第一： Viewer.js链接：http://www.dowebok.com/192.html使用方法1、引入文件JS 版本：jQuery 版本：注意：JS 版本和 jQuery 版本名字虽然一样，但代码不一样，不能通用，请到 github 上下载需要的版本。2、HTML    3、JavaScript

原创 解决load事件浏览器缓存问题

根据不同的浏览器（Firefox 和 IE），如果图像已被缓存，则也许不会触发 load 事件。使用下面的代码给img标签绑定事件，但是如果图片已经在缓存中存在了，会导致事件触发不了$('img').load(function() {})解决办法：$("img").one('load', function() {  //逻辑处理}).each(funct

原创 js设置li高度与前面内容同高

class="td-grade-detailed li-detail" ng-show="tableColumn.pointsExplain.show"> class="grade-box grade-height"> ng-repeat="(detailIndex,detail) in item.detailList" ng-bind="detail.pointsExpl

原创 根据选择状态展示对应数据列表

$scope.tabStatus = 2;//设置默认状态为全部/*star显示效果*/$scope.tabStatusChange = function (status) { $scope.tabStatus = status;}