wyn314-优快云博客

原创 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 406

原创 post请求将普通参数变为表单参数传递

一般的post请求体：遇到要上传文件和图片是往往不能满足，需要改变格式为：要将普通的对象参数变为表变参数，除了修改结构为From之外，可以使用fromData更改参数传递样式这样就可以完成格式转化了 ...

2018-06-06 14:56:28 3763

原创 quill-image-drop-module 打包失败解决办法

react 使用 quill-image-drop-module 插件打包时会报错，用了各种解决办法，最后不得不采用简单粗暴的办法，但是效果立杆见影【做法】：拷贝quill-image-drop-module中的index.js文件到自己的react代码中重新改名字：ImageDrop.js ...

2018-06-01 19:34:19 1963

原创 quill-image-drop-module 图片粘贴的兼容性问题

火狐浏览器完美支持，是因为火狐自带粘贴图片功能，而谷歌只支持一半，Safari浏览器完全不支持。所以需要修改quill-image-drop-module源文件。在node_modules里找到quill-image-drop-module文件，打开index.js。只有五个函数，一个构造函数，两个粘贴删除监听函数，以及两个功能函数。修改handlePaste 粘贴函数，添加浏览器判断：...

2018-06-01 19:20:58 3720 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 3322 2

原创优秀设计网站

1、设计师推荐 https://hao.uisdc.com/

2018-01-19 17:00:45 815

原创 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 441

原创 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 341

转载 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 782

原创 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 209

原创 daterangepicker - 双日期控件选择器

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件，用户自己选择起始时间和终止时间，简化了两个单日期控件之间交互传值的问题。代码运行结果查看： https://githubwyn.github.io/Node/test/daterangepicker/index.html 代码如下：<!DOCTYPE html><html><head lang=

2017-08-17 18:21:55 2687

转载 HTTP协议状态码详解（HTTP Status Code）

使用ASP.NET/PHP/JSP 或者javascript都会用到http的不同状态，一些常见的状态码为： 200 – 服务器成功返回网页 404 – 请求的网页不存在 503 – 服务不可用 1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码说明 100 （继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部

2017-08-15 09:59:43 488

原创虚机部署数据库

1.获取数据库IP（如果已经知道的话，这步省略）；命令：ifconfig 2.打开xshell软件,新建连接，输入对应的虚机IP，端口号默认。点击确定。 3.选择新添加的IP账号，连接服务器。 4.首次连接会提示输入用户名，密码。输入并保存。建议使用root登录 5.如何更改你的登录用户。这里可以设置你的登录用户，选中IP行，》右键》属性》用户身份验证。 6

2017-08-10 12:47:30 703

原创创建虚拟机

1.虚机部署：所需软件下载：首先下载软件：VMware 你可以选择虚机试centos/windows系统，下面演示centos系统的虚机：下载centos , 并找到文件对应的路径。 2.我已VMware 12 版本为例下载好VMware 之后，可以先搜索一个12版本的注册码。例如：注册码： 5A02H-AU243-TZJ49-GTC7K-3C61N

2017-08-10 10:18:49 409

原创 JavaScript中级 ---- 本地存储

1. 本地存储方式 cookie – HTML4 在客户端保存诸如用户名等简单信息 cookie存在的问题大小：大小被限制在4K; 带宽： cookie是随http一起发送，会浪费一部分发送cookie时使用的带宽复杂性：正确操作cookie有难度 HTML5中的客户端本地保存数据 sessionStorage localSto

2017-08-09 16:24:39 267

在实际开发的过程中点击一个按钮或者文字弹出一个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 571

原创 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 229

转载正则表达式字符解释

