![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 66
fg_411
菜鸟码农
展开
-
Vue父子组件数据双向绑定
Vue父子组件数据双向绑定最近没有写新项目,天天看零零碎碎的博客,感觉还没啥进步。前些天更新版本的时候发现双向绑定的知识点都忘了,赶紧记下来!所有的 prop 都使得其父子之间形成了一个单向下行绑定,父级 prop 的更新会向下流动到子组件中,但是反过来则不行2.3.0+ 新增 .sync 修饰符,以 update:my-prop-name 的模式触发事件实现上行绑定,最终实现双向绑定上代码父组件内容:<child-compoment :fatherValue="value">&原创 2020-12-17 11:31:59 · 210 阅读 · 0 评论 -
使用vue指令实现复制代码
自定义一个复制code指令看掘金刷到Vue.directive,想想到现在自己也没写过指令,于是就想写一个指令试试。正考虑写什么好呢,瞅到了复制代码,不禁感叹:哥真是机智啊。废话不多说,撸起来!src的目录下有关文件的路径:├─ main.js├─ libs│ ├─ copy.js│ └─ directives.js└─ pages └─ Index.vuecopy.js,是指令的具体内容const vCopy = { bind(el, binding, vNode)原创 2020-05-29 15:53:32 · 869 阅读 · 0 评论 -
npm ci命令行
刷微博,刷到阮一峰的微博提到npm ci,出于好奇,查了一下,在这记录下来用途npm ci 和 npm i 类似,都可以用来安装依赖。他比常规的 npm i 安装快,也比常规安装更严格,他可以npm依赖安装的一致和稳定 (锁版本)在package.json中,每次install后,对应的版本前都有个 ^ 符号。在这种情况下,你再次install时安装的包的版本可能与前次不一样。具体的,你可以...原创 2020-04-16 18:00:04 · 310 阅读 · 0 评论 -
js实现粘贴图片
之前同事写过把剪切板内容粘贴到富文本编辑器,当时只想当咸鱼就没有研究,最近研究FileReader时发现一个例子也是粘贴图片内容,闲来无事就写个demo试一试,顺便还发现了很多不常见的知识点<div id="preview" contenteditable="true"> 江湖笑,<br /> 恩怨了,<br /> ...原创 2020-04-10 16:46:54 · 483 阅读 · 0 评论 -
let、var和const的区别
现在讨论一下ES5的var和ES6的let、const为什么会有let 和 constES5只有 全局作用域 和 函数作用域,有时遇到一些不合理的场景,比如遇到下面的代码,大部分人会选择使用闭包来解决这个问题。而ES6引入的let可以完美的解决这个问题。至于如何使用闭包实现let功能,可以看这里,有错误的话,还望指正。`use strict`var a = []for(var i = ...原创 2020-03-26 16:59:10 · 174 阅读 · 0 评论 -
ESLint和Airbnb代码规范
什么是ESLintESLint 是一个开源的 JavaScript 代码检查工具。代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格为什么使用ESLint保持代码风格的一致性能增加可读性,更便于团队合作。JS 做为一种动态语言,写起来可以随心所欲,bug 遍野,但是通过合适的规则来约束,能让我们的代码更健壮,工程更可靠。规则定义ESLint 支持几种格式...原创 2020-03-25 15:24:24 · 7110 阅读 · 0 评论 -
node实现反向代理
公司在做银行项目,开发都在云桌面。不能直接访问服务器上的接口服务,但是可以连接到云桌面,所以搭建个代理之后就可以愉快的在本地开发啦安装http-proxy模块>npm install http-proxy --save-dev新建js文件// server.jsconst http = require('http');const httpProxy = require('htt...原创 2019-11-18 17:28:22 · 332 阅读 · 0 评论 -
JS 数组函数的整理
最近在发现了一些自己不常用但蛮好用的数组函数,稍微整理一下,有以下几个:Array.prototype.includes() (ES7)新特性Array.prototype.filter()Array.prototype.every()Array.prototype.some()Array.prototype.fill()Array.prototype.includes()inc...原创 2019-05-24 18:30:06 · 1034 阅读 · 0 评论 -
Axios的使用与封装
Axios的使用与封装为什么用axios项目开发中,向服务器请求是必不可少的,在Vue项目的开发中,axios库是很常见的一个库。常见的axios的特性有 拦截请求和响应、取消请求、转换json、客户端防御XSRF等安装npm 安装 axios,如果可以的话,再安装一个qs库> npm install axios> npm install qs // 用来序列化post类型...原创 2018-10-27 17:36:32 · 619 阅读 · 0 评论 -
js 基础
闭包理解:闭包是能够读取其他函数内部变量的函数 实现:定义在一个函数内部的函数 用途:可以读取函数内部的变量让这些变量的值始终保持在内存中缺点:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。闭包会在父函数外部,改变父函数内部变量的值...原创 2018-07-25 23:37:48 · 102 阅读 · 0 评论 -
使用vue 与 Element UI时踩过的坑
vue 与 Element UI踩坑最近做的项目使用的是Element UI,在其中遇到了点问题,记下来留作备忘录:Dialog 在 iPad 上的显示问题出现的情况: 项目有使用到 Element UI导航菜单,Dialog 弹层显示时,遮罩层只遮挡了右半部分,弹框只相对遮罩层居中,而不是相对整个页面居中。原因: 因为项目在 iPad 上使用,下拉滑动时会有卡顿现象,在公...原创 2018-07-11 15:09:20 · 4731 阅读 · 0 评论 -
一起了解Javascript执行机制
图片合并 public function test1(){ $path_1 = './img/merge.png';// 图片二 $path_2 = './img/15248108365ae2c45412cb3.png';// 创建图片对象 $image_1 = imagecreatefrompng($path_1); ...转载 2018-05-14 17:06:04 · 301 阅读 · 0 评论 -
js运算符 “|”与“||”
“|”与“||”运算符在js开发应用中我们通常会碰到“|”与“||”了,本篇文章大致了解一下js运算符单竖杠“|”与“||”的用法。转载 2018-02-27 14:18:13 · 695 阅读 · 0 评论 -
JavaScript的 IIFE(即时执行方法)
函数 函数声明: function + 函数名 + ( [参数] ) + { 函数体 }function foo(){ /*code*/ }函数表达式:var fn = function( [参数] ){ 函数体 }var foo = function(){ /*code*/ }js中 函数跟随一对圆括号()表示函数调用//函数声明语句写法function test(){}原创 2018-01-25 16:27:40 · 447 阅读 · 0 评论 -
js 的一些简单方法
两数组比较let a = [1, 2, 3, 4];let b = [2, 3, 4, 6, 8, 10];a.map(x => { b = b.filter((val) => { return val !== x; })});console.log(b); //[ 6, 8, 10 ]原创 2017-08-01 14:20:52 · 163 阅读 · 0 评论 -
乱七八糟的BUG
js的兼容性Date.parse 在谷歌浏览器可以正确解析,而在ie/Edge/Safari 上解析不了,可以把”-“或” “替换为“/”Date.parse(viewValue.replace(/-/g,"/")原创 2017-11-06 10:55:42 · 163 阅读 · 0 评论 -
js 正则
整数 或者 最多两位小数/^\d+(.\d{1,2})?$/实例:let reg = /^\d+(.\d{1,2})?$/;let str = 23.2;console.log(reg.test(str));去除空格/\s+/g实例:let str = "asd fdf fdd dfdf";str = str.replace(/\s+/g, '');原创 2017-06-17 13:54:55 · 202 阅读 · 0 评论 -
获取序列化表单数据
$("button").click(function(){ console.log($("form").serialize());});要表单元素的值包含到序列字符串中,元素必须使用 name 属性。原创 2015-10-13 17:57:46 · 395 阅读 · 0 评论