- 博客(14)
- 收藏
- 关注
RSS订阅原创 JavaScript手写观察者模式并实现vue中的事件总线
手写观察者模式，并实现vue中事件总线观察者模式思路：1. 需要一个容器装所有注册的观察者2. 三个方法分别为：注册观察者的方法，发布信息的方法，移除观察者的方法let observe = (function(){ // 容器存放所有观察者 let message = {} return { // 注册观察者 on: function(){ if(arguments.length != 2) throw new Er.
2021-04-12 23:42:36
236
转载 vue cli相关问题
vue cli3后进行webpack配置需要在根路径下新建一个vue.config.js下面是详细介绍https://www.cnblogs.com/wisewrong/p/9740173.html
2021-03-01 00:53:46
140
转载 vue window.open()传参
打开新页面，有两种方式，一种是标签式：一种是函数编程式：let routeData = this.$router.resolve({ path:’/edit’, query:{id: ‘000’}});window.open(routeData.href, ‘_blank’);标签式传值有点问题，在新页面中获取不到参数，所以试了下使用函数式，在新页面中使用：this.$route可以获取到路由中的信息，包括参数。...
2021-01-28 17:43:12
4481
原创 node npm不是内外部指令问题
引言这个一般很少用到，长时间后老容易忘记，记录一下。我的电脑->属性->高级系统设置->高级找到环境变量打开会出现环境变量 和 系统变量环境变量下面按钮点击新建变量名：path变量值： node.js安装的路径然后就可以了...
2021-01-20 09:51:05
108
原创 工程化开发之require.context使用
作用 require.context()方法是webpack的一个api，主要功能是自动注入文件，避 免因项目庞大文件过多，一个一个手动引入。举个栗子结构图上菜/* require.context(params1, params2, params3) 参数1： 读取文件的路径 参数2： 是否遍历文件的子目录 参数3： 匹配文件的正则*/const req = require.context('./', false, /\.js$/)/* 打印req： 返回
2021-01-16 17:15:26
561
3
原创 vue 全局注入公共组件
为什么要全局注入公共组件？ 在我们开发中有时候需要大量复用某个组件时，我们需要在某个组件都引入一遍，非常麻烦，这时候我们可以全局注入这些组件。代码<!--common文件下面的公共div组件--><template> <div> common 组件 </div></template><script>export default { }</script><st
2021-01-11 10:14:20
1271
原创 canvas 雨滴特效
一、雨滴特效需求雨滴从窗口顶部随机下落到达底部将呈现波纹逐渐散开变淡直到消失，雨滴特效随窗口变化自适应二、雨滴实现思路1. 用面向对象的思维 首先创建canvas画布 ，绘制一个雨滴的初始化形状2. 在给雨滴添加运动的方法3. 通过定时器让雨滴运动起来三、具体分析1.雨滴初始化需要的属性有哪些？坐标x，y 宽高w，h 。2.雨滴下落是逐渐加速下落不是匀速需要给一个加速度的属性，也就是y轴坐标不断加上加速度的值3.雨滴下落到底部某一个区域后开始呈现波纹逐渐散开，也就是到达底部某个范围内开
2021-01-08 15:05:40
694
原创 svg js动态插入use
svg js动态插入use<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2021-01-08 14:29:30
472
原创 es5继承 es6继承
es5继承 es6继承代码代码// es5 继承function Parent(content){ this.content = content}Parent.prototype.say = function(){ console.log(this.content)}// 普通继承缺点：不会继承原型function Child(content){ Parent.call(this, content)}let child = new Child('inherit'
2020-11-19 23:54:15
153
原创 vue 前端JS实现文字转语音功能
vue 前端JS实现文字转语音功能上代码// An highlighted block//data 中定义判断IE的方法isIe():() => { if(!!window.ActiveXObject || "ActiveXObject " in window){ return true }else{ return false }}// methodslet msg = 'hello world'if(this.isIe()){ let voiceObj = new A
2020-10-23 16:56:16
2216
5
原创 前端扫码枪扫码功能坑点集锦
前端扫码枪扫码功能坑点集锦1.扫码枪无法识别中文问题2.扫码枪在不同浏览器版本中不触发enter事件问题3.接收二维码内容输入框设置autofocus属性在某些浏览器版本生效4.将页面接收数据的输入框改为密码框后续问题1.扫码枪无法识别中文问题扫码枪扫描二维码输出不识别中文，跟输入法有关。解决方案1当输入法为中文时无法识别中文，改为英文即可识别。需要手动更改输入法，不太人性化。解决方案2将页面接收数据的输入框改为密码框，完美解决。改为密码框会引起扫码后带出账号密码下拉框的情况。这个原因解决方法很
2020-10-22 17:33:57
4821
1
转载 axios的一些封装
为何需要在封装应用场景，项目中涉及100个AJAX请求，其中：1.其中60个需要在请求头header设置token headers: {token: token}用于权限校验;2.其中20个为上传EXCEL文件需要在请求头中设置Content-Type;headers: { 'Content-Type': `multipart/form-data; boundary=${d...
2019-07-27 11:20:37
177
翻译 babel的使用说明
babel是什么？babel 是一个 JavaScript 编译器。（具体详情可以通过bable官网查看）babel的作用是什么？babel的作用就是将浏览器不认识的高级javascript语法解析成低级的语法，来实现浏览器的兼容webpack也可以解析高级js语法为什么还需要babel？在 webpack 中，默认只能处理一部分 es6 的新语法，一些更高级的 es6 语法或者 es7...
2019-07-22 23:50:32
912
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人