TeroZhang的博客

TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。

分页功能一般是后台实现，前端请求就完事了。但是偶有情况…那也很无奈！数据少的情况，前端可做！数据多了，还是得建议后台来做！！【注】我这里其实主要用的是Array.slice(start, end)方法！直接上代码，不啰嗦！【效果】代码：html:<template> <view> <button @click="PageLoad">点击加载</button> </view></template>js:

【前言】缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。H5端为localStorage，浏览器限制5M大小，是缓存概念，可能会被清理；App端为原生的plus.storage，无大小限制，不是缓存，是持久化的。今天这里主要演示sqlite在uniapp中的使用！除此之外，其他数据存储方案：H5端还支持websql、indexedDB、sessionStorageApp端还支持IO文件等本地存储方案。SQLitesqlite语法学习首先需要开启sqlite这样你就可以在

html2canvas前言：前端保存页面为图片，最常见的方案都是利用html2canvas来生成图片。html2canvas详细介绍html2canvas官网应用场景PM要求将公司子公司…获得的一些奖项，前端按要求展示；并且要把H5页面的局部保存图片分享出去。解决方案：html2canvas使用：npm install --save html2canvas将html2canvas引入到组件中 import html2canvas from "html2canvas"具体：取局部

Proxy可以理解成，在目标对象之前架设一层 “拦截”，当外界对该对象访问的时候，都必须经过这层拦截，而Proxy就充当了这种机制，类似于代理的含义，它可以对外界访问对象之前进行过滤和改写该对象。我们直接上代码：html:<fieldset> <legend>proxy双向数据绑定</legend> <label for="uname">姓名：<input type="text" id="uname" v-model="uNam

前言Proxy 也就是代理，可以帮助我们完成很多事情，例如对数据（对象，数组）的处理，对构造函数的处理，对数据的验证，说白了，就是在我们访问对象前添加了一层拦截，可以过滤很多操作，而这些过滤，由你来定义。想了解更多请戳：官方文档语法let p = new Proxy(target, handler);参数1、target ：需要使用Proxy包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。2、handler: 一个对象，其属性是当执行一个操作时定义代理的行为的函数(

为什么加时间戳比较好？在开发的过程中，需要给html的静态资源加上一个随机数，避免版本迭代的时候取本地缓存文件（地址如果一致，浏览器会认为这是同一个请求），可以给css文件，js文件自动加上时间戳 。html<fieldset> <legend>给url添加时间戳</legend> <img id="bgimg" alt=""> </fieldset>js<script> let cache

前言:关于js异步执行顺序，宏任务、微任务这些，还有async/await已经有好多人写了。但是每个人都有自己的理解，最主要的是要自己琢磨，学习了一下，谈谈自己的理解。先上一张图压压惊！！！微任务与宏任务区别，纯白话理解：这个就像是去银行办理业务，得先排队取号。我们可以把每个办理业务的人当做是一个宏任务的存在。那么多个宏任务合在一起，可以说这就是一个任务队列。那么微任务是什么呢？一个宏任务在执行的过程中，是可以添加一些微任务的。那么微任务是什么呢？举个例子: 就像在柜台办理业务，你前边的.

callback && callback()理解1、回调函数let fn = new Function('arg1', 'arg2', 'return arg1 * arg2')console.log(fn(2, 3)) // 6由此可见，函数亦可以这样创建。代码上来看，就只是对象。这样做的一个好处，可以传递代码给其他函数，函数亦是对象。function say(value) { console.warn('alert-1', value); // hi js. }cons

前端加载水印？（局部 or 全局）整理全局水印：watermark.js是一个给B/S网站系统加水印的插件，确保系统保密性，安全性，降低数据泄密风险。简单易上手，支持多属性配置，支持本地和npm包引入，支持commonjs和es6引入。全局API有init()，load()，remove()方法。使用的是css3的pointer-events事件穿透属性和opacity透明属性，Shadow ...

JavaScript函数的继承什么是继承？通俗来说就是子承父业。对象之间的继承（对象拷贝）for …in … 的作用以及语法// for ... in .语句可以遍历对象属性for(var key in 对象){ // key 每次遍历的属性名}获取属性值的方法：【1】对象. 属性名【2】对象[属性名]可以通过遍历对象的成员，将这些属性添加给另一个对象。从而实现继承，...

js函数之 call()、apply()、bind()引言：函数也是对象，所以函数也有属性和方法，例如：构造函数有1个prototype属性。我们也可以给一个函数对象，添加属性或者方法。 // 先声明一个构造函数 function Person(){ } console.log(Person.prototype) // Person 这个函数也是一个对象// 先声明一个...

JavaScript数组排序方法Es6 - sort()方法<script>let arr = [6,5,4,2,7,1,3];console.log(arr.sort()) // [1, 2, 3, 4, 5, 6, 7]function sortNumber(a,b){ // return a - b // [1, 2, 3, 4, 5, 6, 7] ...

websocket 初探websocket的数据交互1、性能高2、双向 — 数据的实时性3、HTML5 IE9+4、socket.io跨域HTTP协议 — 一般文本数据流socket.io:1、兼容性？可以用来做兼容2、二进制数据流socket.io 应用场景：1、聊天室2、视频点播ajax 的跨域、以及 jsonp 的跨域性？使用工具...

深拷贝和浅拷贝的区别？如何区分深拷贝与浅拷贝，大白话来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。先看一个例子：let a = [0, 1, 2, 3, 4], b = a;console.log(a === b); // truea[0] = 9;console.log(a, b); ...

Object.assign() 的剖析？Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。【大白话：用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）】语法：Object.assign(target, ...sources) // 参数：（目标对象，...源对象） // 只有第一个是目标...

JS 获取当天、上周、本周，下周开始时间，结束时间？<script> // 注释：Date.parse() // 转化时间戳 // 时间 var now = new Date(); // 当前日期 var nowDayOfWeek = now.getDay(); // 今天本周的第几天 var nowDay = now.getDate(); ...