前端
文章平均质量分 57
coocochen
Keep foolish.
展开
-
js实现英文换行并用中划线-连接
js实现英文换行并用中划线-连接css设置 hyphens: auto; 可以实现效果,但是谷歌不支持…js实现代码如下:function wrap(str,len){ return str.replace(new RegExp("(.{"+(len)+"})","igm"),"$1<br/>") .replace(/(\w)(<br\/>\w)/igm,'$1<font color=#000>-</font>$2');}原创 2021-09-27 17:11:56 · 619 阅读 · 0 评论 -
js闭包的应用
js闭包的应用一、阻止垃圾回收机制二、创建私有变量三、避免污染全局变量四、防抖的应用一、阻止垃圾回收机制在js中,闭包可以理解为能够访问其他函数内部变量的函数,常见的闭包如下function fn() { let a = 0; return function () { console.log(++a); }}let f = fn();f(); // 1f(); // 2其中,被包含在fn函数中,并被返回的函数就是一个闭包函数。由于作用域链的特性,内层函数可以访问外层原创 2021-04-02 16:32:51 · 394 阅读 · 0 评论 -
如何使用Js正则表达式实现模糊匹配(Todolist)
最后效果图:话不多说,请看关键代码:input.addEventListener("input",(e)=>{ //input事件绑定 if(e.target.value){ let reg = new RegExp(e.target.value,"i"); //正则匹配 removeall(); //将列表清空 queryitem(re...原创 2019-09-16 21:23:08 · 3907 阅读 · 0 评论 -
canvas制作加载动画并打包发布(原生js和react框架)
动画效果: 原生js实现:var mycanvas= document.getElementById('mycanvas');if(mycanvas.getContext){ var ctx = mycanvas.getContext('2d');}function circle({x,y,r,color}){ this.x = x; this.y = y...原创 2019-08-22 14:32:16 · 532 阅读 · 0 评论 -
js执行环境、作用域链、闭包、this
执行环境(execution context) 是js中非常重要的概念,它定义了变量或函数能够访问的其它数据。事实上执行环境中还包含了很多js里面很多重要的概念,比如作用域链、闭包、this指向、变量对象活动对象等等,这里我以执行环境的过程为顺序大致总结一下,将这些知识点串联起来,加深理解。执行环境也可以称作执行上下文,每当函数调用的时候都会创建一个执行上下文。执行上下文分为两个阶段:...原创 2019-08-10 15:55:58 · 157 阅读 · 0 评论 -
理解javascript作用域
目录 一、作用域是什么二、全局作用域与局部作用域三、块语句与let、const关键字一、作用域是什么作用域是代码中某段特定部分的可访问的变量、函数、对象的集合。可以理解为,作用域就是指变量能够被访问的范围,javascript中,函数和对象同样也是变量。二、全局作用域与局部作用域在javascript中,作用域可以被分为两类,分别是全局作...原创 2019-06-11 01:21:55 · 109 阅读 · 0 评论 -
HTML5的语义化及新增和废弃元素属性详细总结
目录HTML5的语义化常用节点元素标签:分组内容元素文本层次语义标记嵌入内容公共属性input元素新增表单元素 HTML5的语义化 HTML5在继承了原有的标签的基础上,还添加了很多带有语义性的标记,比如<header>、<article>、<footer>等标记。那么为什么要增加这些标记呢?在以往的编程习惯中,我...原创 2019-06-11 01:24:39 · 342 阅读 · 0 评论 -
javascript预解析变量函数声明提升问题
来看一个有趣的例子:var fish = 1;function bear(){ fish = 2; return; function fish(){};}bear();console.log(fish);这里运行的结果是1。可能会有人疑惑为什么是1不是2呢(^-^),这也是我最开始疑惑的。我们可以试试如果在fish=2这行代码之后加上console.lo...原创 2019-06-02 22:24:35 · 351 阅读 · 0 评论 -
前端动态更换主题色解决方案
前段时间做了一个动态更换主题色的需求,一直没时间整理,现在趁有空记录一下解决方案,防止大家踩坑。原创 2021-02-02 11:16:37 · 3092 阅读 · 1 评论