![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
_阿锋丶
这个作者很懒,什么都没留下…
展开
-
前端性能优化的方法总结
本文同步:个人博客文章目录性能优化的原则性能优化的方向让加载更快让渲染更快性能优化的常见应用合并代码缓存CDN和SSR懒加载缓存DOM尽早执行js性能优化的原则多实用内存,缓存或其他方法减少cpu计算量,减少网络加载耗时适用于所有编程的性能优化-空间换时间性能优化的方向让加载更快让渲染更快让加载更快减少代码的体积:压缩代码。减少访问次数:合并代码(图片也可以合并),SSR服务器端渲染(将页面已经在服务器渲染好了,不用下载某些静态网络),缓存使用更快的网络让渲染更快.原创 2020-10-10 16:30:08 · 238 阅读 · 1 评论 -
网页时如何加载并加载并渲染出来的
本文已同步到:个人博客地址文章目录前言网页加载到渲染加载资源有哪些加载过程1,DNS解析: 域名->IP地址2,,浏览器根据IP地址像服务器发送http请求3,服务器处理http请求,并返回给浏览器4,浏览器开始渲染前言网页加载过程是一个及其复杂且繁琐的问题,其过程细节数不胜数,不同的专攻的开发人员也会对此问题有侧重点不同的回答,这里主要学习前端在网页加载过程的主要步骤网页加载到渲染加载资源有哪些html,js,css代码媒体文件加载过程1,DNS解析: 域名->I.原创 2020-10-06 11:06:49 · 332 阅读 · 0 评论 -
匿名函数前面加!(感叹号)的作用
看下面图片上的代码如果你的习惯是写一句代码后面不加分号;像上面的匿名函数前面如果!感叹号的话就会报如下错误因为他会把当做函数执行就像下面打印的那样所以如果应该这样写...原创 2020-08-12 09:09:23 · 1016 阅读 · 0 评论 -
redash的Query的参数的传递
参数传递的基本方法使用参数,您可以在运行时将值替换到查询中,而不必编辑源代码。双大括号{{}}之间的任何字符串都将被视为参数。结果窗格上方将出现一个小部件,以便您更改参数值。在编辑模式下,您可以单击每个参数小部件的齿轮图标来调整其设置。当您单击“仅显示数据”时,齿轮图标将消失,以便不拥有查询的用户无法更改参数行为。参数类型的设定设置时点上面的一个小齿轮就出来了,主要是设置类型Test类型此类型有一个需要注意的点:(官方)我可以在嵌入式可视化和共享仪表板中使用参数吗?是的,只有一个例外原创 2020-08-05 14:08:20 · 2032 阅读 · 3 评论 -
localStorage.setItem()使用
localStorage.setItem()使用转载 2020-07-31 13:21:14 · 3513 阅读 · 0 评论 -
什么是cookie,怎么在浏览器查看cookie,客户端javascript操作cookie
什么是cookie1,存储在浏览器的一段字符串,浏览器为每个域名都存了一段cookie2,跨域不共享3,可以存储结构化,格式如下:4,每次发送http请求,会将请求域的cookie一起发送给server5,server可以修改cookie并且返回浏览器6,浏览器中也可以通过javascript修改cookie浏览器中查看cookie的方式客户端发送的cookieprocess=...原创 2020-03-13 08:54:14 · 899 阅读 · 0 评论 -
http请求具体过程
请求步骤1,DNS解析,建立TCP链接,发送请求如上图当你输入网址打开百度时,在检测中发现Remote Aderss 解析到的地址,这就是DNS解析找到ip地址建立TCP链接的三次握手第一次握手:客户端确认服务器是否可用第二次握手:服务器告诉客户端自己可用第三次握手:客户端回复服务器我将访问你发送请求看图片右边的Request Headers就是客户端发送的请求的信息2,...原创 2020-03-08 09:18:28 · 163 阅读 · 0 评论 -
服务端开发和前端开发的区别
上图中服务端要接收很多前端的请求服务端要考虑以下几点对于以上几点一一分析服务稳定性服务端可能会遭受各种恶意攻击和误操作,而前端只用遭受的概率低,因为服务端要接收各种各样的请求,他的接口暴露在互联网的环境之下单个客户端可以意外挂掉,但是服务端不能考虑内存和CPU客户端独占一个浏览器,内存和cpu都不是问题,有那么一点点内存泄露都不是问题而cpu和内存都是内存都是稀缺资源,因为负...原创 2020-03-08 08:32:38 · 3261 阅读 · 0 评论 -
客户端渲染和服务端渲染的区别
服务端渲染和客户端渲染的区别1,服务端渲染是在服务端使用模板引擎先渲染了页面,只用一次请求服务器获得数据了,而客户端渲染则需要先请求到页面,在请求数据共两次请求2,客户端渲染不利于SEO搜索引擎的优化3,服务器端渲染是可以被爬虫抓取到数据的,客户端的异步渲染是很难被抓取数据的4,真正的网站是两者的结合...原创 2020-03-07 11:13:13 · 360 阅读 · 0 评论 -
javascript常用的两种代码风格和 什么时候加分号,什么时候可以不加分号
风格1JavaScript Standard Style进入之后可以点击鼠标右键翻译成中文风格2Airbnb Standard Style什么时候加分号,什么时候可以不加分号当一行代码以([’这三个字符开头时,要在这个字符前面加一个分号,避免语法解释错误如:其他情况都可以不加最好都加分号吧...原创 2020-03-06 19:20:07 · 390 阅读 · 0 评论 -
jquery中的内容选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-02-17 13:24:45 · 125 阅读 · 0 评论 -
闭包的两个实例 -创建数组元素 事件案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-02-04 11:48:44 · 147 阅读 · 0 评论 -
什么是javascript的闭包 和闭包的规则 特点
<!DOCTYPE html><!-- 什么是闭包 闭包就是一个函数 两个函数彼此嵌套 内部函数就是闭包 形成闭包条件是内部函数需要通过 return 给返回来 闭包的特点: 闭包有权利调用其父级环境的变量信息,父级环境的信息已经固化为本省的AO成员了 闭包使用规则: 同一个闭包机制可以创建多个闭包函数出...原创 2020-02-04 11:47:36 · 201 阅读 · 0 评论 -
css上的四个不同的视窗单位分别是
四个不同的视窗单位分别是:vw:如 10vw 的意思是视窗宽度的 10%。vh: 如 3vh 的意思是视窗高度的 3%。vmin: 如 70vmin 的意思是视窗中较小尺寸的 70% (高度 VS 宽度)。vmax: 如 100vmax 的意思是视窗中较大尺寸的 100% (高度 VS 宽度)。...原创 2019-12-02 15:17:47 · 170 阅读 · 0 评论 -
freecodecamp上的bootstrap和jquery的练习入门
freecodecamp上的bootstrap和jquery的练习入门转载 2019-12-02 15:14:12 · 122 阅读 · 0 评论 -
reactjs是什么
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-02 14:13:38 · 295 阅读 · 0 评论 -
前端的三大主流框架,React和Vue的区别
前端的三大主流框架1,Angular.js 出来最早的前端的框架,学习曲线比较曲,NG学起来比较麻烦,NG2-NG5开始,进行了一系列的改革,也提供了组件化开发的概念,也支持使用TS(TypeScript)进行编程:2,Vue.js 最火的一门前端的框架,他是中国人开发的,对我们来说文档要友好一些3,React.js:最流行的一门框架,因为他的设计很优秀React与vue的对比1,...原创 2019-11-21 10:08:01 · 606 阅读 · 0 评论 -
ES6的var和let的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-11-09 09:35:10 · 101 阅读 · 0 评论 -
在Javascript中什么是伪数组?如何将伪数组转化为标准数组?
在Javascript中什么是伪数组?如何将伪数组转化为标准数组?转载 2019-11-05 18:55:09 · 270 阅读 · 0 评论 -
关于jquery的美元符号和其他框架的冲突问题的两种方法
当别的框架也使用了$符号并且含义和jquery不同就会发生冲突,解决冲突的办法1,释放$的使用权jQuery.noConflict();注意点,释放操作必须在编写其他的jQuery代码之前、释放之后就不能再使用$,改为使用jQuery2,自定义一个访问的符号 var my= jQuery.noConflict();...原创 2019-11-05 16:23:09 · 201 阅读 · 0 评论 -
什么是Django,它的设计模式是什么(详解)
什么是DjangoB战教学视频地址:https://www.bilibili.com/video/av17879644?from=search&seid=17018407637284396054是一个用-python开放源码的应用框架Django用的是MTV设计模型,要搞清楚MTV的先搞清楚MVC什么是MVCM—代表Model模型是应用程序中用于处理数据逻辑的部分通常模型对象...原创 2019-09-26 16:59:44 · 2216 阅读 · 0 评论 -
绝对定位会影响overflow的效果和导航栏的制作详解(复制代码观看效果)
overflow和绝对定位会使overflow的属性失效 绝对定位会使其脱离文档流的 绝对定位的元素不总是被父级 overflow属性裁剪,尤其当overflow在绝对定位元素及其包含块之间的时候 解决方法 1,overflow元素自身为包含块.* *2,overflow远古三的子元素为包含块 //...原创 2019-10-03 22:33:55 · 1032 阅读 · 0 评论 -
echarts引用(echarts is not defined)和引用正确后的依然不显示图的方法解决方法
echarts引用(echarts is not defined)怎么解决可以直接引用上面的直接解决问题引用正确后的依然不显示图的方法解决方法这种肯定是你没设置你的的宽和高,他规定必须设置,设置后就会显示...原创 2019-10-10 20:18:24 · 2076 阅读 · 0 评论 -
使用echarts简单制作省份地图
使用echarts简单制作省份地图转载 2019-10-10 20:20:35 · 954 阅读 · 0 评论 -
用echarts制作省份地图的各个省份的json文件地址
省份json文件地址原创 2019-10-10 20:27:12 · 1648 阅读 · 0 评论 -
overflow会使绝对定位失效的解决方法
视频讲解原创 2019-10-10 20:29:26 · 2625 阅读 · 0 评论 -
没有offsetright,用offsetLeft解决网页右端弹出层的问题,
offsetleft右边写侧边栏转载 2019-10-10 20:32:02 · 1627 阅读 · 0 评论 -
什么是echarts,echarts的10分钟入门(详解)
什么是echarts商业级数据图表,它是一个纯JavaScript的图标库,兼容绝大部分的浏览器,底层依赖轻量级的canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。echarts官网:官网地址官网介绍第一步;可以点击文档下拉单的特性介绍深入了解echa...原创 2019-09-25 20:03:56 · 1208 阅读 · 0 评论