- 博客(36)
- 收藏
- 关注
RSS订阅原创 leetcode刷题
两数相加(leetCode 2)给你两个 非空 的链表，表示两个非负的整数。它们每位数字都是按照 逆序 的方式存储的，并且每个节点只能存储 一位 数字。请你将两个数相加，并以相同形式返回一个表示和的链表。你可以假设除了数字 0 之外，这两个数都不会以 0 开头。示例一输入：l1 = [2,4,3], l2 = [5,6,4]输出：[7,0,8]解释：342 + 465 = 807.示例二输入：l1 = [0], l2 = [0]输出：[0]示例三输入：l1 = [9,9,9,
2021-11-14 16:49:55
115
1
原创 算法相关题目
描述判断给定的链表中是否有环。如果有环则返回true，否则返回false。你能给出空间复杂度的解法么？输入分为2部分，第一部分为链表，第二部分代表是否有环，然后回组成head头结点传入到函数里面。-1代表无环，其他的数字代表有环，这些参数解释仅仅是为了方便读者自测调试示例一输入{3,2,0,-4},1输出返回值：true说明：第一部分{3,2,0,-4}代表一个链表，第二部分的1表示，-4到位置1，即-4->2存在一个链接，组成传入的head为一个带环的链表 ,返回true示例
2021-09-07 12:18:43
232
原创 js循环机制中，for循环阻塞代码时，settimeout执行时机
setTimeout(() => { console.log(1);}, 20); console.log(2); setTimeout(() => { console.log(3);}, 10);//setTimeout(() => { // console.log(3);//}, 70); 如果把这个时间改成70,这个执行顺序可能会不变，可能会到最后一个。因为for循环用时是66-71ms不定，所i有执行时机也就 不确定//以这个setTimo
2021-09-02 22:37:15
687
2
原创 webpack-性能优化配置
webpack性能优化开发环境优化生产环境优化开发环境性能优化优化打包构建速度（webpack打包速度会更快，体积庞大了，速度变慢，所以我们要优化速度）优化代码 调试（source map定位错误位置等信息）生产环境性能优化优化打包构建速度优化代码运行的性能HMR（hot module repacement 模块热替换）注意：修改了webpack,config.js文件后，一定要停掉重新编译一遍作用：一个模块发生变化，只会重新打包这个模块（比如修改css样式，不应该重新打
2021-08-05 22:38:02
130
原创 webpack学习（三）
webpack学习（二）压缩js和html设置mode为production之后，webpack会自动加载一些插件，帮助我们进行js压缩；html不需要进行代码兼容处理的，标签认识就是认识，不认识就是不认识，我们只需要压缩即可。html的压缩我们就在HtmlWebpackPlugin中做 new HtmlWebpackPlugin({ template: "./src/index.html", //移除空格 collaps
2021-08-04 22:48:23
47
原创 webpack学习（二）
webpack学习（一）css压缩处理css压缩主要用到的是optimize-css-assets-webpack-pluginnpm install --save-dev optimize-css-assets-webpack-plugin引入var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); = require('optimize-css-assets-webpack-plugin');
2021-08-03 21:58:53
167
原创 webpack学习 （-）
webpack 核心概念（4个）Entry入口指示webpack以哪个文件为入口起点，开始打包，分析构建内部依赖图。Output指示webpack打包后的资源bundles,输出到哪里去，以及怎么命名。Loader（翻译官）Loader让webpack能够去处理那些非js文件（webpack本身只能理解js）比如 img， less都可以通过loader，转成webpack识别的代码Plugins插件可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到重
2021-08-02 22:44:21
63
原创 DomCotentLoad事件执行时机
1.没有js文件时DOMContentLoaded事件不直接等待CSS文件、图片的加载完成2.有js文件时-如果页面中静态的写有script标签，DOMContentLoaded事件需要等待JS执行完才触发。而script标签中的JS需要等待位于其前面的CSS的加载完成。3.img何时开始解码、绘制？-img的加载请求很早就会发出去js不会阻塞图片加载css会阻塞图片加载有可能css文件会修改图片display属性，所以图片需要等待css加载过后才解码...
2021-07-07 21:34:25
156
原创 http缓存
什么是浏览器缓存浏览器会把一个已经请求过得web资源（如HTML页面，图片，就是，数据等）拷贝一份副本存储到 浏览器中。缓存会根据进来的请求保存输出内容的副本。当下一个请求进来的时候，如果是相同的url，缓存会根据缓存机制决定是直接使用副本响应请求还是向原服务器再次发送请求。比较常见的就是浏览器会缓存访问网站的网页，当再次访问这个url时，如果网页没有更新，就不会再次下载网页，而是中直接使用本地缓存的页面。只有当网站名明确标识资源已更新，浏览器才会再次下载网页## 为什么使用缓存减少网络带宽（当we
2021-06-07 07:03:25
45
原创 记录前端面试问题
百度电话一面清楚前端缓存吗答： 有localStorage cookie sessionStorage等和http缓存http缓存，详细说一下答：主要说了一下，http缓存有 强缓存、协商缓存 ，然后etag ⇒ if-none-match if-modify ⇒ if-modify-since这一题在面试官继续追问那一个是后端返回给前端的时候，卡住...
2021-06-07 06:27:01
60
原创 Http缓存
web得缓存大致可以分为 数据库缓存，服务器端缓存（cdn缓存，代理服务器），浏览器缓存（localstorage,cookie，sessionstorage,http缓存）；对于http缓存：http缓存分为两种，协商缓存、强缓存1.当我们请求一个资源得时候，会先判断http头信息，来判断是否命中强缓存，如果命中强缓存那么就不想服务端发送请求，直接加载缓存中得资源。2.如果没有命中强缓存，那么就会向服务器发送请求信息，服务器端会判断浏览器得缓存是否失效，如果没有失效，那么服务器就不会返回新的资.
2021-06-02 13:16:50
123
原创 马士兵算法与数据结构学习（1）
排序快速排序快速排序是最简单也是最没有用的排序算法：时间复杂度O(n^2),还不稳定，最好和最坏情况均o(n^2)，空间复杂度是O(1),空间复杂度，值得是像有无开辟一个新的数组去存储，像是在快速排序中开辟一个变量进行存储，这样的可以胡忽略不计代码 quickSort = (arr: Array<number>)=>{ if (!arr.length) return arr; for (let i = 0; i < arr.length
2021-05-29 19:42:58
358
原创 vscode setting
{“window.zoomLevel”: 2,// “editor.formatOnSave”: true,// “editor.autoFixOnSave”: true,“eslint.validate”: [“vue”,“html”,“javascript”,“typescript”,“javascriptreact”,“typescriptreact”],/"[sass]": {“editor.defaultFormatter”: “sasa.vscode-sass-form
2021-04-16 17:21:36
153
原创 typescript学习一
一、随时将ts文件自动保存为es5的js文件1.首先进入到ts文件所在的文件夹，执行命令tsc --init此时会生成tsconfig.json.2.然后我们修改 tsconfig.json中的"outDir": "./js",3.此时当我们修改ts文件保存时就会自动生成一个js文件夹，并将es5代码保存到自动生成的js文件价下自动生成的index.js中二、ts中的数据类型官方文档...
2020-07-15 21:49:59
132
转载 javascript事件循环机制的初步理解
规范中规定，task分为两大类, 分别是 Macro Task （宏任务）和 Micro Task（微任务）, 并且每个宏任务结束后, 都要清空所有的微任务,这里的 Macro Task也是我们常说的 task ，有些文章并没有对其做区分，后面文章中所提及的task皆看做宏任务( macro task)。(macro)task 主要包含：script( 整体代码)、setTimeout、setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境)microtask主要
2020-06-28 09:54:05
89
原创 vue中transition进场动画不生效，离开动画生效
如果想要在页面初始化时播放动画需要添加appear和appear-active-class解决：1.加appear<transition name="slide" appear></transition>2 加v-if<transition name="slide" > <div class="detail" v-if="id"></div> </transition>...
2020-06-23 21:17:35
4344
1
原创 vue中引入1.60版本cesium
1.安装cesiumnpm install --save cesium@1.60.02.cesium环境配置2.1配置 webpack.base.conf.js在文件开头定义路径const cesiumSource = '../node_modules/cesium/Source'在output添加 sourcePrefix: ’ ’output: { path: config.build.assetsRoot, filename: '[name].js',
2020-06-18 16:03:22
572
原创 Promise相关总结
Promose是异步编程的一种解决方案。解决回调函数嵌套过多的情况。const promise =new Promise(function(resolve,reject){ setTimeout(function(){ resolve('执行成功') },3000)})promise.then(res=>{ console.log(res)}).catch(err=>{ console.log(err)})console.log(111)先输出111，等待三秒之后
2020-06-18 13:27:35
176
原创 JWT
1.什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。token是在服务端产生的。如果前端使用用户名和密码向服务端发送请求认证，服务端认证成功，那么在服务端会返回token给前端。前端可以在每次请求的时候带上token证明自己的合法地位。如果token在服务端持久化，那他就是一个永久的身份令牌。服务端收到请求，然后去验证客户端请求里面带着的...
2020-06-16 09:12:17
256
原创 vuetify3的安装
vuetify@3安装Main.jsimport Vue from 'vue'import App from './App.vue'// 引入vuetifyimport Vuetify from 'vuetify'//使用vuetifyVue.use(Vuetify)Vue.config.productionTip = falseimport 'material-design-...
2020-06-16 09:12:06
1308
原创 mermaid的使用
文章目录（一）MarkDown中使用mermaidGraph节点连线FLOW(流程图)（二）在vue中使用mermaid安装引入(在main.j s)使用时序图什么是时序图？时序图作用是什么时序图组成元素mermaid 中画时序图在mermaid中participants（参加者？对象？角色？）是按照定义顺序渲染的,所以改变参加者顺序就可以通过改变参加者定义顺序别名消息控制焦点(两种表示方式)no...
2020-06-16 09:11:54
2546
转载 vue渲染合并单元格数据
<!-- * @Author: your name * @Date: 2019-10-22 10:31:31 * @LastEditTime: 2019-10-22 13:19:49 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: /mongotes...
2020-06-16 09:11:46
734
2
转载 vue渲染三级表格
<template> <div> <table cellspacing="0" border="1"> <tr> <th v-for="(item,index) in title"> {{item.title}} </th> </tr> <temp...
2020-06-16 09:11:38
908
原创 D3力导向图添加点击时间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2020-06-16 09:11:29
587
转载 export default 和 export 区别
export default 和 export 区别1.export与export default均可用于导出常量、函数、文件、模块等2.在一个文件或模块中，export、import可以有多个，export default仅有一个3.通过export方式导出，在导入时要加{ }，export default则不需要(1) 输出单个值，使用export default(2) ...
2020-06-16 09:10:56
80
原创 moment.js操作时间
var moment = require(‘moment’);console.log(moment().format(“YYYY-MM-DD HH:mm:ss”)); //当前时间 （24小时制）console.log(moment().add(1, “hours”).format(“YYYY-MM-DD HH:mm:ss”)); //当前时间增加1小时console.log(mome...
2020-06-16 09:10:26
1655
转载 带有时间轴的echarts图表
https://blog.csdn.net/r4NqiAn/article/details/49929795?locationNum=16&fps=1#2-%E6%95%88%E6%9E%9C%E5%9B%BE
2020-06-16 09:10:05
1031
原创 hightChart学习（一）
在vue中安装并引入(1)npm 安装npm install highcharts --save(2)在使用的组件中引入import HighCharts from 'highcharts'(3)初始化hightchart HighCharts.chart(this.id,this.option) //this.id就是div容器的id,option就是配置项具体参数如下...
2020-06-16 09:09:47
412
原创 echarts同时带有颜色和光圈的中国地图
<template> <div id="wrp"> <div id="chart_example"></div> </div></template><script>// 首先要 cnpm install echartsimport echarts from 'echarts'import...
2020-04-22 11:32:10
874
1
原创 在vue中使用better-scroll实现轮播图
单独封装slider组件父组件<slider> <div v-for="item in recommends"> <a href="item.linkUrl"> <img :src="item.picUrl"> </a> </div></slider>子组件<d...
2020-01-06 20:17:15
376
原创 D3
D3的知识体系1) 选择集、数据绑定、dom操作.2）比例尺和坐标轴.3）绘制（几种生成器）.a)线段生成器. b)区域生成器. c）弧生成器. d)符号生成器. e)弦生成器. f)对角线生成器. 选择集d3.select('p'); 只会选择住一个p标签d3.selectAll('p') 会选中所有的p标签将数据和dom一一对...
2020-01-06 19:48:36
152
原创 在vuex中使用moudle
安装npm install vuex --save引入//main.jsimport store from './store'//引入storenew Vue({ el: '#app', router, store, components: { App }, template: '<App/>'})新建store文件夹目录结构sto...
2019-12-25 14:11:46
147
原创 多条件组合查询
前台代码 //多条件作何查询 getHistoryByCon:function(){ let _that = this; let indexC = _that.data.indexC; let index = _that.data.arrayC[indexC]; console.log(indexC,index) if (_that.data.arra...
2019-11-21 17:38:16
1133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人