
前端
文章平均质量分 51
请叫我大神先生
这个作者很懒,什么都没留下…
展开
-
强缓存和协商缓存
强缓存是指浏览器在请求资源时,直接从本地缓存中获取资源,而不向服务器发送请求。max-age=:资源的最大缓存时间(单位:秒)。no-cache:不使用强缓存,直接使用协商缓存。no-store:完全不使用缓存,每次请求都从服务器获取资源。public:资源可以被任何缓存(如浏览器、CDN)缓存。private:资源只能被客户端缓存,不能被代理服务器缓存。表示资源可以被缓存 3600 秒(1 小时),并且可以被任何缓存(如浏览器、CDN)缓存。指定资源的过期时间(绝对时间)。原创 2025-03-15 00:00:00 · 681 阅读 · 0 评论 -
富文本编辑器TinyMCE + vue实现方案
/ ...// ...// ...// 自定义按钮tooltip: '插入图片',let url = 'url地址'${// ... toolbar : ' imageUpload ' , // ... // 自定义按钮 setup :(editor) => {tooltip : '插入图片' , icon : 'image' , onAction :(e) => {原创 2023-12-08 17:21:29 · 150 阅读 · 1 评论 -
TypeScript基础入门知识整理
TypeScript基础知识整理原创 2021-12-07 10:11:29 · 360 阅读 · 0 评论 -
正则替换富文本里面的style样式
富文本正则匹配字体样式替换:/font-family\s*?:(([^";<>]*?"[^";<>]*?")|(\s*[^";<>\s]*))*;?/g可变其他样式,把属性名替换掉就行!原创 2021-05-12 10:00:16 · 2663 阅读 · 0 评论 -
合格的前端工程师总结
一、JavaScript基础1.JavaScript规定了几种语言类型1.Undefined,2.Null,3.Boolean,4.String,5.Number,6.Symbol,7.Object,8.BigInt**2.JavaScript对象的底层数据结构是什么**JavaScript基本类型数据都是直接按值存储在栈中的(Undefined、Null、不是new出来的布尔、数字和字符串),每种类型的数据占用的内存空间的大小是确定的,并由系统自动分配和自动释放。这样带来的好处就是,内存可原创 2021-02-20 16:22:50 · 232 阅读 · 0 评论 -
js性能优化,以及Vue性能优化
我总结的js优化前言:前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同 的方式。那么,前端优化的目的是什么 ?从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。前端优化途径:前端优原创 2020-11-19 18:28:41 · 428 阅读 · 1 评论 -
node modules安装问题
1原创 2020-10-21 18:10:13 · 502 阅读 · 0 评论 -
每次 npm install 都用淘宝镜像的设置
设置这个就可以了 npm config set registry https://registry.npm.taobao.org 让我虎躯一震,哈哈哈哈哈哈哈哈原创 2020-07-29 15:08:34 · 753 阅读 · 0 评论 -
js 计算字符串字母出现的次数
js 计算字符串字母出现的次数1.问题:将字符串出现最多的字符和次数打印出来。2.思路:申请一个json对象,遍历字符串将字符串的字母作为属性添加到json对象上,字母出现的次数做属性值; 遍历对象属性,将属性值最大的打印即可。var str = 'aaabbbaccccdddddbbbccc';function strMost(str){ var obj = {}; f...原创 2020-04-02 13:11:19 · 1120 阅读 · 0 评论 -
前端实现纯css文本显示省略号
单行文本css显示省略号。width:200px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;单行文本需要有固定宽度,显示省略号。多行文本,显示省略号display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;over...原创 2019-11-08 13:52:38 · 622 阅读 · 0 评论 -
input type="file"文件或者照片上传
js代码function changepic() { var reads = new FileReader(); f = document.getElementById('mask_addUsedRecord_file').files[0]; reads.readAsDataURL(f); reads.onload = functi...原创 2019-10-25 11:30:09 · 185 阅读 · 0 评论 -
手撸输入框多选功能
手撸输入框多选功能简单的样式 <style> *{ margin: 0; padding: 0; } .performance_box{ width:450px; height: 151px; background:rgba(255,255,2...原创 2019-09-24 11:07:59 · 669 阅读 · 0 评论 -
可编辑的搜索框
初版,优化完我再贴新的,没有做多选框,做的单选/* 输入框 / css代码.newxitongzuoye_main_li .select{position: relative;border-radius:4px;min-width: 320px;;border:1px solid rgba(0,0,0,0.15);background:rgba(255,255,255,1);box...原创 2019-08-30 23:56:14 · 214 阅读 · 0 评论 -
sourceTree 免注册快捷方式
sourcetree 免注册快捷方式打开sourcetree 关闭sourcetree命令终端输入defaults write com.torusknot.SourceTreeNotMAS completedWelcomeWizardVersion 3打开sourcetree即可跳过登录f原创 2019-08-26 18:35:17 · 918 阅读 · 0 评论 -
记录mnmp pro 错误的方式以及解决方法
MNMP (Mac + Nginx + MySQL + PHP) 开发环境搭建下载地址https://xclient.info/s/mamp-pro.html数据库不能用远程数据库,本来链接为同事数据库的地址,结果能配置成功,但是数据加载一直很慢,一开始以为是nginx没有配置成功,总想着搞nginx或者Apache连接,还是不成功,最后我想用原生起,用docker搭建,我先建立了一个本地数据...原创 2019-08-26 18:26:53 · 371 阅读 · 0 评论