2019年03月_chuchur

03月

原创跨域的常见问题和解决方案

跨域的常见问题和解决方案第一种No 'Access-Control-Allow-Origin' header is present on the requested resourceThe response had HTTP status code 404出现这种情况的原因如下：本次ajax请求是“非简单请求”,所以请求前会发送一次预...

2019-03-02 18:32:00 211

原创 Comet,SSE,WebSocket前后端的实现

Comet,SSE,WebSocket前后端的实现 Comet(服务器推送)的两种方式短轮询页面定时向服务器发送请求, 步骤为：建立连接——数据传输——关闭连接...建立连接——数据传输——关闭连接//前端js var xhr = new XMLHttpRequest(); setInterval(()=>{ xhr...

2019-03-02 18:31:00 556

原创 web渐进式应用PWA

web渐进式应用PWA 什么是渐进式 Web 应用渐进式 Web 应用首先是一种应用，它根据设备的支持情况来提供更多功能，提供离线能力，推送通知，甚至原生应用的外观和速度，以及对资源进行本地缓存。渐进式 Web 应用是一个网站，它使用了某些开发技术，使其体验比普通针对移动优化的网站体验更好。它使用起来就像是在使用一个原生应用一样渐进式 Web...

2019-03-02 18:31:00 291

原创 IIS 部署node

IIS 部署node 从linux 迁移到windows server,一言难尽.网上有说iis已经支持node了. IIS Node折腾了一下, 没跑起来,估计兼容性不是那么好,索性放弃了. 直接pm2 部署了.安装了 IIS UrlRewrite在站点根目录创建web.config, 内容如下<?xml version="1.0...

2019-03-02 18:29:00 938

原创 javascript 时间戳

javascript 时间戳取时间戳的几种方式//第一种var timestamp = Date.now()//第二种var timestamp = new Date().getTime()//第三种var timestamp = new Date().valueOf()//第四种,通过运算var timestamp = n...

2019-03-02 18:28:00 279

原创 certbot开启亚马逊EC2主机https

certbot开启亚马逊EC2主机https 国内那么多云主机运营商, 你为何要买国外的主机呢, 你肯定在干些见不得人的勾当..开玩笑了, 说不定你在闷声发大财也说不准.之前有说过可以利用certbot申请免费的证书,给站点开启https传送门certbot在亚马逊的主机无法顺利执行,不过可以通过手动修改源代码的方式,这样certbot就可...

2019-03-02 18:28:00 254

原创 svg 画K线

svg 画K线先说说viewBox 是干嘛的，就是按比例缩放视图的。用图形来表示<svg width="300" height="200" style="border:1px solid #ddd"> <rect width="80" height="70" style="fill:#BDC9FF"&

2019-03-02 18:27:00 877

原创 javascript Reflect

javascript Reflect 语义Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与处理器对象的方法相同。Reflect不是一个函数对象，因此它是不可构造的。描述与大多数全局对象不同，Reflect没有构造函数。你不能将其与一个new运算符一起使用，或者将Reflect对象作为一个函数来调用。R...

2019-03-02 18:27:00 245

原创 javascript ES6 Proxy

javascript ES6 Proxy proxy的概念proxy英文原意是代理的意思，在ES6中，可以翻译为"代理器"。它主要用于改变某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。proxy在目标对象的外层搭建了一层拦截，外界对目标对象的某些操作（后文...

2019-03-02 18:26:00 137

原创 javascript reduce

javascript reduce 含义reduce() 方法对累加器和数组中的每个元素（从左到右）应用一个函数，将其减少为单个值。语法arr.reduce(callback[, initialValue])参数callback执行数组中每个值的函数，包含四个参数：accumulator累加器累加回调的返回值; 它是上一次调用回调时...

2019-03-02 18:26:00 353

原创 javascript-继承之jquery

javascript-继承之jquery jquery 截止到当前已经3.3.1版本了，如今随着各种浏览器的盛行，前端的框架层出不穷，jquery独步天下，老夫写代码只用jquery，拿起代码就是干的辉煌时代已经过去了。2006 年，jQuery 的第一个版本的面世，凭借着简洁、灵活的编程风格受到了开发者的喜爱。而它本身是一个 JavaScrip...

2019-03-02 18:25:00 159

原创 javascript 队列

javascript 队列队列定义队列（Queue）是一种遵从先进先出（First in, first out。简称FIFO）原则的有序集合。它和栈的不同点是栈是先进后出的，队列是先进先出的，栈都是在一端进与出，而队列是在一端进在另一端出。栈的删除操作在表尾进行，队列的删除操作在表头进行。顺序栈能够实现多栈空间共享，而顺序队列不能。共同点是...

2019-03-02 18:24:00 213

原创一个九宫格抽奖的轮子

