- 博客(18)
- 收藏
- 关注
RSS订阅原创 前端开发人员须知的常见浏览器兼容问题及解决技巧
在前端开发中总会不可避免的遇到浏览器的问题，所以掌握一些常见的解决浏览器兼容问题的方法技巧是非常有用的。首先，先解释下为什么会出现浏览器的兼容性问题为什么会有兼容问题？由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。目前市场上使用Trident内...
2019-10-25 13:47:05
293
原创 TCP 三次握手和四次挥手
随着Vue，React，ES6，HTML5，CSS3，Webpack, PostCss 等技术层出不穷。对网络基础的了解已经逐渐成为前端人员的必备素质之一。今天就网络基础中的一个点（TCP的三次握手和四次挥手）做了一个小小的总结，仅供参考。TCP（Transmission Control Protocol 传输控制协议）是一种面向连接的、可靠的、基于字节流的传输层通信协议，由 IETF 的 RF...
2019-10-24 14:32:47
202
1
原创 详解js中如何阻止冒泡和阻止默认行为
什么是事件冒泡就是指事件开始时由最具体的元素（文档中嵌套最深的那个元素）接收，然后逐级向上传播到较不为具体的节点所有浏览器都支持事件冒泡可以通过下面的这个实例来具体说明事件冒泡：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Comp...
2019-10-23 08:50:55
444
原创 前端开发之SEO优化的一些方法
在这里列出一些感觉比较有用的SEO优化方法技巧，仅供参考：title的重要性：title是整个html在搜索引擎搜索结果中返回的第一要素，是最为核心的关键字词，建议不超过100个字节。关键词在Meta Keywords中的使用应注意以下几点：（1） 确信使用的关键词出现在网页文本中;（2） 不要重复使用关键词;（3） 每个网页的关键词应该不一样;（4） 一个网页的关键词标签里...
2019-10-20 14:16:07
571
原创 vue框架之vue自带的 v-model 修饰符
v-model 的修饰符，一般用于控制数据同步的时机1、.trim自动过滤输入内容最开始 和 最后的 空格，两个字符中间如果有多个空格，只会保留一个，多的会被过滤掉<div id="v1"> <input type="text" v-model.trim="val"></div>2、.lazy一般情况下，在input的 v-model是...
2019-10-19 09:14:42
306
原创 关于移动端部分常见兼容性问题及解决办法
我们在做移动端开发时经常会遇到各种兼容性问题，所以总结了一些我曾遇到过的一些问题，也欢迎大家补充，修正。用position:absolute/fixed;把一个按钮固定在页面的底部，在android系统中，当调用输入法时，该按钮会被顶起解决办法：使用媒体查询@media screen and (max-width:400px){}当页面高度小于某一个值时，给元素一个top值不同浏览器默认...
2019-10-18 16:21:33
1565
原创 ES6-箭头函数、以及箭头函数和普通函数的区别
之前写项目的时候遇到函数中的this指向问题，最近总结了一些关于ES6中新增的箭头函数的用法以及与普通函数的区别。也欢迎大家随时指正、探讨！谢谢！
2019-10-17 22:01:29
174
原创 关于数组去重的几种方法
数组去重：1.数组sort加splice截取去重(推荐)原理：使用sort进行简单排序，将相同项放一起，然后循环比较截取var arr1=[1,3,6,6,6,4];function noRepeat(arr){ arr.sort()//使用sort进行简单排序，将相同项放一起 for(var i=0;i<arr.length;i++){ //控制外层循环 ...
2019-10-15 18:31:42
322
2
原创 解决移动端1px像素问题的几种方法
出现边框变粗的原因因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比devicePixelRatio的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素解决方案使用border-image实现...
2019-10-15 11:13:02
309
原创 数组的排序和去重
冒泡排序function bubbleSort(arr) { for (var i = 0; i < arr.length- 1; i++) { for (var j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j+1]) { // 相邻元素两两...
2019-10-13 09:41:57
252
原创 比较 opacity: 0、visibility: hidden、display: none 优劣和区别
结构上：display:none 会从渲染树中消失，元素不占据空间且无法点击；visibility: hidden 不会从渲染树中消失，元素继续占据空间但无法点击；opacity: 0 不会从渲染树消失，元素占据空间且可点击。继承性：display: none 和 opacity: 0 是非继承属性；父元素设置了 display:none 或 opacity: 0，子元素无论怎么设...
2019-10-12 08:39:04
457
原创 vue的生命周期
各个生命周期的作用生命周期示意图异步请求适合在哪个生命周期调用？官方实例的异步请求是在mounted生命周期中调用的，而实际上也可以在created生命周期中调用。...
2019-10-10 14:19:32
103
1
原创 http和https的区别
HTTP和HTTPS的基本概念HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。HTTPS协议的主...
2019-10-09 09:28:05
76
转载 MVC，MVP 和 MVVM 的图示
一、MVCMVC模式的意思是，软件可以分成三个部分。视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存各部分之间的通信方式如下。各部分之间的通信方式如下View 传送指令到 ControllerController 完成业务逻辑后，要求 Model 改变状态Model 将新的数据发送到 View，用户得到反馈所有通信都是...
2019-10-05 14:25:57
100
原创 元素垂直居中
实现垂直居中布局宽高固定div.parent { position: relative; }div.child { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -...
2019-09-30 08:07:48
78
转载 解决跨域的几种方式
解决跨域问题的方法jsonpiframe跨域html5中的postMessage（）方法服务器代理设置corsjsonp方式因为 iframe、img、style、script等元素的src属性可以直接向不同域请求资源，jsonp正是利用script标签跨域请求资源的简单实现，所以这个和jsonp本质一样，同样需要服务端请求返回callback…形式。具体处理就是在向接口传递参...
2019-09-28 11:22:53
129
原创 面向对象
面向对象：面向对象就是把构成问题是无分解成多个对象，建立对象不是为了完成某个步骤，而是描述某个事物在这个解决问题的步骤中的行为。一种思维方法、编程方法。面向对象有三大特性：封装、继承、多态封装：一些公用方法的封装继承：将父类的属性和方法继承给子类多态：同一方法传入不同参数是点用方式不同面向对象和面向过程的区别和联系？1.面向过程侧重整个问题的解决步骤，着眼局部或者具体。2·面向对象...
2019-09-26 08:46:21
661
原创 关于数组方法的总结
数组方法：arr.toString() 与 arr.join()输出相同，不过join里可以输入其它链接符arr.push(item)接受任意数量的参数，添加到数组末尾，返回新数组的长度arr.pop()删除数组最后一项，返回删除的项arr.unshift()接受任意数量的参数，添加到数组头部，返回新数组的长度arr.shift()删除数组第一项，返回删除的项arr.sort(...
2019-09-18 21:13:26
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人