10 2019 档案
摘要：对元素的margin设置百分数时，百分数是相对于自身包含块的width计算（包含块传送门），不管是margin-top/margin-bottom还是margin-left/margin-right。当然，padding的原理也是一样的。 如果没有为元素声明width，此时元素框的总宽度包括外边距取
阅读全文
摘要：先看一道面试题： 打印的结果如下： obj.show 中，第一个函数执行 fn() 结果为 10，第二个 arguments[0]() 执行结果为 undefined。 原因是： 第一个 fn 在执行时，this 指向 window，window,number 为10； 第二个 fn 在执行时，实际
阅读全文
摘要：可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。 当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。 html： <div id=
阅读全文
摘要：之前的做法一直是在 created 钩子之后手动调用一次 后来在翻阅文档的时候发现一个属性 immediate 这样在初始化的时候也会触发 ——》该回调将会在侦听开始之后被立即调用
阅读全文
摘要：使用按位与 & 的方式判断： 位运算 &： 当对一对数位执行位运算 AND （&）时，如果数位均为 1 则返回 1。 单位示例： 四位示例：
阅读全文
摘要：Vuex是一个专为Vue服务，用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层，规定所有的数据操作必须通过 action - mutation - state change 的流程来进行，再结合Vue的数据视图双向绑定特性来实现页面的展示更新。统一的页面状态管理以
阅读全文
摘要：本文由浅入深观摩vue-router源码是如何通过hash与History interface两种方式实现前端路由，介绍了相关原理，并对比了两种方式的优缺点与注意事项。最后分析了如何实现可以直接从文件系统加载而不借助后端服务器的Vue单页应用。 随着前端应用的业务功能越来越复杂、用户对于使用体验的要
阅读全文
摘要：几种通信方式无外乎以下几种： Prop（常用） $emit (组件封装用的较多) .sync语法糖 （较少） $attrs & $listeners (组件封装用的较多) provide & inject （高阶组件/组件库用的较多） slot-scope & v-slot （vue@2.6.0+）
阅读全文
摘要：执行顺序如下： setTimeout 的任务会被排到队列尾部，同步任务执行结束后立即执行 setTimeout（即 console.log(1)）； 而 promise 一旦建立，其中的任务就会立即执行（即 console.log(0)）； 最外层的 console.log(3) 为同步任务，则按顺
阅读全文
摘要：需求如下： 写出一个符合要求的 getObj()，方法如下：
阅读全文
摘要：最后一行 console.log 本来期望返回值应该是 ‘biz’，结果返回的却是 undefined； 查询原因后，发现忘记在递归时 return，导致递归的最深层一个函数调用时有值，但最外层的函数的返回值却是 undefined； 最后一次进行递归操作的时候值是返回了，但只返回到了递归自己调用的
阅读全文
摘要：前置： 1、Http请求是基于Tcp connection这个链接的 2、位码即tcp标志位,有6种标示: SYN(synchronous建立联机) 、ACK(acknowledgement 确认)、 PSH(push传送) FIN(finish结束)、RST(reset重置)、 URG(urgen
阅读全文
摘要：一、小谈 requestAnimationFrame： 说起 requestAnimationFrame，我们先看幅图： 相当一部分的浏览器的显示频率是16.7ms, 就是上图第一行的节奏，表现就是“我和你一步两步三步四步往前走……”。如果我们火力搞猛一点，例如搞个10ms setTimeout，就
阅读全文
摘要：背景 如今前端工程化的概念早已经深入人心，选择一款合适的编译和资源管理工具已经成为了所有前端工程中的标配，而在诸多的构建工具中，webpack以其丰富的功能和灵活的配置而深受业内吹捧，逐步取代了grunt和gulp成为大多数前端工程实践中的首选，React，Vue，Angular等诸多知名项目也都相
阅读全文
摘要：根据官方文档，这个package-lock.json 是在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 它有什么用呢？因为npm是一个用于管理package之间依赖关系的管理器，它允许开发者在pacakge.json中间标出
阅读全文
摘要：本地分支a，且没有分支b，想要切换到远程以后分支b 1. git remote update origin --prune 更新本地分支列表与远程一致 2. git branch 查看本地所有分支，是否已经更新出分支b 3. git checkout b 切换到分支b 4. git merge a
阅读全文
摘要：网站有很多权限控制，登录用户和未登录用户显示的内容有差别。前后端分离后，前端怎样判断用户是否已登录？有哪些方式？ 方法一： 登录成功后，后端返回一个 cookie，根据这个 cookie 的有无来判断；退出登录时，后端会删除这个 cookie； 方法二： 登录成功后，前端设置 cookie，比如'i
阅读全文
摘要：1. 关于URL、encodeURI 及 encodeURIComponent： URI: Uniform Resource Identifiers，通用资源标识符 Global 对象的 encodeURI() 和 encodeURIComponent() 方法可以对 URI 进行编码，以便发送给浏
阅读全文
摘要：看你不知道的JavaScript中卷 2.1数组时有个疑问。具体是这样的： 用代码来描述就是： 刚开始比较疑惑： 为什么字符串可以通过这种方式，使用数组方法呢 为什么所谓的非变更方法可以这样用而可变更方法 不能呢 当我看到Uncaught TypeError: Cannot assign to re
阅读全文
摘要：其实 d1 无论是哪一年的 1.1 日都可以，d2 与 d1 是同年的日期，即可判断。 附： getTimezoneOffset() ： 函数的返回值为Number类型，返回当前计算机上的时间和UTC时间之间相差的分钟数。一般而言，如果当地时间早于UTC时间(在UTC时区以东，例如亚洲地区)，则返回
阅读全文
摘要：共同点： 不同点： 1.forEach()： 没有返回值，即返回值为undefined 参数：value数组中的当前项, index当前项的索引, array原始数组；数组中有几项，那么传递进去的匿名回调函数就需要执行几次；理论上这个方法是没有返回值的，仅仅是遍历数组中的每一项，不对原来数组进行修改
阅读全文
摘要：1. 存储原理： 在计算机中数字无论是定点数还是浮点数都是以多位二进制的方式进行存储的。事实上不仅仅是 Javascript，在很多语言中 0.1 + 0.2 都会得到 0.30000000000000004，为此还诞生了一个好玩的网站 0.30000000000000004。究其根本，这些语言中的
阅读全文
摘要：var x = 4.23323;//测试的数字 var y = String(x).indexOf(".") + 1;//获取小数点的位置 var count = String(x).length - y;//获取小数点后的个数 if(y > 0) { alert("这个数字是小数，有" + count + "位小数"); } else {...
阅读全文
摘要：1、package.json是什么？ 什么是Node.js的模块（Module）？在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件，被称为package.json。 通
阅读全文
浙公网安备 33010602011771号