刘半仙回来了-CSDN博客

原创 HTTP、HTTPS、TCP、UDP

TCP传输建立连接需要“三次握手”为了准确无误地把数据送达目标处，TCP协议采用了三次握手策略。用TCP协议把数据包送出去后，TCP不会对传送后的情况置之不理，它一定会向对方确认是否成功送达。握手过程中使用了TCP的标志：SYN和ACK。1、发送端首先发送一个带SYN标志的数据包给对方。2、接收端收到后，回传一个带有SYN/ACK标志的数据包以示传达确认信息。3、最后，发送端再回传一个带ACK标志的数据包，代表“握手”结束。若在握手过程中某个阶段莫名中断，TCP协议会再次以相同的

2020-05-09 21:29:19 520

原创 Web开发之CSS布局

CSS定位margin定位、position定位、float定位。三栏式布局涉及浮动和清除浮动，主要讲解“圣杯”和“双飞翼”两种解决方法。这两种方法实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，它们实现的效果是一样的，差别在于其实现的思想。1、圣杯布局定义：圣杯布局是一种三列布局，两边定宽，中间宽度自适应1、圣杯布局可以将整个div.container看做一个奖杯...

2020-04-28 19:04:00 254

原创 Web性能优化方法总结

web性能优化一、页面优化1、减少HTTP请求数量1、从设计实现层面简化页面：尽量将页面设置成百度首页那样，保持页面简洁、减少资源的使用。2、合理设置HTTP缓存：合理设置缓存可以大大地减少HTTP请求，怎么叫合理呢？原则很简单，能缓存越多越好，能缓存越久越好。3、资源合并和压缩：尽可能将外部脚本、样式进行合并，多个合为一个；Css、Javascript、image也可以使用工具进行压...

2020-04-27 23:39:35 2236

原创 web常见面试题总结

1、SPA首屏加载慢如何解决动态懒加载、按需加载、使用CDN缓存2、Vue里面router-link在电脑有用，在android机上没反应Vue路由在android机上有问题（babel问题），安装babel polypill 插件解决。3、Vue2中注册router-link上事件无效解决方法使用@click.native （原因：router-link 会阻止click事件...

2020-04-27 23:37:02 543

原创 Web开发之Layout布局

布局种类：页面布局的几种方式（静态化布局、流式布局、自适应布局、响应式布局、弹性布局）使用建议：1.如果只做pc端，那么静态布局（定宽度）是最好的选择；2.如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（rem+js）是最好的选择，一份css+一份js调节font-size搞定；3.如果pc，移动要兼容，而且要求很高那么响应式布局还是最好的选择，前提是设计根据不同的高宽...

2020-04-27 19:57:40 1088

原创 javascript跨域的几种方法

前端开发之跨域方法总结欲说跨域，首先我们要搞懂同源策略：同源策略：是一种安全策略，为了防止两个不同源的网站之间直接访问数据。第一，如果是协议和端口造成的跨域问题“前台”是无能为力的，第二：在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。“URL的首部”指window.location.protocol + ...

2020-04-25 13:10:10 332

原创 Vue-router 学习

一个路由匹配到的所有路由记录会暴露为 $route 对象 (还有在导航守卫中的路由对象) 的 $route.matched 数组。因此，我们需要遍历 $route.matched 来检查路由记录中的 meta 字段。

2020-04-25 11:48:58 121

转载 web开发兼容不同的屏幕分辨率和浏览器

web开发兼容不同的屏幕分辨率和浏览器在web开发的过程中经常会要求根据不同的屏幕大小来做兼容，尤其是webAPP的流行和各种响应式布局，兼容不同的屏幕分辨率更是前端开发者必会的技能。（IE内核、Chrome内核、Firefox内核）1、CSS媒体使用 CSS3 的@media 查询，你可以针对不同的媒体类型定义不同的样式。它的语法结构是：@media mediatype and|not...

2020-04-24 16:12:53 1179

原创 javascript的六种基本继承方式

javascript的六种基本继承方式在js中万物皆对象，对象又分为两种：普通对象（Object）和函数对象（Function）。任何对象都具有隐式原型属性（ __ proto __ ），只有函数对象有显式原型属性（prototype）。如果需要继承，我们就首先要定义父类：function Person (name) { this.name = name; this.skill = f...

2020-04-23 12:29:53 169

原创 Vue组件之间常见的三种传值方式

Vue组件之间的传值方式父传子方法：父组件内设置要传的数据，在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上，在子组件添加参数props接收即可。具体可参考官方文档。子传父方法：子组件通过vue实例方法$emit进行触发并且可以携带参数，父组件监听使用@（v-on）进行监听，然后进行方法处理。非父与子之间的传值第一种：eventbusEvent B...

2020-04-23 01:11:36 1416

lh9456的博客