javascript
Astar_小白的成长之路
小白要坚持写博客,嗯。
展开
-
Array.prototype.fill()生成二维数组问题
我打算使用Array.prototype.fill()快速生成二维数组,代码如下let p = new Array(10).fill(new Array(5).fill(0))预期生成10 * 5的二维数组但是,当我们操作数组时,会发现出现了问题,以下代码使得所有p[i][0]都变为了10,这说明填充的数组都指向同一个引用。p[0][0] = 10查阅MDN,得知填充的是数组的引用。If the first parameter is an object, each slot in the原创 2021-06-01 10:19:04 · 515 阅读 · 0 评论 -
React——强制重新挂载组件
访问相同路由时候,只会触发render,组件没有重新挂载,这种情况对需要刷新数据的项目来说是不ok的要强制重新挂载组件,可以尝试这个方法:访问一个空路由再返回来...原创 2018-05-31 09:11:08 · 22631 阅读 · 0 评论 -
css3——实现点击波纹效果
<button class="btn ripple">Button</button>.btn { position: relative; margin: 0 auto; width: 200px; height: 50px; line-height: 5原创 2018-10-03 17:33:39 · 6277 阅读 · 0 评论 -
大量插入dom元素的方法
笔试的时候做到一道题:向<ul id="root"></ul>插入1000条<li>我是li标签</li>标签,一般我们会想到使用循环,但是,由于渲染回流,在for循环内部多次appendChild会造成多次渲染,从而出原创 2018-09-29 22:28:16 · 5571 阅读 · 0 评论 -
前端——移动端真机调试利器
vconsole使用方法:<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script><script> // 初始化 var vConsole = new VConsole(); console.log("hello")</script>...原创 2018-10-31 21:04:31 · 720 阅读 · 0 评论 -
vue实现下拉刷新和上拉加载
&amp;amp;lt;template&amp;amp;gt;&amp;amp;lt;!-- 下拉刷新 上拉加载更多--&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;container-wrapper&amp;quot; @touchstart=&amp;quot;startTouch&amp;quo原创 2018-12-17 22:16:45 · 2025 阅读 · 0 评论 -
前端面试题目整理——javascript篇
事件冒泡和事件捕获事件委托好处: 1. 减少事件注册;2. 新增子对象无需再次绑定事件,对我们动态增加子元素的时候很友好。用法:利用事件冒泡原理 =&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; 父元素进行事件响应=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;a原创 2019-03-12 11:15:13 · 586 阅读 · 1 评论 -
前端面试题目整理——实现平衡二叉树AVL
AVL是BST的升级版,搜索性能更高。function Node(key) { this.data = key this.left = null this.right = null}function AVL(arr) { this.root = null this.createAVL(arr)}AVL.prototype.createAVL = f...原创 2019-03-19 19:41:31 · 540 阅读 · 0 评论 -
前端面试题目整理——设计模式
作用JavaScript设计模式的作用 - 提高代码的重用性,可读性,使代码更容易的维护和扩展。目录单例模式工厂模式抽象工厂模式策略模式模板方法模式职责链模式发布订阅者模式桥接模式适配器模式正文单例模式确保一个类仅有一个实例,并提供一个访问它的全局访问点。一般我们是这样实现单例的,用一个变量来标志当前的类已经创建过对象,如果下次获取当前类的实例时,直接返回之...原创 2019-03-18 22:29:22 · 4672 阅读 · 0 评论 -
React与Redux学习记录(一)
学了react之后看了redux,一脸懵逼,先来捋一捋思路。redux是一种架构模式,react-redux是将redux这种架构模式与react结合起来的一个库。所以我们先理解一下这种架构模式的基本思想,理解之后react-redux库很好上手。学习react的时候,我们要在各层父子组件直接共享某个状态,往往用到状态提升的方法,state定义在根组件中,通过props传给子组件,假如子组...原创 2018-04-17 23:01:20 · 313 阅读 · 0 评论 -
qq音乐常用接口整理——亲测可用
1.歌曲地址接口:src = 'http://ws.stream.qqmusic.qq.com/${id}.m4a?fromtag=46'调用audio src="http://ws.stream.qqmusic.qq.com/101369814.m4a?fromtag=46" controls>audio>原创 2017-08-05 11:41:19 · 24793 阅读 · 6 评论 -
json数组对象和对象数组
直接举例子(attention:对象{}数组[])1.只有对象var students= {"classone":{"name":"one","teacher":"a","student":{"name":"花花"}}, "classtwo":{"name":"two","teacher":"b","student":{"name":"明明"}}}; alert(students.原创 2017-08-04 23:31:49 · 3357 阅读 · 0 评论 -
一张图看懂offsetX、clientX、screenX、pageX
一张图看懂offsetX、clientX、screenX、pageX转载 2017-08-02 14:37:37 · 674 阅读 · 0 评论 -
javascript将字符串转化为json
仅以此贴作为常用方式记录var data = JSON.parse(d);console.log(data['username']);原创 2017-11-22 19:38:22 · 235 阅读 · 0 评论 -
javascript——对于js中全等判断和相等判断特殊情况的整理
对象与对象var a=new String("abc");var b=new String("abc");if(a==b){true;}else{false;}结果 ===> false分析:这两个字符串内容虽然相同,但引用的不是同一个对象,故结果为false,使用全等判断(===)结果也是false对象与基本数据类型var a="abc";var b=new Strin...原创 2018-03-15 13:40:36 · 976 阅读 · 0 评论 -
Javascript——查找html元素的方法
javascript通过dom可以访问html文档的所有元素。它可以改变页面中所有的html元素、能够改变页面中所有的html属性、还可以改变所有css属性以及对页面中的所有事件做出反应。以下归纳访问html元素的几种方法:通过id查找html元素通过类名查找html元素通过标签名查找html属性通过元素的name属性查找html元素先看以下简单例子<!DOCTYPE html>&l...原创 2018-03-11 20:42:06 · 4156 阅读 · 0 评论 -
javascript——静态NodeList 和 动态NodeList的区别
昨天看到一个querySelectorAll()的东西,发现用法跟getElementsBy系列类似,便想深究一下它们之间的不同点,以下为找到的资料。ps:了解这个知识点的原因前两天我在重温js dom编程的时候,看到了获取dom元素这一章,然后看到了getElementsByTagName()和getElementsByClassName(),之后又了解到了现代浏览器新出的一个DOM API–q...转载 2018-03-13 13:27:57 · 2134 阅读 · 0 评论 -
javascript与leetcode——字符串相加
leetcode上有这样一道题目: 给定两个字符串形式的非负整数 num1 和num2 ,计算它们的和。注意:num1 和num2 的长度都小于 5100. num1 和num2 都只包含数字 0-9. num1 和num2 都不包含任何前导零。 你不能使用任何內建 BigInteger 库, 也不能直接将输入的字符串转换为整数形式。javascript: 这道题用js解答很...原创 2018-03-20 15:58:44 · 1043 阅读 · 0 评论 -
JS中数据结构的遍历--Iterator和for...of循环
JavaScript原有的四种表示’集合’的数据结构,Object、Array、Set、Map。遍历器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署了Iterator接口,就可以完成遍历操作。Iterator 的作用有三个:一是为各种数据结构,提供一个统一的、简便的访问接口;二是使得数据结构的成员能够按某种次序排列;三是 ES6 创造了一种新的...转载 2018-03-24 20:13:18 · 708 阅读 · 0 评论 -
js读取xml的<![CDATA[]]>存放内容
通过创建xmldoc来处理ajax返回的xml格式的内容原创 2017-08-11 13:10:41 · 4725 阅读 · 1 评论