摘要：各种数据结构的遍历 1. for...of语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等等）上创建一个迭代循环。 对于for...of的循环，可以由 break, throw 或 return 终止。在这些情况下，迭代器关闭。 2.
阅读全文
随笔分类 - 前端之JavaScript
js学习和工作相关内容
摘要：埋点一方面可以统计页面uv、pv、用户信息、设备信息，另一方面，也有助于完善站点监控，方便追踪问题，提高网站的稳定性。 业务中埋点的方法： 1.自定义指令-代码侵入式-实现埋点：https://mp.weixin.qq.com/s/-Dba_JP4es8CmOH2G98NFA 文章里面通过visua
阅读全文
摘要：1.process.env.NODE_ENV 为什么我们在写前端代码的时候，可以使用 process.env.NODE_ENV 这样的代码（process 不是 node 模块么？为啥可以在浏览器下使用）？ 因为webpack有DefinePlugin的存在，在初始模板的时候，注入了全局proces
阅读全文
摘要：1.nodejs的buffer // https://semlinker.com/node-buffer/ const typedArray3 = new Int8Array(8);typedArray3[0] = -32; const typedArray4 = new Int16Array(8)
阅读全文
摘要：看源码时候做的笔记 1.ref是什么？ from：vue-next/packages/reactivity/src/ref.ts 示例： import { ref, ref } from 'vue'; let a: Ref<String> = ref('hello world'); let b: R
阅读全文
摘要：参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain https://zh.javascript.info/native-prototypes javascript
阅读全文
摘要：mdn上写了，scroll事件冒泡并不能被取消：https://developer.mozilla.org/en-US/docs/Web/API/Document/scroll_event 我当前遇到一个业务就是，在h5页面内，整个页面需要支持上下滑（touchstart/touchmove/tou
阅读全文
摘要：方案一：推荐 在typescript+Vue的项目中引用echarts，为了加强引用，引入echarts和@types/echarts两个包，一个是工程依赖，一个是声明依赖。 然后在需要引用echarts的组件中引入echarts 然后设置好option选项，将图表渲染在DOM里： 按理来说是这样的
阅读全文
摘要：在看这篇文章之前，可以先看看vue:https://cn.vuejs.org/v2/guide/instance.html#生命周期图示 官网主要介绍了beforeCreate、created、beforeMount、mounted、beforeUpdate、update、befpreDestroy
阅读全文
摘要：讲真，之前没考虑过这个问题。因为项目原因，自己用python的一些工具，爬取了淘宝、京东、百度等的一些图片和图片名称之类的信息。以为爬虫只是解析html文本，然后提取关键字，保存自己想要的信息即可，或者再不济就用个Selenium WebDriver去调用浏览器，从未想过爬虫与页面的关系。 在此之前
阅读全文
摘要：1、CSS页面布局，基本会被问到的我都写在下面了，当然一种布局的实现方式有n多种，了解的越多越好，flex、BFC什么的都是要掌握并且会用的。 2、px、em、rem、%、vw、vh、ex、<meta> 标签、@media、viewport 这几个前端像素单位怎么用？怎么实现 webapp 移动端自
阅读全文
摘要：摘要：使用HTML5编写移动Web应用，主要是为了尝试一下“一套代码多处运行”，一个webapp几乎可以不加修改的运行在PC/Android/iOS等上面运行。但是写到现在觉得虽然这种方式弊大于利，不仅在速度上有差异，webapp对移动端的一些原生功能支持并没有那么好。我用的vue写的系统，完成之后
阅读全文
摘要：一面： 1、说出你知道的H5的标签 2.js变量声明方式有哪些（var const let function global，再没想出来） 3.同一个页面内，两个table怎么通信（声明一个全局变量、localstorage、cookie、事件触发、signalJS、观察者模式） 4. typeof
阅读全文
摘要：下面前五道题是笔试部分，后面的是面试部分。笔试部分比较基础，面试部分几乎都是webGL、Threejs、图形学相关的东西。说实话，我是2017年七八月份看了一遍《WebGL编程指南》，主要是为了理解Threejs的内部机制，看完之后也没有用GLSL写过Shader，当时感觉Shader好难。而且我一
阅读全文
摘要：1.谈谈优雅降级与渐进增强的区别。 答：渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验 优雅降级 graceful degradation：一开始就构建完整的功能，然后再针
阅读全文
摘要：做前端少不了画图，html5 的 canva 很强大，可是如果所有需求都自己画图，恐怕会被 leader 炒掉。记录一下我用过的几个 2D 和 3D 的js图形库，各种功能。我就不分 2D 和 3D 了，因为 WebGL前端数据可视化是一个很热门的方向，发展趋势，也是很多图形库的发展目标。 1.ec
阅读全文
摘要：在前端，HTML创造结构，CSS表现样式，JS控制行为，三者一起形成了用户可见可操作的web页面。但是不同网站页面的加载速度、用户请求的执行速度却大相径庭。页面初始加载的HTML资源、CSS资源、JS资源、多媒体资源、数据资源等，都会影响页面的加载速度和执行速度。但是好的web页面不仅要简洁易懂，还
阅读全文
摘要：说在前面：这是我近期开发或者看书遇到的一些点，觉得还是蛮重要的。 一、为你的 JavaScript 对象提供命名空间 以上例子， jscbObject 提供了不同的命名空间，封装了函数 getElem() 、stripslashes() 、removeAngleBrackets()，防止和其他库的函
阅读全文
摘要：说在前面：写js时候，当一个变量一旦发生变化，就自动执行相应的程序，而不用手动执行，js-signals可以很方便的解决这个问题。 一.js-signals简介 js-signals是用于在JavaScript中的软件组件之间定义和触发基于事件的消息的库，它是一个类似于Event Emitter /
阅读全文
摘要：1.LocalStorage示例 运行示例，可在chrome的debug页面看到存储的数据： 2.IndexDB 运行示例之后，可在chrome的debug页面看到建立的IndexedDB数据库。 我们可以查看IndexDB详情： 查看IDBOpenDBRequest
阅读全文
