成长
文章平均质量分 75
是十年是思念
这个作者很懒,什么都没留下…
展开
-
vue 组件之间传值有几种方式
一.父子组件的传值。1.props 父组件嵌套的子组件中,使用v-bind:msg=‘xxxx’进行对象的绑定,子组件中通过定义props接收对应的msg对象如图父组件代码:<template> <div> <!-- 注意 :msg 后面是一个对象,值是字符串时,需要写冒号,如果省略:就是一个字符串 --> <!-- &l...原创 2020-04-14 13:42:53 · 1042 阅读 · 0 评论 -
tinymce富文本编辑器自定义工具栏
最近遇到了一个项目有个富文本编辑器的操作,内容就是在工具栏中加个自定义的按钮,需求挺简单的但是由于文档很少,也不是很常用费了很多功夫。大体就是点击插入推荐的商品链接出现右侧的抽屉弹窗,然后点击添加的时候,把图片和ID之类的东西加入到富文本编辑器中去。大体这样的效果,话不多说上代码。1.如何安装我就不说了自己去npm把2.引入这些文件import tinymce from ‘tinym...原创 2020-03-20 18:13:07 · 5720 阅读 · 2 评论 -
document 学习笔记
一、概述document 对象是文档的根节点每张网页都有自己的document对象。window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档,该对象就存在了,可以直接使用。document对象有不同的办法可以获取。 正常的网页,直接使用document或window.document。 iframe框架里面的网页,使用iframe节点的contentDo...原创 2019-03-14 16:47:57 · 657 阅读 · 0 评论 -
ES6学习笔记函数扩展(rest 参数,箭头函数等)
一、rest参数ES6 引入 rest 参数(形式为…变量名)用于获取函数的多余参数,这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组,该变量将多余的参数放入数组中。function add(...values){ let sum = 0; for(let item of values){ sum +=item; } return sum;}add(...原创 2019-02-20 19:16:01 · 505 阅读 · 0 评论 -
ES6学习笔记函数的扩展(函数的默认值)
一、函数参数的默认值1.ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。例如function log(x,y){ y = y||'world'; console.log(x,y)}log('hello'); //hello worldlog('hello','china'); //hello chinalog('hello',''); //hello world ...原创 2019-02-20 11:13:44 · 144 阅读 · 0 评论 -
变量的解构赋值
一、数组的解构赋值1.ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构let a = 1;let b = 2;let c = 3;//es6let [a,b,c] =[1,2,3];上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进...原创 2019-02-19 17:13:53 · 330 阅读 · 0 评论 -
ES6学习整理笔记let和const命令
一、let 命令es6新增了let命令,用来声明变量,用法类似于var,let命令只在所在的代码块里有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1可以清楚的看到,let变量报错,var则没事。不存在变量提升//var console.log(foo); // 输出...原创 2019-02-19 11:21:42 · 202 阅读 · 0 评论 -
html2canvas生成图片时踩到的坑
html2canvas生成图片时踩到的坑html2canvas ,是H5生成图片常用的框架,但是由于以前没有用过踩到了N多的坑,现在写下来好让自己以后再用时能注意这些问题;vue 工程下安装html2canvas npm install html2canvasnpm 安装后需要在使用界面引入 import html2canvas from 'html2canvas'html2...原创 2019-02-11 09:57:01 · 25931 阅读 · 12 评论 -
ES6学习笔记(箭头函数双冒号运算符)
一、双冒号运算符箭头函数可以可以绑定this对象,大大减少了显式绑定this对象的写法(call、apply、bind)。但是,箭头函数并不适用于所有场合,所以现在有一个提案,提出了“函数绑定”(function bind)运算符,用来取代call、apply、bind调用。函数绑定运算符是并排的两个冒号(::),双冒号左边是一个对象,右边是一个函数。该运算符会自动将左边的对象,作为上下文环境(...原创 2019-02-21 14:32:53 · 782 阅读 · 0 评论