- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue 中 Echarts 视图动态更新
vue 中 Echarts 视图动态更新需求：父组件中数据跟新，子组件视图更新。思路：子组件watch监听 props数据的变更，当监听到变更时，重新加载 options配置。所以父组件只需要更新数据，子组件来接收监听<template> <div> <div :id="id" style="width:100%; height: 100%"></div> </div></template><scri
2022-02-17 16:51:00
1451
原创 JS处理JSON字符串转数组，数字超17为处理方法
这里写自定义目录标题js 把json字符串解析成数组的时候 数字超过17位的 会把剩余的都补成0 造成数据错误 解决办法是 用正则把数字转成字符串 再解析就好了 配上一个正则 replace(/(\d{10,25})/g, ‘"$&"’) 意思是把10-25位的数字转成字符串 这个是我遇到的问题 我字符串里有颜色 直接把数字转成字符串 会造成颜色错误。比如f00 会转成f"00"...
2021-12-20 16:42:01
1426
原创 webpack——核心概念
webpack核心概念：1、entry (入口)入口起点 (entry point) 指示 webpack 应该是用于那一模块，来作为构建其内部依赖的开始 module.exports = { entry:"path/tu/my/entry/file.js" }2、output (出口)output 属性告诉 webpack 在那里输出他所创建的bundle，以及如何命名这些文件 const path = require('path') mo
2020-12-21 13:39:13
177
1
原创 常量 const
变量声明 constconst具有let以下属性1、不属于顶层对象window2、不允许重复声明3、不存在变量提升4、暂时性死区 (在块级作用域内let必须先声明再定义，不可以先定义再声明)5、块级作用域常量 不可变ES5 定义常量Object.defineProperty(window, 'a', { value: "这是一个常量", // 不可修改 true/false writable: false})console.log(a); a = 132;console
2020-12-21 11:14:45
119
原创 ES6 换了名字的变量
ES6 换了名字的变量变量声明 let不属于顶层对象window不允许重复声明不存在变量提升暂时性死区块级作用域变量声明 let不属于顶层对象window var a = 5; let b = 6; console.log(window.a); console.log(window.b);很简单，由var声明的a是winow的属性，而由let声明的b并不是window的属性，所以let不属于全局对象window。var声明的变量全部挂载到window上，那window这个变量就会变得越来
2020-12-18 19:16:43
171
1
原创 清楚浮动的方法
为什么要清除浮动？清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题如下，父盒子又border方便辨识，内部又有两个盒子，未加浮动，默认撑开父盒子·现在是给两个子盒子加上 folat：left ，左浮动可以明显看到父盒子的边框合在一块，height：0 ；总结得出：父级元素不给高度，而且子元素未加浮动时会自动撑开父级元素。父级元素不给高度，子元素添加浮动，父元素不会被撑开，从而height为0，border变成一条线清楚浮动的方法父元素给予高度很多
2020-12-08 11:32:30
116
原创 vue cli脚手架搭建
1、什么是vuecli是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。2、全局安装vuecli前期准备下载node安装包,傻瓜式安装(下一步,下一步……)https://nodejs.org/en/http://nodejs.cn/download检查npm 版本，建议安装到最新版本。【命令行查看版本号】node vnpm v【升级npm（可选操作）】npm install g npm【修改为淘宝镜像（可选操作）】npm c
2020-12-07 18:43:14
133
原创 ES6常见面试题（三）
15、使用class 手写一个promise//创建一个Promise的类 class Promise{ constructor(executer){//构造函数constructor里面是个执行器 this.status = 'pending';//默认的状态 pending this.value = undefined//成功的值默认undefined this.reason = undefined//失败的值默认undefined //状态
2020-11-02 15:21:41
992
原创 ES6常见面试题（二）
8、 setTimeout、Promise、Async/Await 的区别事件循环中分为宏任务队列和微任务队列其中setTimeout的回调函数放到宏任务队列里，等到执行栈清空以后执行promise.then里的回调函数会放到相应宏任务的微任务队列里，等宏任务里面的同步代码执行完再执行async函数表示函数里面可能会有异步方法，await后面跟一个表达式async方法执行时，遇到await会立即执行表达式，然后把表达式后面的代码放到微任务队列里，让出执行栈让同步代码先执行9、 promise有几种状
2020-10-28 20:19:55
145
原创 ES6常见面试题（一）
1、es5和es6的区别，说一下你所知道的es6ECMAScript5，即ES5，是ECMAScript的第五次修订，于2009年完成标准化ECMAScript6，即ES6，是ECMAScript的第六次修订，于2015年完成，也称ES2015ES6是继ES5之后的一次改进，相对于ES5更加简洁，提高了开发效率ES6新增的一些特性：1）let声明变量和const声明常量，两个都有块级作用域ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明2）箭头函数ES6中的函数定
2020-10-26 15:41:39
1098
2
原创 优化高性能JS代码的几个要点，以及背后的原理
写在前面作为一个前端开发人员，我一直难以理解学习计算基础知识的重要性，这是因为我难以想象这些知识会以何种方式应用到前端开发的工作上。然而在csapp 优化程序性能 这一节，彻底的改变了我的想法，作者讲述了对于一个正确，良好编写的c语言程序，如何优化它的性能。对一段相同功能的代码，优化后与优化前产生了巨大的差别，速度得到了几十倍的提升。然而，令我困惑的是，js与c这两种在语言层次上相差如此之大的语言，这样的优化是否有同样的效果？经过实践，答案是yes。因此计算机基础知识并不是空中楼阁，它确实有用，让你
2020-10-22 19:22:30
174
原创 JavaScript三目运算符的使用
三目运算符什么是：根据不同的条件，执行不同的操作/返回不同的值语法： 条件1?值1或操作1: //如果满足条件1，就返回值1或执行操作1条件2?值2或操作2: //否则，如果满足条件2，就返回值2或执行操作2…?..: 默认值或操作; //否则，（前边条件都不满足） //执行默认操作，或返回默认值 总结：多个条件，多件事，多选一执行。js：如果操作语句比较简单，建议用三目运算替代if…e...
2019-12-08 20:32:13
480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人