正则表达式全部符号解释字符描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，’n’ 匹配字符 “n”。’\n’ 匹配一个换行符。序列 ‘\\’ 匹配 “\” 而 “\(”

2017-07-29 16:15:10 207

原创 JavaScript中级（四）---- 表格排序

1. 表格排序要考虑到的问题1. sort排序2. 类数组转数组3.

2017-07-26 17:31:05 278

原创 JavaScript中级（三） ----AJAX

1. 什么是AJAX async javascript and xml 异步的JS和XML AJAX只不仅可以异步,它也有同步处理2. AJAX可以处理什么问题 AJAX是用来实现客户端和服务器数据请求交互的在客户端的JS中,我们可以使用AJAX技术向服务器端发送一个请求,服务器端接收到请求后会把客户端想要的“数据”返回 GMAIL是全世界第一个使用AJAX

2017-07-25 19:56:50 289

原创 JavaScript中级（二） ---- 页面绑定的方法

1. 映射 1.当页面结构发生变化的时候，元素集合也会跟着发生改变； 2.当操作元素集合的时候，页面结构也会跟着改变；2. 页面绑定 — 直接对DOM进行操作问题：引发多次回流注：回流：当页面由局部变动的时候，整个页面都重新加载；例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti

2017-07-25 15:09:21 410

原创 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 348

原创 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 695

原创 CSS3 --- 选择器

1. 选择器概述：使用选择器将样式与元素直接绑定，css3还可以利用正则表达式实现各种复杂的制定，减少代码量。选择器中常用符号： “^” — 开头字符 “？” — 结尾字符 “*”—- 包含字符匹配 2. 选择器的分类：属性选择器四种 [attr = val] —— 属性为val的 [attr* = val] —— 包含val的属性,css3

2017-07-17 19:45:05 481

原创 JavaScript基础（十一）---- 面向对象的继承方法

1. 原型链的继承把父类私有+公有的属性和方法，都给了子类公有的；（让子类.prototype=父类的实例）例子：function F(){ this.x=100; //父类私有 } F.prototype.showX=function(){}; //父类公有的； function S(){ this.y=200; //子类私有

2017-07-16 23:36:31 319

原创 JavaScript基础（十） -- 设计模式

1. 对象由两部分构成：属性和方法;2. 面向对象和面向过程的区别面向对象，主要会使用已经封好的方法；面向过程，需要考虑整个封装的细节；3. 面向对象的特点：封装、继承、多态1）封装：对于一样的功能，我们只需要封装一次，以后再使用，直接调用即可：复用；专业术语：低耦合，高内聚；2）继承：子类继承父类中的属性和方法；3）多态：包含重载和重写：重载：JS中不存在严格意义上的重载；但有类

2017-07-16 13:39:54 240

原创 JavaScript基础（九） ---- 预解析

1. 预解释关于预解释的定义1.什么是预解释在当前作用域下，在JS代码执行之前，浏览器会对带var和带function进行提前声明或定义；— 这种机制叫预解释。2.作用域(全局作用域和私有作用域)全局作用域：当浏览器打开HTML页面的时候，会形成一个供JS代码执行的全局作用域(全局环境)，在这个全局作用域下，所有的全局变量，都属于window的全局属性；所有的全局函数，都属于wind

2017-07-16 12:51:09 345

原创 JavaScript基础（八） --- 正则

1. 什么是正则 1. 正则这和字符串有关，换言之正则只和字符串打交道； 2. 正则用来操作（匹配和捕获）字符串的一系列规则；匹配：判断你是否符合我的规则：返回值：布尔值； test 捕获：把符合我们规则的内容拎出来；拿到的：字符串；2. 正则的定义正则创建的两种方式：字面量和实例两种创建方式的区别： 1）实例创建时，特殊含义的字符需要转义（\）；

2017-07-12 19:32:37 415

原创 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 296

原创 JavaScript基础（六） --- 函数、闭包

1. 函数的参数1）. 形参 – 函数在定义阶段，里面的参数属于形参2）. 实参 – 函数的调用阶段，参数为实参function fn(n){ // n - 形参 alert(n) }fn(10); // 10 - 实参3）. 当把函数表达式做为值传给另一个函数的参数的时候，就叫做回调函数function fn(n){ n();

2017-07-11 19:39:12 284

原创 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 460

原创 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 380

原创 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 214

原创 JavaScript基础（三） ---- 字符串、Math、节点、元素的动态

1.字符串常用方法：1. 根据索引找对应字符： charAt(索引) 通过索引找对应字符 charCodeAt(索引) 通过索引找对应字符的ASCII值；2. 根据字符找对应索引 indexOf(字符串) 从前往后找：通过字符找对应索引；找不到返回-1; lastIndexOf(字符串) 从后往前找：通过字符找对应索

2017-07-07 15:30:23 265

原创 JavaScript基础（二） ---- 数组、数组去重

1. 数组方法的作用 pop ----- 删除数组最后一项 push ----- 添加数组最后一项 unshift ---- 添加数组第一项 shift ----- 删除数组第一项 splice 有三种用法 1. splice(n,m) 删除：从索引n开始，删除m个返回值：被删除的内容以一个新数组的形式返回； 2. splic

2017-07-07 11:34:06 264

csdnwyn314的博客