![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端一些知识点
completist00
这个作者很懒,什么都没留下…
展开
-
从输入 URL 到展示的过程
浏览器相关知识从输入 URL 到展示的过程DNS 解析TCP 连接浏览器发送HTTP请求服务器处理HTTP请求浏览器页面渲染断开TCP连接重绘与回流浏览器存储从输入 URL 到展示的过程DNS 解析TCP 连接浏览器发送HTTP请求服务器处理HTTP请求浏览器页面渲染断开TCP连接重绘与回流浏览器存储...原创 2021-08-18 18:26:13 · 76 阅读 · 0 评论 -
html5新特性总结
1.说下HTML5的新特性?HTML5新增了语义化标签、音频视频、地理定位、canvas、储存方式等新特性。(1).语义化的优点有哪些?让标签有含义;增强可读性;使页面结构清晰;便于团队开发和维护;优化搜索引擎。(2).H5储存的几种方式?本地储存WebSQL、indexddbH5离线缓存(3).本地储存的几种方式的区别?H4的储存方式:cookie 和 session 。...原创 2020-03-20 21:18:46 · 196 阅读 · 0 评论 -
H5缓存基本用法
1、localStorage用法设置缓存:localStorage.setItem('key',value)获取缓存:localStorage.getItem('key')清除缓存:localStorage.removeItem('key') //清除某一项缓存 localStorage.clear() //清除所有缓存原创 2020-05-15 11:00:57 · 718 阅读 · 0 评论 -
vue + element搭建项目
前言:使用到的技术和框架及平台插件git、vue+vuex、element、js-cookies步骤:1、配置开发环境node.jsnpm -v //查看node版本Vue -v //查看vue版本vue vue-cli //全局安装vue、vue脚手架2、新建文件夹,在文件下初始化项目vue init webpack vue-elementui(项目名称)npm run dev 就可以运行项目了3、项目的配置相关三方插件的引入(vuex、axios、elemen原创 2020-08-25 17:38:07 · 246 阅读 · 0 评论 -
前端开发中一些好用的工具链接
ico在线转换链接: ico在线转换.原创 2021-02-24 10:30:54 · 100 阅读 · 0 评论 -
常用正则规则用法
一、几个常用的正则规则//电话号码的正则表达式的书写var myreg = /^[1][3,4,5,7,8,9][0,9]{9}$/;//用户名/^[a-z0-9_-]{3,16}$///密码/^[a-z0-9_-]{6,18}$///电子邮箱/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$///QQ号[1-9][0-9]{4,}...原创 2019-05-05 20:06:31 · 169 阅读 · 0 评论 -
vue获取手机验证码
正则1.文本框仅可输入身份证后六位<input type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" maxlength="6" >验证码<div id="verifyCode"> <div class="inputCode"> <span>验证码</span&g...原创 2019-06-10 13:43:58 · 386 阅读 · 0 评论 -
前端各种优化
页面/资源优化:1、图片合理的优化方式(1)、图片懒加载(2)、小图标使用SVG或者字体图标(3)、通过 base64 和 webp 的方式加载小型图片(4)、能通过cdn加速的大图尽量用cdn2、首屏优化/**如果项目很大,那么首次加载资源耗时会比较久,一次可能曹成页面白屏问题。因此可以在public下写一个加载动画,告诉用户,网页在加载中这个提示。因此,推荐大家都设计一个自家公司的loading加载方式放入index.html中吧。**/加载优化:1、路由懒加载/按需加载原创 2020-08-26 18:48:20 · 118 阅读 · 0 评论 -
Promise解决异步回调
1原创 2020-05-15 18:05:35 · 183 阅读 · 0 评论