猿计划-CSDN博客

原创关于vue封装form表单单向流数据问题

创建一个计算属性，get获取form 再利用 proxy 代理去代理这个对象，利用proxy 陷阱函数去获取和设置对象，在$emit 返回 cacheMap 用来做proxy 缓存，避免产生多次代理对象， vueuse也做过这种form表单的解决方案。这样很容易打破vue 的单向流数据规则，这样写肯定不会影响功能，只不过代码离屎山越来越近。vue在封装form表单业务组件问题时，传参的方式可能是。

2023-09-12 17:27:10 156

原创关于Webpack CommonsChunkPlugin

webpack 使用版本3昨天接到了领导关于首页加载js 文件过大的bug，实际上就是影响了首页加载速度问题心里想的是有两种解决办法1、使用CommonsChunkPlugin 文件拆分2、使用nginx gzip（这个方法明显很奏效）先说第一种方法在minChunks 里面把node_modules里面的js 拆分到commons.js 里面再有没拆分之前 app.js 里面实际包括了，src 和 node_modules 导致文件非常大拆分之前可以安装 webpack-b.

2022-04-22 11:05:13 2953

转载 vue 开源库总汇

UI组件element★9305 - 饿了么出品的Vue2的web UI工具套件 Vux★6802 - 基于Vue和WeUI的组件库 mint-ui★4776 - Vue 2的移动UI元素 iview★4458 - 基于 Vuejs 的开源 UI 组件库 Keen-UI★2363 - 轻量级的基本UI组件合集 vue-material★2207 - 通过Vue Mater...

2020-01-02 18:17:03 238

原创 vue 全局使用scss的坑

npm install [email protected] --save-dev（安装高版本的会报错这个耗费了我一个小时）npm install node-sass --sava-devnpm install sass-resources-loader --save-dev删掉因为新版本的vue-cli已经帮我们把sass-loader配置好了，不然你要是在main.js引入scss会报错...

2020-01-02 18:10:48 894

转载获取浏览器和屏幕各种高度宽度

document.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body)，包括border、margin等document.body.offsetHeight; ...

2019-08-19 11:39:10 810

原创 js 判断数组内元素是否全相同

