- 博客(35)
- 收藏
- 关注
RSS订阅
原创 git 常用操作及常见问题解决
一.Git1.Git 配置 git config – global user.name “用户名” git config – global user.email “邮箱” 检查自己的git是否安装成功： git –version 二．Git的本地实现2.初始化一个本地git仓库 （首先新建一个文件夹，右键git bash，输入命令 git init），初始化成
2017-07-27 14:09:36
369
原创 post请求将普通参数变为表单参数传递
一般的post请求体： 遇到要上传文件和图片是往往不能满足，需要改变格式为： 要将普通的对象参数变为表变参数，除了修改结构为From之外，可以使用fromData更改参数传递样式 这样就可以完成格式转化了 ...
2018-06-06 14:56:28
3644
原创 quill-image-drop-module 打包失败解决办法
react 使用 quill-image-drop-module 插件打包时会报错，用了各种解决办法，最后不得不采用简单粗暴的办法，但是效果立杆见影 【做法】： 拷贝quill-image-drop-module中的index.js文件到自己的react代码中重新改名字：ImageDrop.js ...
2018-06-01 19:34:19
1882
原创 quill-image-drop-module 图片粘贴的兼容性问题
火狐浏览器完美支持，是因为火狐自带粘贴图片功能，而谷歌只支持一半，Safari浏览器完全不支持。所以需要修改quill-image-drop-module源文件。 在node_modules里找到quill-image-drop-module文件，打开index.js。 只有五个函数，一个构造函数，两个粘贴删除监听函数，以及两个功能函数。 修改handlePaste 粘贴函数，添加浏览器判断：...
2018-06-01 19:20:58
3605
1
原创 react 图片上传、图片粘贴
react 中引入 图片粘贴功能：① package.json中引入"quill-image-drop-module": "^1.0.3","react-quill": "^1.1.0",② 所在模块引入quill，它支持模块扩展的，粘贴图片的功能通过quill-image-drop-module模块实现。import ReactQuill
2018-06-01 17:36:13
3209
2
原创 canvas-绘制路径
1. 绘制简单路径<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><h1>学习canvas</h1><canvas id="canvasTest1" height="300" width="500"></canvas><canvas id="
2017-10-19 13:24:54
399
原创 canvas-基础绘制
1. canvas基础绘制画一个矩形，简单使用路径，绘制文字<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><h1>测试canvas画布</h1><canvas id="canvasTest" width="500" height="300">
2017-10-19 13:22:40
288
转载 angular 表单验证，密码双向验证
1. 没有用一句js代码实现密码双向验证<!DOCTYPE html><html><head><meta charset="UTF-8"><title>register</title><link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css"><script
2017-10-13 17:49:13
747
原创 canvas
1.绘制矩形var canvas = document.getElementById(id); // 获取画布idvar context = canvas.getContext('2d'); // getContext 获取图形上下文context.fillStyle = '#EEEEFF'; // 设置填充样式context.strokeStyle = 'yellow'
2017-10-11 11:40:39
183
原创 daterangepicker - 双日期控件选择器
双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件，用户自己选择起始时间和终止时间，简化了两个单日期控件之间交互传值的问题。 代码运行结果查看： https://githubwyn.github.io/Node/test/daterangepicker/index.html 代码如下：<!DOCTYPE html><html><head lang=
2017-08-17 18:21:55
2585
1
转载 HTTP协议状态码详解（HTTP Status Code）
使用ASP.NET/PHP/JSP 或者javascript都会用到http的不同状态，一些常见的状态码为： 200 – 服务器成功返回网页 404 – 请求的网页不存在 503 – 服务不可用 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 代码 说明 100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部
2017-08-15 09:59:43
443
原创 虚机部署数据库
1.获取数据库IP（如果已经知道的话，这步省略）；命令：ifconfig 2.打开xshell软件,新建连接，输入对应的虚机IP，端口号默认。点击确定。 3.选择新添加的IP账号，连接服务器。 4.首次连接会提示输入用户名，密码。输入并保存。建议使用root登录 5.如何更改你的登录用户。这里可以设置你的登录用户，选中IP行，》右键》属性》用户身份验证。 6
2017-08-10 12:47:30
653
原创 创建虚拟机
1.虚机部署：所需软件下载： 首先下载软件：VMware 你可以选择虚机试centos/windows系统，下面演示centos系统的虚机： 下载centos , 并找到文件对应的路径。 2.我已VMware 12 版本为例 下载好VMware 之后，可以先搜索一个12版本的注册码。 例如：注册码： 5A02H-AU243-TZJ49-GTC7K-3C61N
2017-08-10 10:18:49
305
1
原创 JavaScript中级 ---- 本地存储
1. 本地存储方式 cookie – HTML4 在客户端保存诸如用户名等简单信息 cookie存在的问题 大小： 大小被限制在4K; 带宽： cookie是随http一起发送，会浪费一部分发送cookie时使用的带宽 复杂性： 正确操作cookie有难度 HTML5中的客户端本地保存数据 sessionStorage localSto
2017-08-09 16:24:39
234
原创 angular modalInstance模态框
在实际开发的过程中点击一个按钮或者文字弹出一个modal是很常见的问题head部分：<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css"><script src="http://www.w3cschool.cc/try/angularjs/1.2.5/angula
2017-08-08 10:27:35
515
原创 JavaScript中级 --- 正则常用方法 exec、match、replace、test、$n
1. test用法返回值只有两个：1. 匹配到：true 2. 匹配不到： false var str='45613aa'; var str1='45613'; var reg=/^\d+$/; alert(reg.test(str)); //检测字符串中是否有数字； false alert(reg.test(str1)); // true2. exec用
2017-08-02 16:39:24
192
转载 正则表达式字符解释
正则表达式全部符号解释 字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如，’n’ 匹配字符 “n”。’\n’ 匹配一个换行符。序列 ‘\\’ 匹配 “\” 而 “\(”
2017-07-29 16:15:10
179
原创 JavaScript中级 （三） ----AJAX
1. 什么是AJAX async javascript and xml 异步的JS和XML AJAX只不仅可以异步,它也有同步处理2. AJAX可以处理什么问题 AJAX是用来实现客户端和服务器数据请求交互的 在客户端的JS中,我们可以使用AJAX技术向服务器端发送一个请求,服务器端接收到请求后会把客户端想要的“数据”返回 GMAIL是全世界第一个使用AJAX
2017-07-25 19:56:50
240
原创 JavaScript中级 （二） ---- 页面绑定的方法
1. 映射 1.当页面结构发生变化的时候，元素集合也会跟着发生改变； 2.当操作元素集合的时候，页面结构也会跟着改变；2. 页面绑定 — 直接对DOM进行操作问题：引发多次回流 注： 回流： 当页面由局部变动的时候，整个页面都重新加载； 例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti
2017-07-25 15:09:21
381
原创 JavaScript 中级（一）---- sort排序
1.sort排序一般用法var ary=[3,5,23,12,36,34,2];// 从小到大排序ary.sort(function(a,b){ return a-b;})// 从大到小排序ary.sort(function(a,b){ return b-a;})2. 利用sort为汉字排序 —- localeCompare简单数组排序 var ary=['赵钱','孙李'
2017-07-25 08:35:49
315
原创 JavaScript基础 （十二） ---- call apply bind的区别
1. call apply bind的作用 —- 用来改变函数中this的指向2. call 的使用方法call()中第一个参数：用来改变this指向 call()中从第二个参数开始，相当于给call点前面的函数，从左往右一个个的传参；把call点前面的函数中的this关键字变成call的第一个参数； 注意：如果call前面的函数中没有this关键字，那么就不需要修改，直接调用此函
2017-07-22 01:36:28
664
原创 CSS3 --- 选择器
1. 选择器概述： 使用选择器将样式与元素直接绑定，css3还可以利用正则表达式实现各种复杂的制定，减少代码量。 选择器中常用符号： “^” — 开头字符 “？” — 结尾字符 “*”—- 包含字符匹配 2. 选择器的分类：属性选择器四种 [attr = val] —— 属性为val的 [attr* = val] —— 包含val的属性,css3
2017-07-17 19:45:05
449
原创 JavaScript基础（十一）---- 面向对象的继承方法
1. 原型链的继承把父类私有+公有的属性和方法，都给了子类公有的；（让子类.prototype=父类的实例）例子：function F(){ this.x=100; //父类私有 } F.prototype.showX=function(){}; //父类公有的； function S(){ this.y=200; //子类私有
2017-07-16 23:36:31
298
原创 JavaScript基础（十） -- 设计模式
1. 对象由两部分构成：属性 和 方法;2. 面向对象和面向过程的区别 面向对象，主要会使用已经封好的方法； 面向过程，需要考虑整个封装的细节；3. 面向对象的特点：封装、继承、多态1）封装：对于一样的功能，我们只需要封装一次，以后再使用，直接调用即可：复用；专业术语：低耦合，高内聚；2）继承：子类继承父类中的属性和方法；3）多态：包含重载和重写：重载：JS中不存在严格意义上的重载；但有类
2017-07-16 13:39:54
209
原创 JavaScript基础（九） ---- 预解析
1. 预解释关于预解释的定义1.什么是预解释在当前作用域下，在JS代码执行之前，浏览器会对带var和带function进行提前声明或定义；— 这种机制叫预解释。2.作用域(全局作用域 和 私有作用域)全局作用域：当浏览器打开HTML页面的时候，会形成一个供JS代码执行的全局作用域(全局环境)，在这个全局作用域下， 所有的全局变量，都属于window的全局属性；所有的全局函数，都属于wind
2017-07-16 12:51:09
313
原创 JavaScript基础（八） --- 正则
1. 什么是正则 1. 正则这和字符串有关，换言之正则只和字符串打交道； 2. 正则用来操作（匹配和捕获）字符串的一系列规则； 匹配：判断你是否符合我的规则： 返回值：布尔值； test 捕获：把符合我们规则的内容拎出来； 拿到的：字符串；2. 正则的定义 正则创建的两种方式：字面量 和 实例 两种创建方式的区别： 1）实例创建时，特殊含义的字符需要转义（\）；
2017-07-12 19:32:37
376
原创 JavaScript基础（七） ---- 日期、定时器
1. 日期2. 定时器例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body{ font-size: 100px; } </style></head><body><script
2017-07-11 20:09:58
275
原创 JavaScript基础（六） --- 函数、闭包
1. 函数的参数1）. 形参 – 函数在定义阶段，里面的参数属于形参2）. 实参 – 函数的调用阶段，参数为实参function fn(n){ // n - 形参 alert(n) }fn(10); // 10 - 实参3）. 当把函数表达式做为值传给另一个函数的参数的时候，就叫做回调函数function fn(n){ n();
2017-07-11 19:39:12
253
原创 JavaScript基础（五）--- 基本数据类型和引用数据类型
1. 基本数据类型和引用数据类型的区别 var str='zhufeng'; var num=123; var obj={ name:'zhufeng', age:8 } var obj2=obj; function fn(){ alert(123) } fn();
2017-07-11 12:47:01
426
原创 JavaScript基础（一）
1. js的数据类型1. 基本数据类型： Number String Boolean Null Undefined number --- 正数、负数、0、NaN string --- '' Boolean --- true、false （6个假值：0,'',null,undefined,NaN,false） null
2017-07-11 09:42:59
353
原创 JavaScript基础（四） ---- 算法
1. 快速排序思路：1. 先从这个数组中取出中间一项的位置； var num=Math.floor(ary.length/2)2. 取到这个中间位置对应的值； var numValue=ary[num]; var numValue=ary.splice(num,1)[0]; center;3. 拿数组中的每一项，跟中间值进行比较；如果比他小，放左边的数组； 如果比他大，
2017-07-07 18:17:45
184
原创 JavaScript基础（三） ---- 字符串、Math、节点、元素的动态
1.字符串常用方法：1. 根据索引找对应字符： charAt(索引) 通过索引找对应字符 charCodeAt(索引) 通过索引找对应字符的ASCII值；2. 根据字符找对应索引 indexOf(字符串) 从前往后找：通过字符找对应索引； 找不到返回-1; lastIndexOf(字符串) 从后往前找： 通过字符找对应索
2017-07-07 15:30:23
247
原创 JavaScript基础（二） ---- 数组、数组去重
1. 数组方法的作用 pop ----- 删除数组最后一项 push ----- 添加数组最后一项 unshift ---- 添加数组第一项 shift ----- 删除数组第一项 splice 有三种用法 1. splice(n,m) 删除： 从索引n开始，删除m个 返回值：被删除的内容以一个新数组的形式返回； 2. splic
2017-07-07 11:34:06
241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人