- 博客(49)
- 收藏
- 关注
RSS订阅原创 git的一些总结
一、git的简单了解世界上最先进的分布式版本控制系统（没有之一）；集中式版本控制系统最大的毛病就是必须联网才能工作;和集中式版本控制系统相比，分布式版本控制系统的安全性要高很多，因为每个人电脑里都有完整的版本库，某一个人的电脑坏掉了不要紧，随便从其他人那里复制一个就可以了。而集中式版本控制系统的中央服务器要是出了问题，所有人都没法干活了;Git极其强大的分支管理，把SVN等远远抛在了后面；二、如何...
2018-05-11 15:43:48
291
原创 cookie和session的区别
cookie用于交互时存放在客户端，即使用你临时文件夹中不存在cookie,但在你的浏览器进程中会临时保存你的cookie!session是交互时存放在服务端，即使用不保存，也在服务进程中。如果你对网页有交互，服务器如何在众多请求中能识别你那是曾经的哪一个？这依赖于你传递上来的cookie,即合没有任何其他的的交互，在你浏览器进程中也必须保存诸如sessionID之类的cookie!但这个是临时的...
2018-03-13 18:36:13
264
原创 webpack安装和解析
##1.安装webpack ``` npm install webpack --save-dev```##2.安装 babel转义 支持es6 es7```npm install babel-core babel-loader babel-preset-es2015 babel-preset-stage-0 --save-dev```##3安装 解析HTML的插件 html-we...
2018-03-05 15:52:31
305
原创 webpack简单应用
安装```npm install webpack --save -devyarn add webpack --dev ```### 编译ES6 > ES5安装```npm install babel --save-devnpm install babel-core --save-devnpm install babel-loader --save-devyar...
2018-03-05 15:28:14
280
原创 webpack
静态模块打包器安装 npm install webpack --save-dev 开发依赖 webpack.config.jslet path=require("path");let HtmlWebpackPlugin=require("html-webpack-plugin");module.exports={ entry:"./src/main.js", outp...
2018-03-05 14:41:16
230
原创 esmodule
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>esmodule</title></head><body><div i
2018-03-05 14:04:33
553
原创 git-local（本地）
## 集中式 分布式- svn git- svn集中式，集中存放代码,SVN的速度慢,每个文件夹下都有一个.svn的文件,没有暂存区- git分布式 分开存放，git的速度比较快，放到了一个叫.git文件夹下## git安装- mac brew安装 mac支持linux- windows doc命令 rd mkdir- 如果用window开发尽量采用cmd窗口## git是管...
2018-02-05 22:08:08
1861
原创 git-remote（gitHub）
## 建立远程仓库- github- 码云- coding> 空文件夹是不会被提交的,希望你每一个项目都拥有一个readme文件## 提交```git initgit add .git commit -m''git remote add origin 仓库地址 链接仓库（一个项目只链接一次）git push -u origin master 推送到远程仓库g
2018-02-05 22:02:53
572
原创 git-local
## 集中式 分布式- svn git- svn集中式，集中存放代码,SVN的速度慢,每个文件夹下都有一个.svn的文件,没有暂存区- git分布式 分开存放，git的速度比较快，放到了一个叫.git文件夹下## git安装- mac brew安装 mac支持linux- windows doc命令 rd mkdir- 如果用window开发尽量采用cmd窗口## git是管
2018-02-05 20:27:12
273
原创 $.ajax实现原理（封装ajax）
/*script> ajax({ url:"data/data.json", method:"get", data:{name:"zf"}, dataType:"json", cache:false, async:false, success:function (res) {
2018-02-02 21:24:16
1264
原创 AJAX基础知识和核心原理
##AJAX基础知识和核心原理(2017)###AJAX基础知识####1.什么是AJAX?> Async Javascript And XML 异步的JS和XML> XML? 可扩展的标记语言(自定义的一些标签包裹数据,服务器传递数据)``` 王小二 12 男 ```> Ajax异步的概念`局部刷新`:数据传
2018-02-02 20:01:16
230
原创 node基础知识
//解析urllet url=require("url");let strUrl="https://ss1.baidu.com:443/6ONXsjip0QIZ8tyhnq/it/index.html?fm=58&s=1AAA7A23C4A4D9031E5D94C60000C0B1&bpow=121&bpoh=75#dd";let obj=url.parse(strUrl);cons
2018-02-02 17:18:51
248
原创 Set和Map
html>html lang="en">head> meta charset="UTF-8"> title>Set和Maptitle>head>body>body>html>script type="text/javascript"> var set1=new Set([1,2,1,2,1,2,true,NaN,true,"1","1"]); /
2018-02-02 16:44:41
156
原创 移动端事件
//如果页面使用了原生的touch事件一定要组织浏览器的默认行为$(document).on("touchstart touchmove touchend",function(e) {e.preventDefault();});//touch.js库//touch.on(当前元素,"事件类型",函数);touch.on(box,"tap",function(
2018-02-02 11:24:27
453
原创 字符串的原型扩展一个方法来解析url（String.prototype.pro）-自己写的一个方法
//给字符串的原型扩展一个方法用来解析url的(function (pro) { //pro=String.prototype pro.query=function () { return eval("({"+this.split("?")[1].replace(/&/g,"',").replace(/=/g,":'")+"'})"); }})(Stri
2018-01-29 22:31:30
655
原创 音频视频方法总结
src:播放文件的地址controls:显示控件autoplay:视频就绪后打开页面直接播放preload:页面加载完成之后播放loop:循环播放muted:静音poster:视频播放之前先使用一张其他的图片展示currentSrc:返回当前音频视频的urlcurrentTime:获取/设置当前播放的时间ended 返回值音频视频是否播放完成paused 返回值音频视频是否
2018-01-29 22:02:31
193
原创 移动端适配
meta name="viewport" content="width=device-width, initial-scale=1.0,user-scale=no"><!--width=device-width当前屏幕等于设备宽initial-scale=1.0-->px:绝对单位,不管屏幕大小怎么变化,他都一直固定rem:一个css单位,是一个相对单位(相对于ht
2018-01-29 21:46:58
213
原创 Less知识点
html>html>head> meta charset="UTF-8"> title>Less知识点title> <!-- 注意点： 1、link的rel不是stylesheet,而是stylesheet/less（写错不会起到任何的作用） 2、我们最好把引入的JS插件放在head中，当结构渲染之前就把less编译为css，
2018-01-29 21:31:14
514
原创 点击“提交”按钮，把seslected的内容添加到数组中
select id="city" multiple> option value="北京">北京option> option value="上海">上海option> option value="广州">广州option> option value="深圳">深圳option> option value="杭州">杭州option> option va
2018-01-29 20:32:29
603
原创 闭包的作用（保护和保存）
/* * 闭包两个作用： * =>保存 * =>保护 *///=>突出实战和模块化开发思想（惰性思想）var loginModule = (function () { function fn() { console.log(123); } return { //=>唯一入口 init: function
2018-01-29 19:19:55
427
原创 Function原型上的方法-bind()实现原理（Function.prototype.bind）
//=>JS中把基于闭包预先处理事情的思想叫做：柯理化函数思想（体现了闭包的保存作用）Function.prototype.myBind = function myBind(context) { //=>this:fn也就是我们需要处理的函数 var _this = this, outerAry = [].slice.call(arguments, 1);//=>
2018-01-29 19:16:05
1317
原创 网站优化技巧
##WEB前端开发常用的优化技巧汇总@(201712)###减少HTTP请求次数或者减少请求数据的大小> 页面中每发送一次HTTP请求，都需要完成请求+响应这个完整的HTTP事务，会消耗一些时间，也可能会导致HTTP链接通道的堵塞，为了提高页面加载速度和运行的性能，我们应该减少HTTP的请求次数和减少请求内容的大小（请求的内容越大，消耗的时间越长）1、采用CSS雪碧图（CSS Spri
2018-01-26 13:18:18
297
原创 JS中的异步操作有哪些
JS中的异步操作：1、定时器都是异步操作2、事件绑定都是异步操作3、AJAX中一般我们都采取异步操作（也可以同步）4、回调函数可以理解为异步（不是严谨的异步操作）剩下的都是同步处理
2018-01-20 13:54:21
12202
2
原创 ES6和ES5的区别
###ES6和ES5的区别?1、定义变量> ES5中用：var / function> ES6中用：let / const / class / import ...- 没有变量提升- 同一个作用域中不可重复声明- 不会给window增加全局属性- 会形成块级作用域- const设置的变量值是不可修改的（理解为常量）- 暂时性死区- ...2、解构赋值> 构建一个和变量
2018-01-20 13:53:32
1277
原创 数组去重（5种）
html>html lang="en">head> meta charset="UTF-8"> title>数组去重（5种）title>head>body>body>html>script> var ary1 = [1, 2, 1, 2, 1, 23, 4, 1, 23, 24, 4, 5, 2, 3, 6, 7]; var arr=[];
2018-01-20 11:54:48
1299
原创 数组排序（冒泡排序）
html>html lang="en">head> meta charset="UTF-8"> title>冒泡排序title>head>body>body>html>script> //冒泡排序:小的往前排,大的往后排 //数组两两比较,每次都把最大的值排到最后 var ary = [34,12,5,7]; for(var i =
2018-01-18 14:31:10
297
原创 不重复的验证码
script> var str="abcdefghigklmnopqrstuvwxyz"+"0123456789"+"abcdefghigklmnopqrstuvwxyz".toUpperCase(); //我们想获取四位不重复的验证码, var box=document.getElementById("box"); var strCode=''; //只要
2018-01-18 14:13:12
724
原创 任意数求和
script type="text/javascript"> var total=null; function sum() { for(var i=0;iarguments.length;i++){ if (typeof arguments[i]=="number" && !isNaN(arguments[i])){
2018-01-18 13:30:10
1018
原创 判断传进来的值是不是一个普通对象 {}
html>html lang="en">head> meta charset="UTF-8"> title>判断传进来的值是不是一个普通对象title>head>body>body>html>script type="text/javascript"> //思考题: // 1.写一个函数判断传进来的值是不是一个普通对象 {} func
2018-01-18 13:22:18
620
原创 Set（交集、并集、差集）
html>html lang="en">head> meta charset="UTF-8"> title>Set（交集、并集、差集）title>head>body>body>html>script type="text/javascript"> var set1=new Set([1,2,1,2,1,2,true,NaN,true,"1","1"]);
2018-01-18 12:48:02
3031
原创 发布订阅模式
function fn1(n) { console.log("fn1",n); console.log(this==$cb);}function fn2(n,m) { console.log("fn2",n,m);}function fn3() { console.log("fn3");}let $cb=$.Callbacks();$cb.add(fn
2018-01-15 17:51:49
161
原创 单利模式（链式写法-return this）
//使用单利模式有一个好处:使用this来代替这个命名空间(对象)//在这个命名空间中的函数之间相互调用的时候使用this.函数()//有一些函数不需要返回值,此时我们会// 将当前命名空间返回,就是return this,这样可以实现链式写法var obj1=(function () { var a=1; var b=2; function fn() {
2018-01-15 17:41:36
430
原创 数组原型上的方法实现原理（Array.prototype.pop/push/shift/unshift）
html>html lang="en">head> meta charset="UTF-8"> title>数组原型上的方法实现原理title>head>body>body>html>script type="text/javascript"> var ary=[1,2,3,4,5,6,7,8]; //pop() Array.prototyp
2018-01-15 17:25:27
3477
原创 数组forEach和Map实现原理（Array.prototype.forEach/myMap）
html>html lang="en">head> meta charset="UTF-8"> title>数组forEach和Map实现原理title>head>body>body>html>script type="text/javascript"> var ary=[1,2,"哈哈","杨洋"]; ary.forEach(function(i
2018-01-15 17:17:32
746
原创 数组slice实现原理（Array.prototype.slice）
//模拟了没有参数和一个参数的情况Array.prototype.slice=function (n=0) { //this:使用这个slice方法的数组,其实就是slice点前面的数组 var arr=[],index=0; for(var i=n;ithis.length;i++){ arr[index++]=this[i]; } re
2018-01-15 17:13:28
712
原创 克隆数组的方法（五种）
//克隆一份一样的数组console.log(ary.slice());console.log(ary.slice(0));console.log(ary.splice(0));console.log(ary.concat());console.log(ary.concat([]));
2018-01-15 17:11:53
5099
原创 解析url的方法（五种）
html>html lang="en">head> meta charset="UTF-8"> title>解析url的方法title>head>body>body>html>script type="text/javascript"> /* //捕获出var str="zhufeng2016peixun:js+css+HTML5"中的“js+css
2018-01-15 16:57:19
9688
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人