- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue中使用富文本编辑器
前端使用富文本编辑器的插件有很多，今天献上wangeditor的使用教程，教你如何在vue中使用富文本编辑器先敬上官网：http://www.wangeditor.com/index.htmlwangeditor是一个萌新富文本编辑器，基于js和css，重点在于它轻量，如果你需要的功能不是很复杂，那么选它没错了，刚好能满足你！第一步：先保证你的电脑中安装有node，当然使用cdn也可以，下载到本地也行，我这里用的vue-cli，顺便下载到项目依赖中了本地下载：https://github.com/
2020-08-24 10:33:51
1068
原创 JavaScript 中最臭名昭著的 Bug 就是 0.1 + 0.2 !== 0.3
js解决0.1+0.2==0.3的问题的几种方法JavaScript有7种基本类型分别是: Undefined, Null, Boolean, String, Number, Symbol, Object.对于JS中的Number类型, 不区分整数和浮点数, 浮点数的精度远远不如整数, 首先先看一下为什么会出现这个问题, 根据双精度浮点数的定义, Number类型的有效整数范围是-0XFFFFFFFFFFF至0X1FFFFFFFFFF,所以无法精确到超过这个范围的整数.解决办法1.ES6提供的Num
2020-07-12 17:53:30
258
原创 七种非常经典的创建对象的方式，他们也各有优缺点
JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。一、工厂模式function createPerson(name, job) { var o = new Object(); o.name = name; o.job = job; o.sayName = function() { console.log(this.name);
2020-07-12 16:57:12
278
原创 节流和防抖
一、防抖防抖（原理）：事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时（英雄联盟回城）。var timer; function debounce(fn, delay) { clearTimeout(timer); timer = setTimeout(function(){ fn(); }, delay);}二、节流节流（原理）：一段时间内，只执行一次函数（英雄技能）。var timer; function throttle(fn, d
2020-07-12 15:40:31
194
原创 一道 经典的 JavaScript 面试题
一道 经典的 JavaScript 面试题，记得看到最后一段，有你们chrome无法运行的问题f = function () { return true; };g = function () { return false; };(function() { if (g() && [] == ![]) { f = function () { return false; }; function g() { return true; } .
2020-07-12 14:43:44
155
原创 JS中 !/+/-/~function(){}()是起什么作用
自动执行匿名函数：常见格式：function(){/code/}();解释：包围函数（function(){})的第一对括号向脚本返回未命名（匿名）的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数作用：创建一个命名空间只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不能访问，除非你允许(变量前加上window，这样该函数或变量就成为全局)。各JavaScript库的代码也基本是这种组织形式。总结一下，这个函数的主要目的是 匿名 和 自动执行。代码在被解释时就已经执行了
2020-07-12 14:31:41
375
原创 Ajax为什么能够实现无刷新通信
由于普通服务器控件事件被触发后，会使浏览器产生一个HTTP请求；随后，服务器会响应该请求，生成并返回对应的HTML、CSS、JavaScript代码等，由浏览器显示出来。而使用Ajax技术后，用户操作将不再触发HTTP请求，而是触发一段JavaScript代码的执行，该段JavaScript初始化一个XMLHttpRequest对象，并通过该对象向服务器发送异步请求，获得数据(以XML、JSON或普通文本形式)，在客户端获得数据后，通过执行JavaScript的回调函数，实现数据局部刷新。...
2020-07-11 16:52:10
139
转载 # 正则表达式中常用的模式修正符有i、g、m、s、U、x、a、D、e 等。
它们之间可以组合搭配使用。i 不区分(ignore)大小写；例如: /abc/i 可以匹配 abc、aBC、Abcg 全局(global)匹配如果不带g，正则过程中字符串从左到右匹配，找到第一个符合条件的即匹配成功，返回如果带g，则字符串从左到右，找到每个符合条件的都记录下来，知道字符串结尾位置例如:var str = ‘aaaaaaaa’var reg1 = /a/; str.match(reg1) // 结果为：[“a”, index: 0, input: “aaaaaaaa”]v
2020-06-30 10:15:21
195
原创 倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2020-06-23 22:37:05
74
原创 取消文本被选中
<script> window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty(); </script>
2020-06-23 22:23:53
384
原创 JS——拖拽盒子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; } .box { width: 200px;
2020-06-22 21:43:44
158
原创 跟随鼠标的图案
<style> img { position: absolute; top: 2px; } </style></head><body> <img src="images/angel.gif" alt=""></body> <script> var pic = document.quer...
2020-06-22 17:45:30
180
原创 阻止冒泡的兼容
下面展示一些 内联代码片。<script> if(e && e.stopPropagation){ e.stopPropagation(); }else{ window.event.cancelBubble = true; }</script>
2020-06-22 17:03:15
105
原创 注册事件兼容性解决方案
// 注册事件兼容性解决方案function addEventListener(element , eventName , fn) { // 判断当前浏览器是否支持 addEventListener 方法 if (element.addEventListener){ element.addEventListener(eventName , fn); }else if (element.attachEvent) { element.attachEven
2020-06-22 11:52:04
134
原创 局部组件
<div id="app"> <hello-world></hello-world> <hello-tom></hello-tom> <hello-jerry></hello-jerry> <test-com></test-com> </div>...
2020-02-23 16:40:09
136
原创 组件的注册
<div id="app"> <button-counter></button-counter> <button-counter></button-counter> <button-counter></button-counter> </div> <script ...
2020-02-23 15:09:02
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人