- 博客(17)
- 收藏
- 关注
RSS订阅
原创 企业化npm私服搭建&Eslint规范统一 - Eslint规范及commit提交校验
企业化npm私服搭建&Eslint规范统一 - Eslint规范及commit提交校验
2022-04-06 19:16:06
1227
原创 前端性能监控API-performance
前端监控包括性能、错误、轨迹、热点等，之前用过的也就百度统计hmjs，其它知道的也就badjs、fundebugjs、frontjs等。估计很多大公司都有自己编写的库。今天学习一下前端性能监控的API-performance。随便打开一个网页，然后控制台打印一下这个performance，memory：内存使用情况，是 Chrome 添加的一个非标准扩展，这个属性提供了一个可以获取到基本内...
2021-06-23 15:28:00
276
原创 路由实现原理
路由的实现原理路由(react-router)什么是路由这个概念最先是后端出现的，在以前用模板引擎开发页面时，经常会看到这样： http://www.baidu.com/forum.ejs http://www.baidu.com/forum.asp http://www.baidu.com/forum.jsp http://www.baidu.com/fo...
2021-05-17 18:10:00
183
原创 js输入框识别超链接替换成a标签
function urlDistinguish(str){ var reg = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig str = str.replace(reg, "<a href='$1' class='jump' target='_blank'>$1</a>") return str}可以应对大多数情况，这种情况还是会被识别成一个
2021-03-26 15:43:31
416
原创 tinymce自动获取焦点光标移至最后
tinymce官方提供的API auto_focus存在一些问题，在编辑时候如果输入框有内容auto_focus方法会自动获取焦点不过光标在最前面我们可以调用这个函数去解决这个问题//获取焦点光标到最后面keepLastIndex (obj, window) {if (window.getSelection) { //ie11 10 9 ff safariobj.focus(); //解决ff不获取焦点无法定位问题var range = window.getSelection(); //创建ra
2021-03-26 15:38:44
3538
1
原创 网站seo优化
网站需要使用ssr开发模式，spa单页面开发不利于SEO只解析公司因业务需要决定开通的子域名。未开通子域名一律不解析。不要使用泛解析（以通配符*代替子域名）。不能有两个或两个以上域名显示同样网站内容（无论以哪种方式实现，如解析至相同根目录、上传同样文件和数据库）。用于测试的子域名使用robots文件禁止搜索引擎抓取。未完成内容的网站、栏目不得上线。不存在页面必须返回404代码。每个月使用线上工具确认不存在页面服务器头信息。服务器开启gzip压缩。除了已规划禁索引擎抓取和收录的内容外，网站所有U
2021-03-26 15:37:51
175
原创 vue使用tinymce进行字数限制
首先需要绑定两个事件compositionstart、compositionend两个事件分别是输入法唤起输入法关闭 setup: (ed) => { const vm = this ed.on('keyup', function (e) { vm.wordLimit(e) }); ed.on('input', function (e) { vm.wordLimit(
2021-03-26 15:36:56
5953
3
转载 vue中的$attrs和$listeners
A组件与C组件怎么通信，我们有多少种解决方案？我们使用VueX来进行数据管理，但是如果项目中多个组件共享状态比较少，项目比较小，并且全局状态比较少,那使用VueX来实现该功能，并没有发挥出VueX的威力。使用B来做中转站，当A组件需要把信息传给C组件时，B接受A组件的信息，然后利用属性传给C组件，这是一种解决方案，但是如果嵌套的组件过多，会导致代码繁琐，代码维护比较困难;如果C中状态的改变需要传递给A, 使用事件系统一级级往上传递 。本来自定义一个Vue 中央数据总线，这个情况适合碰到组件跨级传递消息
2021-03-26 15:34:54
108
原创 fs node内置模块
文件:txt word 图片 视频 音频操作：读取 创建 删除 写...fs对象方法:同步 和 异步apilet 文件内容 = fs.readFileSync(path,'utf-8') 同步读取文件 默认是buffer，编码格式utf-8fs.readFile(path,'utf-8',(error,con) => {}) 异步读文件区别：同步把文件读到之后返回值的形式赋给变...
2021-02-26 14:02:00
55
原创 http
分为：```静态资源：比如：css、js、html等。Json数据：数据库发起请求的一方称之为客户端接受请求然后做出相应的叫服务器 server在全局下载个 node-dev 的包(浏览器会自动更新 response.write()里的内容)服务器地址=协议+IP+端口+路径+[参权]```* 协议：http(默认)、https、morgodlb* IP：172.0.1.1端口：80880* ...
2021-02-26 14:01:00
135
原创 node命令
常规终端命令总结npm命令npm -v 测试npm是否成功安装npm -h 查看npm命令用法npm --verision/-v 查看npm版本号npm init [--yes/-y] 初始化npm 生成package.json文件npm i package [--save/-S] 生产环境安装依赖npm i package --save-dev/-D 开发环境安装依赖...
2021-02-26 14:00:00
697
原创 canvas
canvas (图表、动画、画布)canvas 最早是由苹果公司推出的canvas 本身没有绘画能力，所有绘画都是通过js脚本来实现的。canvas默认的宽高是300 * 150canvas 可以来绘线条、文本、矩形、圆形等。canvas 不能通过行内样式来修改宽高，他有自己的宽高属性。canvas初始状态坐标在(0，0)左上角。往右是正的，往下是正的1.先获取画...
2021-02-09 11:58:00
65
原创 浏览器本地存储localStorage和sessionStorage
localStorage和sessionStorage区别是存储的时间不同 时效不同localStorage 永久保存 除非手动删除 5msessionStorage 仅保存当前会话 只要会话关闭就删除cookie 设置过期时间 4kAPI存：localStorage.setItem("名","值")localStorage."名" = "值"localStorage["...
2021-02-09 11:55:00
98
原创 js输入框识别超链接正则
function urlDistinguish(str){ var reg = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig str = str.replace(reg, "<a href='$1' class='jump' target='_blank'...
2021-02-09 11:16:00
494
原创 vue添加水印
创建watermark.js文件let watermark = {}let setWatermark = (str) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElem...
2021-02-09 10:35:00
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人