
前端
文章平均质量分 66
html\css\js
lorogy
前端爱好者
展开
-
【SheetJS】【js-xlsx】【xlsx】excel处理
通过行号列号获取:worksheet[XLSX.utils.encode_cell({ r: R, c: C })],可将数字算为1个字符宽,中文算为2字符宽,导出结果较为美观。列属性,wpx、width、wch任选一个设置列宽即可。直接获取:worksheet[“A1”]行属性 ,hpx、hpt任选一。原创 2023-11-13 16:07:09 · 1780 阅读 · 0 评论 -
【js/es6】合集
匹配ASCII代码中十六进制代码为nn的字符。排除这些剩下的也就是汉字和其他文字了。与 regexp 所有相匹配的子串。除换行符 \n 之外的任何单字符。控制字符,soh,表示标题开始。表示匹配非单字节的字符,例如。原创 2023-09-27 15:11:15 · 643 阅读 · 0 评论 -
【vue3】项目搭建
vue3:双向绑定改为ES6的Proxy;新的API风格,代码逻辑性更强、更易维护;性能提升,渲染更快、内存更少。vite:新型前端构建工具,基于原生ES模块,极速启动、快速热更新,更优的开发体验。以npm install和build过程为例, 之前vue2+webpack的项目在devops的编译环节非常耗时,在2-15min之间均有,vue3+vite的项目基本在1min以内。原创 2023-09-27 15:01:24 · 504 阅读 · 0 评论 -
【springboot】【vue】【nginx】通过url访问文件(静态资源)
文件访问原创 2020-01-10 10:38:47 · 12220 阅读 · 1 评论 -
【vue】开发npm插件
webpack解析js文件,无法解析的文件需要借助loader安装cnpm i webpack --save-dev//最新版本cnpm i webpack@3.0.0 --save-dev//3.0.0版本cnpm i webpack@^3.0.0 --save-dev//3.0.0以上4.0.0以下版本基础插件html-webpack-plugin用于生成...原创 2018-03-09 14:12:59 · 1409 阅读 · 0 评论 -
【vue】【leaflet】离线地图及热力图
leaflet加载离线地图main.js引入css.vue引入js具体代码瓦片地图下载寻找与类似的瓦片地图下载器,可以按需要的地区和级别下载,级别高所需存储空间越大下载后的目录结构如下原创 2022-07-05 15:50:32 · 2684 阅读 · 4 评论 -
【vue】mock.js安装及使用
mock.js快速上手npm安装mockjscnpm install mockjs --save-devmain.js引用import './mock/mock'新建mock.jsimport Mock from 'mockjs'import {Random} from 'mockjs'Mock.setup({ timeout: 1000})Mock.mock('/i...原创 2019-11-18 16:25:19 · 791 阅读 · 0 评论 -
【bug】axios请求mock.js失败
【vue】mock.js安装及使用 问题描述post请求失败请求没反应get请求失败返回页面HTML.vuethis.$get('/gettest', {b:'222}, (res) => { console.log(res) })this.$post('/posttest', {a:'111'}, (res) => { console.log(res) })mock.jsMock.mock('/gettest', 'get', op原创 2020-10-09 10:42:47 · 1305 阅读 · 0 评论 -
【bug】【vue】页面切换keep-alive导致的数据问题
问题描述每个页面通过computed和watch监测vuex参数,在参数变化时请求ajax更新数据。在公共组件改变参数时,所有页面都会去重新请求数据,当前页面根据数据重新渲染,但切换回其他页面时,由于keepalive,页面没有变化。解决方法一第一步:判断此时路由是否是当前页面,避免多余的数据请求,只有当前页面重新请求数据watch: { classes(val) { if(...原创 2019-12-10 16:01:55 · 1581 阅读 · 0 评论 -
【vue/webpack3】【element-ui】引入CDN资源
elementUI直接通过npm安装被打包会导致打包后的js文件过大,部署在性能较低的服务器时,对加载非常不友好。因此,想要通过cdn引入,不打包到dist文件,并且不影响开发环境以CMD、AMD或者window/global全局等方式进行使用借助externals(从打包的bundle文件中排除依赖)配置项webpack.base.conf.js中配置module.exports = { ... externals: { vue: 'Vue', 'element-ui':.原创 2021-05-19 10:23:37 · 928 阅读 · 0 评论 -
【js】leetcode-js
leetcodeJavaScript easy&medium 前200欢迎查看我的Github (https://github.com/Lorogy/leetCode.git) 来获得相关源 码1-two sum给一个int型数组,要求找出其中两个和为特定值的数的坐标 注意点:返回的坐标一要比坐标二小例子: 输入: numbers={2,...原创 2017-12-25 20:28:16 · 1889 阅读 · 0 评论 -
【springboot】【Mybatis】代码自动生成+分页查询
原因数据量太大,一万多条,用于地图可视化渲染解决方案分页:后端api接口增加分页,前端分页接收数据同时逐步渲染缓存:HTTP缓存分页1.后端(springboot+mybatis+pagehelper)pom.xml <!-- 分页插件 --> <dependency> <groupId>com.github.pagehelper</groupId> <artifac原创 2020-07-14 09:36:16 · 2222 阅读 · 2 评论 -
【js】excel/csv转json
csv转json csvJSON(csv) { var lines = csv.split("\n"); var result = []; var headers = lines[0].split(","); for (var i = 1; i < lines.length; i++) { var obj = {}; var currentline = lines[i].split(","); for原创 2020-05-21 16:52:21 · 1014 阅读 · 2 评论 -
【echarts】toolbox全屏显示
方案一:F11式的全屏自定义toolbox工具: toolbox:{ show: true, feature: { myFull: { show: true, title: '全屏查看', icon: "path://M43...原创 2019-11-22 17:40:10 · 3318 阅读 · 2 评论 -
【js】排序算法
常见排序算法GitHub源码插入排序直接插入理论let arr=[15,9,8,1,4,11,7,12,13,6,5,3,16,2,10,14];console.log(arr);insort(arr);console.log(arr);function insort(arr){ for(let i=1;i<arr.length;i++){//从第二个元...原创 2018-06-08 19:55:47 · 182 阅读 · 0 评论 -
【前端】采坑合集
js\css\vue采坑bug原创 2022-09-28 11:34:31 · 1665 阅读 · 0 评论 -
【前端】页面自适应
解决方案一整体布局:flex+百分比box-sizing: border-boxcss字体设置:remmargin\padding : vhecharts图表字体:自定义一个fontSize(num)函数,在大屏调好合适的数,在option配置参数时使用fontSize(20)//util.jsexport const fontSize=function(num){ let ...原创 2019-11-25 12:03:24 · 5677 阅读 · 0 评论 -
【es6】数组处理方法整理
数组常用.push() .pop().unshift() .shift().splice(i,n) 删除,原数组被从i删除n个元素,返回被删掉的元素.slice(start,end) 获取子数组,原数组不变,返回切出来的元素.concat().split() 字符串变数组.sort() 排序.reverse() 翻转遍历处理.map(callback)遍历处...原创 2019-11-19 15:26:54 · 1121 阅读 · 2 评论 -
【前端笔试题】汇总
前端笔试原创 2018-06-17 23:43:22 · 20004 阅读 · 0 评论