- 博客(165)
- 收藏
- 关注
RSS订阅原创 JS获取localstorage已使用容量/大小
function getUseSize() { var size = 0; for(item in window.localStorage) { if(window.localStorage.hasOwnProperty(item)) { size += window.localStorage.getItem(item).length; } } console.log('使用：' + (size / 1024).toFixed(2) + 'KB')}getU
2022-05-09 11:03:30
2315
原创 预渲染 prerender-spa-plugin 尝试
背景：想给项目做一些优化，想尝试预渲染和SSR这里说一下SSR使用的技术栈是VUE预渲染使用的是 prerender-spa-plugin 这个包先说一下效果吧这个感觉就是类似高级的骨架屏，不过他是一个真正的页面，只是没有数据，或者数据驱动渲染的一切。使用这个插件 配置好几个预渲染的页面会 在build时提前讲这些页面渲染成浏览器可以直接打开的html文件。这样你在浏览器输入地址后，会直接得到这样一个页面，省去了渲染出页面的时间，因为在打包时这个页面就渲染完了，也就是我们提前预渲染了。不好用
2022-04-20 11:45:19
1767
1
原创 前端安全问题记录
1、浏览器中可以看到源码问题可以在coonfig中配置productionSourceMap：false2、cookie设置问题由后端设置，此时浏览器里查看 HTTPOnly 会出现对号这样无法用JS获取cookie
2021-12-27 11:16:18
2061
转载 git撤销提交，保留之前的代码
传送门：https://blog.csdn.net/itanping/article/details/103921993?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2aggregatepagefirst_rank_ecpm_v1~rank_v31_ecpm-1-103921993.pc_agg_new_rank&utm_term=git+%E6%92%A4%E9%94%80%E6%8F%90%E4%BA%A4%E4%B
2021-12-14 15:02:59
812
原创 React学习(简单粗暴)
介绍下背景：本身是VUE开发，但公司有React 项目，现在对已有的React项目的添加一些新功能1、元素class 写法我正常写了class=“index”
2021-09-15 15:24:06
69
原创 vscode 前端常用插件（自己使用）
vscode 有很多好用的插件，但因为工作内容的不同使用的插件也有很大不同，记录一下自己使用并觉得很方便的插件。
2021-08-09 11:10:58
85
原创 JS 正则种使用变量
先写一个简单的例子/[(0-9){3,9}]上面的意思是需要匹配数组，3-9位数有些应用场景这个位数是不确定，需要替换成变量使用 new RegExp() 及 ``let len1 = 3let len2 = 9let reg = new RegExp(`([0-9]){${len1},${len2}}`)let testStr = '123456789'console.log(reg.test(testStr))如有错误，麻烦指正（学习中）...
2021-07-19 20:55:34
810
原创 typeScript写Vue项目中遇到的坑
vscode不识别TS的语法报错描述一下： 自己使用vue-cli 3.0 创建的 vue项目 在.vue文件中使用ts关键词如 （public private）报红，但不影响编译页面正常显示，但从晚上下载的一个项目的例子.vue文件中的 ts关键词并不会报错。尝试解决：1、使用了网上说的 vscode 的 settings.json 中 “javascript.validate.enable”: false ，但并没有解决2、在 编辑器–首选项–设置 中查找javascript.validate
2021-04-26 17:02:59
1078
原创 VUE自定义全局组件
1、创建自己的组件2、组件需要一个index.js文件，并且这个文件需要一个install 方法在install 方法中注册自己的组件 vue.component3、在main.js 中 使用vue.use()4、此时已经全局注册了组件 在使用时就可以想element 或者iview 等框架 直接标签使用<popup></popup>...
2021-04-08 15:36:27
112
转载 vue项目,添加node中间层
转载： https://blog.csdn.net/weixin_42674359/article/details/82887032
2021-03-29 17:23:13
758
转载 js执行shell命令
传送门：https://blog.csdn.net/cindy647/article/details/108830841https://blog.csdn.net/qq_39657585/article/details/102877239
2020-12-29 13:56:59
3312
1
转载 使用VSCode快速生成用户自定义代码段
传送门：https://blog.csdn.net/weixin_42031119/article/details/103975802
2020-12-23 14:53:31
674
原创 JS监听页面刷新及阻止页面刷新
有时前端请求后端代码需要等待，但用户不想等待使用刷新，这样会造成一些错误的数据等。当然服务端应该可以控制，不过这里说一些前端的控制思路（仅个人想法）说一下2个思路：1、可以在接口发出去之后，阻止所有刷新页面的行为进行阻止，并给出提示。基本就是通过键盘和鼠标事件2、监听页面的刷新行为 beforOnload 在刷新前记录所请求的内容并做一些处理。以购物为例 提交了一批购物请求 但服务端处理比较慢 可以记住这些物品的ID 在获取列表时前端屏蔽这些未处理完的。具体根据业务想一下。具体代码可以参看考：监
2020-12-15 18:15:04
6342
原创 JS一个相对全面的JS邮箱正则
var reg=/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,5}$/;
2020-12-09 15:29:46
3483
2
原创 git合并某一次提交的内容到某个分支--git cherry-pick
// 合并 某一次提交git cherry-pick <commitHash>// 取消合并某次提交git cherry-pick --abort简单来说就是第一行代码的使用 只要在gitlab 或者 git log 中查找到commit的hash 值就可以说一下cherry-pick的效果第一种情况// readme.txt master 分支// readme.txt dev分支1、1111111（第一次commit）2、2222222（第二次commit）3、3
2020-12-07 17:30:29
1202
原创 git-在现有项目上创建新项目
简单说一下需求：假设你有一个项目A，现在需要在创建项目B，但是B是在A的基础上进行修改的，其实在A项目中创建分支可以，不过有些情况需要单独创建一个项目。1、将A项目拷贝一份，拷贝版就是我们的B（新）项目了2、到B目录下 找到隐藏文件.git3、删除.git 文件4、在gitlab 中新建一个项目 创建完根据首页提示 操作就可以Existing foldercd existing_foldergit initgit remote add origin http://192.1.1.1/xxx
2020-12-02 14:03:13
2725
原创 JS正则
聊正则之前说一下了解正则的必要性吧。在做项目的时候发现需要匹配出空格也就“ & n b s p;” 一半方法不好找到 使用正则就比较好找。还有就是金钱格式化，我们可以写一个函数 用到正则时可以 replace(/ \B ( ?= ( \d { 3}) +$) I g ,’,’) 就得到想要的格式了，等等。常用元字符/：一般是指一个匹配的开始. : 单个字符（非换行和行结束符）^：匹配一行的开头$: 匹配一行的结尾\w：单词字符\W: 非单词字符\d：数字\D: 非数组\s:
2020-10-27 16:56:23
448
原创 VUE路由中常用的按需加载方式（非VUE也可以使用）
传送门：添加链接描述总结一下1、最基本的require 用法，{ path: '/promisedemo', name: 'PromiseDemo', component: resolve => require(['../components/PromiseDemo'], resolve)}2、webpack 4 中的方法// 下面2行代码，没有指定...
2019-12-30 17:20:26
259
原创 import 与 require | export与 export default
传送门：添加链接描述下面写一下自己的理解：1、import 的思想尽量静态化，在编译时就确定依赖关系，require 在运行时加载2、Export// profile.jsexport var a = 1export var b = 2export function func () {}// 另一种写法var a = 1var b = 2function func () {...
2019-12-30 17:02:45
374
原创 async await
1、async 是放在function前面的标识 代表这个函数有异步程序（当然内部可以写同步代码），如果内部有返回值，则返回值会被编程promise对象，可以使用.then .catch 等2、await 和 async 一同使用，await 也是一个标识，标识等待这个一步程序，如果是异步也等待。async function asyfunc () { var a await setTim...
2019-12-30 14:52:16
208
原创 js promise 中的错误处理
传送门： 大家主要看上面的链接，我这里记录一下结论1、promise 对象里面同步代码抛出的错误在没有通过promise的catch 方法捕获时会打印报错的（不会阻止promise外面代码的执行），但是不会传递到外面出发其他错误监听函数，比如tray catch window.onerror等2、Promise.prototype.catch() 方法对错误处理和捕获的规则只对promi...
2019-12-27 18:04:45
1879
原创 git 删除远程/本地分支
// 查看本地分支git branch // 查看所有分支（本地及远程）git branch -a// 删除本地分支git branch -d XXX// 删除远程分支git push origin --delete XXX
2019-12-25 14:16:18
90
原创 关于请求2min中后会失败(failed)
有时候我们在请求后端接口的时候，因为服务器长时间没有返回，会出现请求失败failed的情况，这种情况可能是我们请求的资源过多，服务器需要较长时间处理，例如传一个比较大的文件，服务端接受在返回需要一定的时间，这时候我们并不想要它超时，而且想等待返回。需要修改的是timeout的这属性。先关注一下自己的使用的ajax,或者axios,或者 其他类似的请求服务是否设定了超时时间，如果设置了可以将ti...
2019-12-17 11:41:07
1113
转载 js跳出循环 终止循环
https://blog.csdn.net/weixin_29491885/article/details/100159669总结一下for 循环使用breakforEach() 不可以 但可以使用try catch 的方式抛出异常停止循环some() return true
2019-12-03 21:47:03
602
转载 js 对象的键名 可以是数字么
https://my.oschina.net/u/3888522/blog/1831525可以的 是不过在使用的时候不可以使用. 需要一obj[]的形式使用
2019-12-03 21:17:51
4385
转载 解决高德地图AMap is not defined
传送门：https://blog.csdn.net/qq_36317441/article/details/77187369总结一下 就是将script 标签引入的高德地图地址 放到body中
2019-10-29 17:17:08
26240
4
原创 vue 热跟新 css热更新 vue-cli 3.0
vue-cli 3.0后没有默认配置文件 需要我们自己创建vue.config.jsmodule.exports = { // 基本路径 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // webpa...
2019-10-29 16:51:24
1681
原创 H5基本配置 持续添加
<style> html { font-size: 100px; } body { margin: 0; } div { box-sizing: border-box; } p { padding: 0; } &...
2019-10-29 11:39:44
270
原创 VUE 前端 常用插件 库 （紧个人用到的）
作为一个VUE的前端开发 这里列举一些用的 和 可能用到的 三方插件 和 库PC:element-uilayer-ui移动端:frameworkvantvue-hammer （移动端手势）mpvue(使用vue语法开发小程序)]混合Apphbuildquickhybrid...
2019-10-24 11:59:32
188
转载 Web App、Hybrid App、 Native App之间的差异
https://blog.csdn.net/keep789/article/details/82748160
2019-10-23 11:13:42
80
转载 IOS H5 不显示图片
做了一个项目 微信扫码之后打开的H5 里面所有的图片https://blog.csdn.net/crazywoniu/article/details/77882245
2019-10-22 16:39:19
1872
转载 H5页面 直接拨打手机电话
转自：https://www.cnblogs.com/handsome-jm/p/7878478.html里面加上：```javascript```打电话```javascript400-0000-688```发短信```javascript发短信```
2019-10-18 15:08:08
1202
转载 css 超过长度后文本隐藏 并用省略号代替
white-space: nowrap 保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格。overflow: hidden 隐藏超出单元格的部分。text-overflow: ellipsis 将被隐藏的那部分用省略号代替。...
2019-10-15 17:23:20
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人