随笔分类 - 前端基础
摘要：可视化库 常见可视化库 D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难) ECharts.js 百度出品的一个开源 Javascript 数据可视化库 Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用 AntV 蚂蚁金服全新一
阅读全文
摘要：React——用于动态构建用户界面的 JavaScript 库（声明式编码、组件化模式） React Native开发移动端原生应用 JSX—— JavaScript XML 1、基本使用： 1.1：相关库 react.js：React核心库。 react-dom.js：提供操作DOM的react扩
阅读全文
摘要：1、TypeScript是JavaScript的超集（扩展）。 它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。 TS代码需要通过编译器编译为JS（node），然后再交由JS解析器执行。 TS完全兼容JS，换言之，任何的JS代码都可以直接当成TS使用。 相较于JS的动态类型而言，
阅读全文
摘要：1、JS运行环境： 前端浏览器环境：V8引擎解析执行、浏览器所提供的API调用 Node.js后端环境（基于V8引擎的JS运行环境）：V8引擎、API（他不是浏览器环境，所以无法调用web的dom和bom） 2、 JS学习：JS语法+DOM+BOM+第三方库(jq等) Node学习：JS语法+Nod
阅读全文
摘要：参考： https://blog.csdn.net/lyhkmm/article/details/78920769 https://blog.csdn.net/u012681635/article/details/80453664 https://www.zhihu.com/people/dong-
阅读全文
摘要：大纲： 1、数据结构与算法 1.1、数据结构就是在计算机中存储和组织数据的方式。解决问题的效率和数组组织的方式有关：图书馆的书摆在正确的位置我才好找 1.2、算法：一个有限的指令集，每条指令的描述不依赖语言；可能会接受输入；产生输出；一定会在有限的步骤后停止 2、数组：插入、删除慢：查找：下标快；内
阅读全文
摘要：1、mockjs mockjs可以模拟得到随机的、较为真实的数据，且可以拦截axios的接口调用，让我们的代码实现了调用接口的逻辑且得到模拟的数据，充分的保存业务完整度，不需要手写数据，以防大改。 2、qs包（query string） 利用其parse方法，解析字符串，方便解析前端传来的url（一
阅读全文
摘要：1、新特性： https://www.cnblogs.com/yaxinwang/p/13800734.html 数据响应重新实现（ES6的proxy代替ES5的Object.defineProperty） 源码使用ts重写，更好的类型推导 虚拟DOM新算法（更快，更小） 提供了compositio
阅读全文
摘要：axios：ajax请求库 1：特点： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 2：常用语法 3：常见配置 请求地址：
阅读全文
摘要：array.reduce(function(total, currentValue, currentIndex, arr), initialValue) 参数描述 function(total,currentValue, index,arr) 必需。用于执行每个数组元素的函数。函数参数: 参数描述
阅读全文
摘要：vue渐进式框架： 渐进式意味着你可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验。或者如果希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。比如Core+Vue-router÷ Vuex，也可以满足各种各样的需求。 MVVM: 1、数据与界面分离 <div id='a
阅读全文
摘要：webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。 源 - webpack - bundle 1、核心概念 1.1、Entry：指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图 1.2、Output：指示 webpack 打包后的资源
阅读全文
摘要：Asynchronous JavaScript And XML, 即异步JS和XML。一种创建交互式网页应用的网页开发技术。 与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。然而，在以下情况中，请使用 POST 请求： 无法使用缓存文件（更新服务器上的文件或数据库） 向服务器发送
阅读全文
摘要：1、let：声明变量 1.1、块级作用域 { }，只在所处块级有效，var不具备此属性，可用于循环变量变成块级，循环结束消除 1.2、没有变量提升，必须先声明，再使用。 1.3、暂时性死区 var tmp = 123； if(true){ tmp = 'abc'; //未定义，与var的tmp无关
阅读全文
摘要：浅拷贝： 深拷贝： var datas = [{ id: 1, name: '家电', goods: [{ id: 11, gname: '冰箱' }, { id: 12, gname: '空调' }] }, { id: 2, name: '数码' }] var o = {}; function c
阅读全文
摘要：1、面向过程 / 面向对象 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。 冰箱打开->大象进去->冰箱关闭 优点︰性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。 缺点:没有面向对象易维护、易复用、易
阅读全文
摘要：1、jquery入口函数 $(function(){ ... //页面加载完的入口 }); $(document).ready(function(){ ... //页面加载完的入口 }); 1．等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery帮我们完成了封装。 2．
阅读全文
摘要：特性： 1、数据存储在用户浏览器中； 2、设置、读取方便，页面刷新也不丢失 3、容量较大 4、只能存储字符串，可以将对象JSON.stringify()编码后存储 1、sessionStorage 5M 1、生命周期为关闭浏览器窗口 2、在同一窗口下可数据共享 3、以键值对存储 //存储 sessi
阅读全文
摘要：1、触屏事件touch 2、触摸事件 TouchEvent是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等 var div = document.querySelector('div'); div.add
阅读全文
摘要：1、offset：动态 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度)，该大小为border-sizing offsetParent返回的是有定位关系的父级，parentNode返回最近一级的父级，无论是否有定位 offset主要用来获取数值，style主要用来修改数值 2、cli
阅读全文
