随笔分类 -  前端

vue3中使用 ag-grid 表格组件
摘要：安装： cnpm install ag-grid-vue3 ag-grid-community vue-class-component@next 使用： // //引入样式文件 // import 'ag-grid-enterprise'; import "ag-grid-community/dis 阅读全文
posted @ 2022-01-12 17:27 氧化成风 阅读(3999) 评论(0) 推荐(0)
vue 面试题
摘要：1.虚拟DOM 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。 若一次操作中有10次更新DOM的动作，虚拟DOM不会立即操作DOM，而是将这10次更新的diff内容保存到本地一个JS对象中，最终将这个JS对象一次性attch到DOM树上，再进行后续操作，避免大量无谓的计算量。所以，用JS对象模 阅读全文
posted @ 2021-07-19 17:56 氧化成风 阅读(65) 评论(0) 推荐(0)
debounce防抖和throttle节流
摘要：节流 throttle 与 去抖 debounce的区别主要在触发时机上： debounce(func, wait, options)：创建并返回函数的防反跳版本，将延迟函数的执行（真正的执行）在函数最后一次调用时刻的wait毫秒之后，对于必须在一些输入（多是一些用户操作）停止之后再执行的行为有帮助 阅读全文
posted @ 2021-04-29 09:28 氧化成风 阅读(60) 评论(0) 推荐(0)
vue中使用animate动画库
摘要：1.安装 npm install animate.css@3.7.2 --save 2.引入 main.js中： import animated from 'animate.css' Vue.use(animated) 3.使用 vue文件中： <!-- 直接使用animated中的动画class名 阅读全文
posted @ 2021-04-09 14:24 氧化成风 阅读(328) 评论(0) 推荐(0)
echart4.9 实现map地图
摘要：1.需要引入echart.js以及chain.js <script type="text/javascript" src="js/echarts.min.js"></script><script type="text/javascript" src="js/china.js"></script> h 阅读全文
posted @ 2021-04-06 17:11 氧化成风 阅读(251) 评论(0) 推荐(0)
vue中如何使用echarts
摘要：npm install echarts --save 如果安装失败可以通过淘宝镜像进行安装依赖包 cnpm install echarts --save 引入后提示import有问题，需要将echarts版本降到5以下的，改为4.9.0之后显示没有问题了 将echart封装成组件： chartLin 阅读全文
posted @ 2021-04-02 14:32 氧化成风 阅读(207) 评论(0) 推荐(0)
http状态码返回415问题
摘要：前端请求时header中设置 contentType : ‘application/json’。 wx.request({ url: 'http://localhost:8080/send/add2', method:'POST', header: { "Content-Type": "applic 阅读全文
posted @ 2021-04-01 15:24 氧化成风 阅读(1390) 评论(0) 推荐(0)
lodash 常用方法整理
摘要：Lodash入门使用介绍： 安装：npm install lodash 使用：main.js中引入 import _ from 'lodash';// 导入loadsh Vue.prototype.$lodash = _;//注入工具 方法： 1.times()循环 //js原生的循环方法 for 阅读全文
posted @ 2021-03-31 10:56 氧化成风 阅读(1064) 评论(0) 推荐(0)
electron 安装
摘要：1.全局安装 npm config set ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/ npm install electron -g 2.查看是否安装成功 electon -v 3.输入electron能够运行起来 ，并且弹出 阅读全文
posted @ 2020-09-07 22:24 氧化成风 阅读(145) 评论(0) 推荐(0)
js实现单点登录
摘要：项目中遇到单点登录这个问题，当点击链接的时候跳转到另一个系统中并实现自动登录进去，直接进去系统的页面 因为不同的系统涉及到跨域的问题，所以使用nginx来解决跨域的问题 先跳转到另一个系统的一个页面，在这个页面里实现登录操作再跳转到系统中我们需要的页面 还有一个问题就是登录的时候需要用户名和密码，用 阅读全文
posted @ 2020-06-12 15:45 氧化成风 阅读(1539) 评论(0) 推荐(0)
前端性能优化三：缓存
摘要：1.cache-control属性： 如果有一个脚本文件可以确定很长时间不会改变，那可以通过浏览器将这个脚本缓存起来，不必每次都请求服务器。这样既能节省带宽并且提升性能。 此时只需要设置文件返回的HTTP头中的Cache-Control设置为：Cache-Control: max-age=31536 阅读全文
posted @ 2020-02-26 16:40 氧化成风 阅读(175) 评论(0) 推荐(0)
前端性能优化二：布局和样式
摘要：重绘：其实就是触发浏览器的 paint 的过程。 回流：其实不仅仅是触发了 paint 的过程还触发 layout 的过程 回流必定触发重绘 能触发回流的样式： 能触发回流的js: 除了上面的这些还有，只要是获取元素位置相关的，浏览器都会在当前时间点去计算得到该属性，该计算的过程就会触发回流。 只触 阅读全文
posted @ 2020-02-26 10:58 氧化成风 阅读(237) 评论(0) 推荐(0)
前端性能优化一：静态资源
摘要：1.资源合并与压缩 资源合并 资源合并是指将多个文件合并到一个文件。主要优化点是减少网页的 http请求，以此来达到优化目的。 方法有很多，比如我们可以使用构建工具进行合并等。 合并js、css文件 资源压缩 资源压缩是指将单个文件进行压缩。主要的优化点是减小资源的大小，以此来达到优化的目的。 gz 阅读全文
posted @ 2020-02-26 10:33 氧化成风 阅读(559) 评论(0) 推荐(0)
typeScript
摘要：1.介绍 TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。 编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。 TypeScript 是由微软开发的一款开源的编程语言。 2.优 阅读全文
posted @ 2020-01-07 13:46 氧化成风 阅读(212) 评论(0) 推荐(0)
easy mock 模拟后台数据
摘要：easy mock 官网：https://www.easy-mock.com/ easy mock是一个进行模拟请求后台数据的一个在线工具，创建完接口后可以直接在本地使用获取请求到的数据。 可参考： https://www.cnblogs.com/luowenshuai/p/9520558.html 阅读全文
posted @ 2019-12-02 13:41 氧化成风 阅读(378) 评论(0) 推荐(0)
单页面和多页面的 区别
摘要：参考自：https://www.cnblogs.com/nangezi/p/9201226.html https://blog.csdn.net/It_sharp/article/details/89512561 单页面的优点：1，用户体验好，快，内容的改变不需要重新加载整个页面，基于这一点spa对 阅读全文
posted @ 2019-09-27 16:20 氧化成风 阅读(270) 评论(0) 推荐(0)