勇敢牛牛20

摘要： 1.什么是跨域 跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。 这里说明一下，无法跨域是浏览器对于用户安全的考虑，如果自己写个没有同源策略的浏览器，完全不用考虑跨域问题了。是浏览器的锅，对。 同源策略限制了一下行为： Cookie 阅读全文

摘要： 在日常开发中，我们难免会遇到客服聊天这样的业务需求，那么双向通信到底是如何实现的，下面我以node安装websocket做具体介绍： 首先安装websocket：npm i ws -S 接着在js文件中： // 导入websocket const WebSocket = require("ws"); 阅读全文

摘要： 效果图 概述 在线签名，现在在很多场景下都能看到，而且在移动端见的比较多。 用canvas和svg都可以实现，而且跨平台能力也很好。 canvas基于像素，提供 2D 绘制函数，提供的功能更原始，适合像素处理、动态渲染和大量数据绘制，可控性高，绘制完了基本不记录过程，绘图性能会更好一点，各大厂商也早 阅读全文

摘要： 在使用canvas的时候，原点坐标在左上角，这个很烦人，因为一般的坐标基本都是在左下角，即笛卡尔坐标系，那怎么进行转变呢，在这里用到了canvas的translate，rotate，和scale进行转换，话不多说，上代码 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 阅读全文

摘要： 我们在用vue-cli打包的时候，往往会出现包比较大的情况，webpack4已经帮我们进行了分包的处理，那我们也可以再进行gzip压缩打包，减小包的体积。 1.需要用到的插件： npm i -D compression-webpack-plugint 2.修改vue.config.js 打包，可以看 阅读全文

摘要： 【转】Web前端研发工程师编程能力飞升之路 【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一 阅读全文

摘要： 一行： white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; 两行： width: 215px;word-break: break-all;text-overflow: ellip 阅读全文

摘要： ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 一、先睹为快 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个 阅读全文

摘要： 相信很多人和我一样看过很多组件化和模块化设计的文章，但依然没有搞清楚这两个的区别，在写这篇文章之前，我一直以为组件化和模块化是一个概念（捂脸），在阅文无数后，决定做个总结，加上案例讲解，来帮助理解这两者的概念。 组件化和模块化源于软件开发，现在越来越被更多地应用于UI设计当中。下面是我为了便于理解做 阅读全文

摘要： 一、什么是路由 URL -> 映射 -> 组件 Hash+onhashchange History.pushstate+replaceState+onpopstate 二、准备工作 组件 router-link: 导航，最终默认情况生成a标签 router-view:组件容器，占位符(插座), 相当 阅读全文