- 博客(57)
- 收藏
- 关注
RSS订阅原创 Mac上安装Charles 对iPhone进行抓包
ios的证书下载后需要到 设置 —> 通用 —> 描述文件 下去安装证书。注意: 安装成功并未授信证书, 需要到 设置 —> 通用 —> 关于本机 —> 证书信任设置 下对证书开启完全信任。在mac上，启动台>钥匙串访问>找到自己安装的证书 进行设置。
2024-07-19 11:59:38
843
原创 Vue 使用lib-flexible适配PC端（rem）+ unocss转px
(node_modules\lib-flexible\flexible.js 大概在69行的refreshRem()函数)在node_modules依赖文件中找到flexible.js，修改 refreshRem() 函数。代码直接使用rem单位不方便阅读，安装postcss-px2rem插件可以自动把px转成rem。本文转载自：https://www.jianshu.com/p/9d05bca7c59d。在 main.js中直接引入lib-flexible。在vue.config.js中配置css。
2024-05-24 10:50:41
496
原创 nvm 安装踩坑 (win10专业版)
安装过程非常简单，可自行百度，主要记录下我遇到的问题：安装过程有两个路径，一个nvm路径，一个nodejs路径，如果自定义的话，比如D:/nvm，那么nodejs路径最好在nvm里面，即：D:/nvm/nodejs。我写D:/nvm 和 D:/nodejs 时后续使用的时候就一直报错，这样就不会另外，运行的时候要使用管理员权限打开cmd...
2022-05-20 15:30:49
239
原创 地图坐标系总结
经常会用到地图开发，有些基础知识过段时间不用就会混淆，所以记录一下。目前我习惯用的地图api还是高德，高德默认坐标系是EPSG3857，EPSG指的是投影方式。3857和4326投影的区别可以点击看这里google的摩卡托坐标，也就是我们经常看到的 EPSG:3857 坐标系。EPSG:3857 的数据一般是这种的。[12914838.35,4814529.9]，看上去相对数值较大。不利于存储，比较占内存。4326 WGS-84：是国际标准，GPS坐标（Google Earth使用、或者GPS模
2022-05-05 13:14:33
3285
2
原创 js 同步任务，异步任务，宏任务，微任务
js执行任务是单线程的，代码从上往下按顺序执行, 这就造成了如果前面任务很慢，那后面的任务就永远执行不了，为了解决这个问题，js中出现了同步任务和异步任务。异步任务又分为宏任务和微任务1. 宏任务a. 定时器b. 事件绑定c. ajaxd. 回调函数e. Node中fs可以进行异步的I/O操作2.微任务a. Promise(async/await)promise 并不是完全的同步，在promise中是同步任务，执行resolve或者reject回调的时候，此时是异步操作，会先将then/
2022-01-06 16:40:37
792
原创 return 不能结束forEach
return只结束被调用的方法：在多层嵌套中的return，它只会向上结束一层嵌套。因为forEach的参数是一个匿名函数，return只结束当前的匿名函数，并不能结束下一个匿名函数。function(){ nums.forEach(val=>{ if(obj[val]){ obj[val] += 1; if(obj[val] > nums.length/2){ return val; }
2022-01-06 13:28:46
445
原创 Vscode配置ESlint + Prettier, 实现自动化格式Typescript项目
Vue3项目中，prettier是很好的格式化插件，但是经常有空格换行的报错，让人非常头疼，如果可以自动补全这些符号和空格就好了，照网上的文章和视频操作，但是遇到一些问题，做了些改动，所以记录下。参考视频（感谢作者）：https://www.bilibili.com/video/BV1354y1q7gH?share_source=copy_web1. VScode搜索并安装两个插件: ESlint 和 Prettier安装完成之后，按下ctrl+shit+p，输入setting.json，选择首选项：
2021-12-24 10:31:24
1025
原创 js 截取方法
做一下小结，便于区分：字符串截取方法有三种： str.slice(start, end) str.substring(start, end) str.substr(start, len)三者都不会改变原字符串，返回一个新的字符串。slice和substring的区别就是slice的参数可以为负数，但是substring的参数必须是非负整数。数组截取方法有两种array.slice(start, end); //返回一个新数组array.splice(index, howmany,
2021-08-26 14:55:27
411
原创 js match和exec的区别
一、使用方法不同exec() 是正则对象的方法；reg.exec(str);match() 是字符串的正则表达方法; str.match(reg);二、返回结果不同w3cSchool 是这么说的：match() 方法将检索字符串 stringObject，以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹
2021-08-25 17:39:50
367
原创 ssh秘钥配置
电脑重装了系统，原来配置的ssh秘钥也没有了，重新配置了，记录下流程。执行命令ssh-keygen -C rsa -t rsacat ~/.ssh/id_rsa.pubssh git@10.0.2.11（公司内网的地址）gitlab 中删掉旧的秘钥，粘贴新的秘钥重新提交，OK~...
2021-07-07 10:41:05
203
原创 《码农翻身》读后感
这本书去年开始读的，存在电脑里面，后来工作太忙又忘记了，这段时间比较清闲手头没什么事情，所以又捡起来读完。因为自己只是个前端，也不是计算机科班出身，所以这本入门科普书对我而言还是很有用，但是数据涉及了很多java的知识，只能一知半解了。作为一个资深老鸟，作者在最后一章讲到对于新人的许多学习建议，那就是：作为一名程序员，我们要对新的技术保持热忱与好奇，敢于尝试，勇于尝试，一层不变必然会被淘汰，“凡事必先骑上虎背”；要先专精一门技术，作为自己的特长和优势，在此基础上了解和学习其他技术；要想深入一门技
2020-11-30 09:34:50
1813
1
原创 浏览器回退到指定页面vue解决方案
我们经常会遇到希望浏览器回退到指定页面的情况，网上看到最多的方案就是popstate，但是popstate在safari上是受限制的，而且改变浏览器历史记录的时候，返回的时候会出现各种奇怪的bug。然而，vue router中有个非常好用的东西，就是beforeRouteLeave路由守卫啦。beforeRouteLeave: function(to, from, next){ if(to.fullPath==='/'){ next(); }else{ next('/'); }}这里
2020-10-15 14:13:39
1716
原创 跨域解决方案
jsonpCORSwebpack的http proxynginx反向代理postMessagesocket.ioiframe+document.domain(主域相同，子域不同)iframe+window.nameiframe+location.hash很好的讲解视频
2020-09-17 14:48:08
123
原创 vuex的基本使用
vue中，如果我们需要公共状态，就是每个页面都能访问到的数据中心，我们就要用到vuex，vue的中心化状态管理方案。首先我们需要安装vuexnpm install vuex --save安装完成后，我们可以在src文件夹(这里vue cli3创建的项目)创建store文件夹，并创建index.js文件import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({
2020-09-15 13:56:36
118
原创 vuex keep-alive动态缓存
理论网上有很多大神已经讲得很清楚，我就不赘述啦，这里我主要记录下自己的实操，作为项目总结，也便于自己以后查阅。需求：页面顺序，从A到B到C，对于B 页面，进入C页面时，需要缓存，进入A页面时，不需要缓存，A进入B的时候是要刷新的。所以，问题就是，如何让keep-alive 缓存动态进行？思路就是：动态改变keep-alive的include数组。在App.vue中<div id="app"> <keep-alive :include="keepAliveComponen
2020-09-14 17:52:02
699
原创 vue cli3中移动端适配方案——vw
vm是新出的移动端适配方案，提到vm我们就不得不说rem，我们首先来看下两者的区别rem布局方案：规定750px 尺寸下，我们设置跟字体html的font-size: 100px, 即1rem = 100px这样750px 尺寸的psd图片上，量得的宽度/高度， 如150px, 写到css中的时候，需要经过换算150px/100px = 1.5rem我们随着设备尺寸变化，按比例750px/100px 修改html的根字体大小rem随着跟字体变化，则页面上所有用rem单位的元素大小也跟着变化
2020-09-01 15:28:35
2016
原创 vue cli3中使用less
cli3使用less更为简单些，只需安装less依赖包即可npm i less less-loader安装完即可使用，如果不行，重启下项目
2020-09-01 11:14:34
1347
原创 网页视频监控的一些问题
浏览器不支持flash, rtmp直播解决方案vue-video-player.js 是基于video.js开发的，video.js是不支持flv格式的，flv格式是flash专用的，abobe已经公开放弃了flash, chrome也声明将在2020年底停止支持flash，这对于rtmp网页直播是一次打击，hls直播延时比较高，如果想要继续使用rtmp，可以将视频流封装成http flv格式，然后使用flv.js，flv.js是纯js支持flv格式的视频，B站开源的...
2020-07-14 14:16:14
177
原创 vue 本地调试定位不到文件
在一个.vue文件中设置了debugger, 但是调试的时候却定位到同目录的其他文件。网上查了一些方案：在vue.config.js 中设置 productionSourceMap为true, 无效在configureWebpack中配置 devtool 为"source-map", 可以
2020-07-10 10:35:37
1582
原创 vue cli3关闭eslint检测
在根目录下创建vue.config.js，设置lintOnSave属性module.exports = { // 关闭eslint规范 lintOnSave: false}
2020-04-27 15:14:41
302
转载 windows下运行C程序，安装gcc
本文转载自博客园：https://www.cnblogs.com/greycdoer0/p/11059212.html一).安装1.为了在 Windows 上安装 GCC，需要到MinGW 的主页 www.mingw.org，进入 MinGW 下载页面，下载最新版本的 MinGW 安装程序。或者到：http://sourceforge.net/projects/mingw/files/，下载 ...
2019-11-21 17:38:00
227
原创 小程序code与opendid获取(前端实现)
wx.login({ success: res => { console.log('code',res.code); wx.request({ url: 'https://api.weixin.qq.com/sns/jscode2session?appid=appid&secret=secret&js_cod...
2019-11-08 10:58:21
806
原创 js 模块导入导出
js 模块的导入有两种方法，一种是require引入，另一种是import引入。module.exports将模块导出用于其他程序。 module.export = 变量; || module.export = {对象内属性方法}require() 导入当前程序中使用的模块。 const 变量 = require(‘引入的文件相对地址带后缀名.js’); ES6引入了一个更灵...
2019-11-04 09:42:28
352
转载 刷新/关闭页面之前发送请求
从两篇很好的文章中得到的解决方案（转载）监听浏览器关闭事件：https://blog.youkuaiyun.com/weixin_44786530/article/details/90228910使用XMLHttpRequest对象发送请求: https://www.cnblogs.com/wancheng7/p/8437112.html...
2019-07-11 18:36:24
598
转载 JavaScript闭包如何理解？
转载自：https://mp.weixin.qq.com/s/1ThlwUGyky4Ovc7KqaKydQ这是迄今为止看过闭包讲得最好的文章了，之前都只是理解，但是不能很通俗地讲出来，看完这篇应该可以了，哈哈~~...
2019-07-11 09:11:11
232
原创 码农翻身读书笔记
一、尾递归使用递归方法时，采用尾递归可以复用同一个栈帧，极大地节省内存。“当递归调用是函数体中最后执行的语句，并且它的返回值不属于表达式的一部分时，这个递归就是尾递归。”int factorial(int n, int result){ if(n==1){ return result; }else{ return factorial(n-1,n*result); }}最初的...
2019-07-08 09:32:18
282
原创 nodejs 笔记：require引入
require引入知识点：1.可以使用exports方式导出一个js，这个的缺点是无形中增加了一个命名空间var bar = require("./bar.js");var msg = "你好";var info = "呵呵";function showInfo(){ console.log(info);}exports.msg = msg;exports.info =...
2019-07-08 08:59:34
726
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人