functionisAllEqual(array) {if(array.length > 0) {return!array.some(function(value, index) {returnvalue !== array[0];});}else{...

2019-08-15 14:41:10 6373

转载 vue双向数据绑定原理

vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。具体步骤：第一步：需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter。这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了...

2019-04-01 18:18:28 297

原创微信网页扫码登录

前段时间，产品要加一个微信扫码登录的功能我和后台就开始整！整了也有一天时间吧，主要感觉和后台没有磨合好，弄的时间比较长，好了直接进入正题吧！先贴一段微信开放平台（https://open.weixin.qq.com）一开始我用的是第二种方法，直接掉wx的接口去生成二维码，然后扫码成功后wx会在重定向到redirect_uri你填写的url，然后路径会有两个参数一个是code...

2019-03-05 18:00:03 586

原创 ES6

es6 新增set基本用法、、这是es6新增的数据结构，类似于数组但是成员都是唯一的，可以用set来做数组去重var arr = [1,2,3,4,4,4,5]var a = new Set(arr);console.log([...a]) //1,2,3,4,5;还可以得出元素的长度；console.log(a.size); // 5;找出最大值let cc ...

2019-03-01 19:13:35 83

原创 js动态渲染元素，点击每个元素获取元素的对应的文字

昨天帮人解决了一个问题以为是个小问题，没想到用上了闭包看代码我以为这样就能解决问题，却发现每次点击的时候最后一个元素没有点击事件然后一系列的调试，怎么调试就不说了，无奈只能使用闭包的解决方法总算把问题解决了，如果大家还有更好的方法欢迎评论。一起前端的道路上共同进步，成为别人口中的前端工程师...

2019-02-28 10:22:58 1613

原创深入了解JavaScript运行机制

大家都知道 js 是单线程，那么就有很多人想，为什么不是多线程这里给大家举一个简单的例子，如果页面有两个按钮，一个是编辑，一个是删除，两个按钮同时对一个table进行操作你说浏览器是听从谁的操作呢？所以说js语言设计的开始就是单线程，以后也会是！单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。JavaScri...

2018-12-24 16:15:54 124

转载字符串去重

[].filter.call(str,(s,i,o)=>o.indexOf(s)==i).join('');这是es6yufa语法。这是function [].filter.call(str,function(s,i,o){return o.indexOf(s)==i;}).join(''); 原文http://www.cnblogs.com/yzeng/p/82...

2018-11-27 16:41:22 133

转载 swiper 划不动问题

所以在原来的swiper初始化代码中加上这两行即可。observer:true,//修改swiper自己或子元素时，自动初始化swiperobserveParents:true,//修改swiper的父元素时，自动初始化swiper...

2018-10-12 18:29:03 5196 3

转载 vue中公共的属性提取出来

/** * mixin/table.js */export default {data() {return {keyword: '', requestKeyword: '', pages: 1, size: 10, total: 0, tableData: []}}}要用的页面中import mixin from '@/mixin/table'export ...

2018-09-19 17:59:41 2394

转载 js过滤HTML标签以及&nbsp

function removeHTMLTag(str) { str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白 //str = str.replace(/\n[\s...

2018-04-07 19:45:35 2495

原创横向广告走动

大家多多关注，我的博客会把前端经常用而非常实用的小东西发表出来var ulGun = document.getElementsByClassName("toutiao")[0];// var create = function(x, y, text) {// var marquee = document.createElement('marquee');/...

2018-03-26 18:59:17 156

原创过滤昵称特殊符号

大家在写完善信息的页面肯定会遇到昵称不能输入特殊字符的功能代码可自行测试<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <meta charset="UTF-

2018-03-24 18:28:39 1690

原创 GET和POST区别

之前在网上看过不少的get和post的区别，也有很多说法，今天给大家说的这一种的是面试必备的，会了这几条当面试官问道基本上就没有问题1.GET在浏览器回退时是无害的，而POST会再次提交请求。2.GET产生的url 地址可以被收藏，而POST不会被收藏。3.GET请求会被浏览器主动缓存，而POST不会除非手动设置4.GET请求在url中传送的参数是有长度限制的（2kb）不

2017-08-23 13:22:55 145

原创 jq中的五大选择器

日复一日的工作是否让小伙伴们感到无趣，周六日了，不如找点乐子，嗨一下，好了好了先把今天的内容补充上吧！Jqurey中的五大选择器：1. 基本选择器 (# . 标签)2. 层次选择器(后代 >子 +相邻 ~同辈)3. 属性选择器(P[class=name])4. 过滤选择器(“tr:even”)5. 可见性选择器(“p:hidden”

2017-08-19 09:14:40 636

原创原生ajax的写法

var xhr=new XMLHttpRequest(); //创建xhr对象xhr.onreadystatechange=function(){ //事件监听请求执行到哪一步 if(xhr.readyState===4){ if(xhr.status===200){ var header=xhr.getAllResponseHeaders();

2017-08-18 10:28:20 484

原创类式继承和原型链继承，并分析二者的优缺点

类式继承：在子类型构造函数的内部调用父类的构造函数原型继承：子类通过prototype将所有在父类中通过prototype添加的属性和方法都追加到Child，从而实现了继承优缺点：类式继承在运行时，无法修改或者添加新的方法，而原型继承是可以通过改变原型链接而对子类进行修改的，类式继承不支持多重继承，而对于原型继承来说，只需要写好extend对对象进行进一步的扩展就可以。

2017-08-17 09:22:21 2768 1

原创 this指向

this的指向问题，在类中出现的this.xxx = xxx中的this都是指向当前类的实例。在构造函数模式中，浏览器会默认的把我们的实例返回(this)，是一个对象数据类型，如果用户指定返回值，返回值是基本数据类型，那么用new调用时，返回this。如果返回的引用数据类型，而是返回的是引用的数据类型;

2017-08-15 08:07:27 203

猿的计划的博客