W_Clarence-CSDN博客

原创 js监听某个DOM是否渲染完成

// 声明定时器var timer = null// 检查dom是否执行完成function checkDom() { let dom = document.getElementById('abc') if(dom) { // 执行dom加载完成后的操作 doSomething(); // 清除定时器 if(!timer) { clearTimeout(timer) }.

2020-05-25 14:18:17 11627

原创 js字符串换行问题

想让数组['123','456','789']中的每一项字符串在页面中分三行输出。let strArr = ['123','456','789'];let wrapStr = strArr.join(' \n ');console.log(wrapStr)$("#div4").html(wrapStr)首先看控制台输出再看页面再试试用<br/>标签连接字...

2019-11-07 18:06:27 2634

原创前端面试题整理（带答案--不定期更新）

1、写出下面代码打印结果：function Foo() { Foo.a = function() { console.log(1) } this.a = function() { console.log(2) }}// 以上只是 Foo 的构建方法，没有产生实例，此刻也没有执行Foo.prototype.a = func...

2019-10-07 16:38:22 347

原创前端零碎知识点（二）

一、数据类型判断1、typeoftypeof返回一个数据类型的字符串，返回结果有number、boolean、string、object、undefined、function、symbol等7中类型，注意typeof不能判断null和array；typeof 66; //numbertypeof false; //booleantypeof 'hello world'; /...

2019-10-06 13:33:27 188

原创 canvas简单demo

颜色取反点击取反按钮，将照片的色值取反，看起来像是照片底片的样子。html和css没什么说的，几乎没有改变样式，直接标签写上去就行，主要说jsvar canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");var img = new Image();img.src = "gi...

2019-04-28 16:41:13 684

原创强缓存和协商缓存

缓存是啥？缓存是一种保存资源副本并在下次请求时直接使用该资源副本的技术手段。缓存的好处：1、节省资源，缓解服务器压力；2、提升性能，因为使用本地资源肯定比请求服务要快；3、降低带宽消耗；强缓存：说白了就是给浏览器缓存设置过期时间，超过设定的时间则需要重新请求资源。通过设置http请求头的Cache-Control和Expires字段来进行控制的；Expires是一个绝对...

2019-04-25 16:33:24 281

先说一下遍历器（Iterator），它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。Iterator 的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是 ES6 创造了一种新的遍历命令for...of循环，Iterator 接口...

2019-04-17 20:38:04 1703

原创 node升级导致npm不能用的问题

至于为什么要升级node，想必遇到这种问题的人都差不多知道，我这边是为了安装react脚手架，升级了node，升级完之后npm任何指令都不能用了（但cnpm 指令还能用，反正我这能用【手动不知所措】），那些博客说npm install -g npm 之类的都试了，统统不管用；一气之下，卸载node，用指令where node找到node相关文件夹，全删了，然后重新下载node、安装...

2019-04-11 17:27:09 2011

原创很碎很碎的前端知识点，稀碎！！！（不定期更新）

reduce()reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 可以作为一个高阶函数，用于函数的 compose（compose就是执行一系列的任务（函数））。注意:reduce() 对于空数组是不会执行回调函数的。array.reduce(function(total, currentValue, curr...

2019-04-03 14:23:10 259

原创前端零碎知识点（一）

一、防抖、节流防抖：指触发事件后在规定时间内回调函数只能执行一次，如果在规定时间内又触发了该事件，则会重新开始算规定时间。常见应用场景：百度搜索联想功能原理：通过定时器对事件函数进行延时，如果在延时时间内再次触发该时间，则清楚定时器并重新设置定时器；节流：当持续触发事件时，在规定时间段内只能调用一次回调函数。常见应用场景：下拉或者上划刷新、鼠标滚动刷新等；对比：防抖是将多次...

2019-02-27 20:40:16 1507

原创关于H5唤起地图导航小结

项目需求：在H5页面中跳转到地图App,或者在本地App中加载的H5页面跳转到地图App，唤起App进行导航；1、腾讯地图：调用方式： http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:address其中lat、lng、address分别为经纬度和详细地址三个参数，更多参数介绍可在腾讯地图api找到：https...

2018-12-12 13:39:41 6285 1

原创 vuex使用过程中遇到的小问题

我们都知道，vuex是vue.js的状态管理模式，在一些简单的应用中可能还用不到状态管理，但在一些较大型的应用中，它的作用就显得很重要了；闲话不多说，主要描述一下自己遇见的小问题及相应的解决办法。问题：在多页面应用中store中的状态会在刷新页面后重置，也可以说是清除，这样的话整个状态管理的优势就没有了。解决办法：1、将所用到的全局变量存到本地localstorage，在组件中使用...

2018-10-09 20:05:10 1608

原创说说对深浅拷贝的理解

说到深浅拷贝，那肯定要提到JavaScript的数据类型，先从数据类型说起。JavaScript有两种数据类型：基础数据类型和引用数据类型。基础数据类型又有以下几种： null 、undefined、number、string、Boolean；引用数据类型包括：object、array、function；基础数据类型都是按值访问的，我们可以直接操作保存在变量中的实际的值。而引用类型...

2018-09-28 18:49:13 439 1

原创 Canvas画图形验证码

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <style> * { paddin...

2018-03-09 15:43:09 353

原创 textarea文本域输入字数实时控制

实时控制字数 * { padding: 0; margin: 0; } .box { width: 400px; height: 300px; margin: 20px auto; } .box textarea { width: 400px; height: 270px;

2017-10-12 15:54:32 374

原创模拟微信打飞机的demo

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>打飞机</title> <style type='css/text'> * { margin

2017-06-30 11:49:57 1550 1

W_Clarence的博客