一个九宫格抽奖的轮子一个九宫格抽奖的轮子在线demodemo安装NPMnpm i k-luckdraw -SCDN<script src="//unpkg.com/k-luckdraw/index.js"></script>参数 optionsvar options = { id:'', //r...

2019-03-02 18:23:00 240

原创 JS通用模块写法

JS通用模块写法模块化这个问题并非一开始就存在，WWW刚刚问世的时候，html，JavaScript，CSS（JS和CSS都是后来在网景被引进浏览器的）都是极其简单的存在，不需要模块化。模块化的需求是规模的产物，当web page进化到web application，浏览器端处理的逻辑越来越复杂，展现的样式和动画越来多，对于工程的要求也就越来越...

2019-03-02 18:23:00 372

原创 javascript 递归

javascript 递归概念在程序中函数直接或间接调用自己，然后跳出结构，返回结果递归的步骤(技巧)假设递归函数已经写好寻找递推关系将递推关系的结构转换为递归体将临界条件加入到递归体中示例求1+2+3+3+...n的和。二逼青年：首数加位数，乘以个数除以2function sum(n){ return (1 ...

2019-03-02 18:23:00 183

原创 WEB 动画的一些实现方式

WEB 动画的一些实现方式 WEB 的动画实现多种多样，随着H5 的发展，实现动画的方式越来越多了。初步统计实现动画的方式有以下一些方式实现一、GIF动画通常咱们社交聊天的一些动态表情，大多都是gif动画。GIF(Graphics Interchange Format)的原义是“图像互换格式”，GIF文件的数据，是一种基于LZW算法的连续色调...

2019-03-02 18:20:00 1703

原创 javascript 中Object一些高效的操作方法

javascript 中Object一些高效的操作方法 javascript 中Object一些高效的操作方法Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const object1 = { a: 1, b: 2, c: 3 };const object2 = Objec...

2019-03-02 18:20:00 179

原创 javascript 中Array一些高效的操作方法

javascript 中Array一些高效的操作方法 javascript 中Array一些高效的操作方法Array.from()方法从一个类似数组或可迭代对象中创建一个新的数组实例。console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]consol...

2019-03-02 18:20:00 173

原创 mac os 的一些命令

mac os 的一些命令升级mac os，有些权限系统默认给禁用了，但是允许通过命令来开启开启隐私允许任何来源sudo spctl --master-disable显示隐藏文件```js 　　defaults write com.apple.finder AppleShowAllFiles -bool truekillall F...

2019-03-02 18:09:00 233

原创一枚前端UI组件库 KUI for React

一枚前端UI组件库 KUI for React 一枚前端UI 组件库 for React在追求完美视觉体验的同时也保证了其性能高效。欢迎使用、批评、指正、吐槽、Star特性漂亮的UI，可定制主题兼容IE9+组件丰富，功能强大更新日志logs：https://react.k-ui.cn/#/log文档Docs : https...

2019-03-02 18:08:00 207

原创 javascript 继承

javascript 继承什么是继承？继承就是你爸爸很多钱，所以你就继承你爸爸，变成了富二代，也是个有钱的主，突然你爸爸世界杯赌球，输了个精光，于是你也变成了穷光蛋。这个就是继承非也，非也。C# 继承public class A { private int a; private int b;}public class B...

2019-03-02 18:08:00 90

原创 vue webpack3 升级webpack4

vue webpack3 升级webpack4 据说webpack3 比webpack4 编译速度将近快了60%-80%，成功升级之后，于是来记录下，项目主要是vue ^2.5.9 ， webpack ^4.10.2 ， webpack-dev-sever ^3.1.4 ，配合升级的还有vue-loader ^15项目重现编译之后由原来的1.7...

2019-03-02 18:07:00 483

原创 vue路由切换终止请求

vue路由切换终止请求问题：在SPA模式开发当中，比如VUE ，当前路由切换的时候如何终止正在发生的异步请求呢，结果：假如请求超时并且有设定超时时间。有一堆的异步请求在执行，当用户切换到另一个页面，这些请求还未终止，并且当服务器响应之后，反馈的结果不是当前页面所期待的。最终会误导用户造成一些不必要的结果。也给web 造成性能问题。解决方案...

2019-03-02 18:06:00 1583

原创 vue 路由切换白屏解决方案

vue 路由切换白屏解决方案关于vue 路由切换的白屏，事实上在开发的过程中，我一直没有遇到过。我有个哥们遇到这个问题，问我怎么解决的，我晕了，我没遇到这样的问题啊，我怎么解决啊啊啊啊。。事实上是遇到过一回的。场景一：IE9严格来说不是白屏的问题，应该说是兼容性问题，直接就是不支持，报错了，渲染无法执行造成的。解决方式就是npm i ...

2019-03-02 18:05:00 6398 1