- 博客(64)
- 收藏
- 关注
RSS订阅原创 antd design国际化配置为中文时，日期组件中月与星期显示为英文，其他显示为中文
antd design国际化具体配置见官网 https://ant.design/components/locale-provider-cn/主要代码：import { LocaleProvider } from 'antd';import zh_CN from 'antd/lib/locale-provider/zh_CN';import moment from 'moment';...
2019-06-06 14:48:11
13239
1
原创 常见协议及对应的因特网协议栈
应用层：HTTP协议、FTP协议、Telnet协议、SMTP协议、POP3协议传输层：TCP/UDP协议网络层：IP协议数据链路层物理层
2018-04-13 10:36:28
975
3
转载 面试必备：HTTP协议-cookie
转自：http://www.sohu.com/a/126962490_5874491.Cookie是什么？★☆cookie时当前识别用户，实现持久化会话的最好方式。简单点说就是服务器知道正在和哪个客户端通信，以及保持与已识别出的客户端通信。Cookie的基本思想就是让浏览器积累一组服务器特有的信息，每次访问服务器时都将这些信息提供给它。2.Cookie能做什么？★☆对连接另一端的用...
2018-04-13 10:26:50
337
转载 HTTP请求中的cookies
参考：https://www.aliyun.com/jiaocheng/393336.htmlcookies的作用用于维持服务端会话状态的，通常由服务端写入，在后续请求中供服务端读取。cookies的使用1、server通过HTTP Response中的”Set-Cookie: header”把cookie发送给client2、client把cookie通过HTTP Req...
2018-04-13 10:17:38
1947
原创 webpack打包工具
通常与React或Vue结合起来用npm init //初始化npm install webpack –save-dev //安装webpack xxx.js xxx.bundle.js //打包webpack自身只理解JavaScript，支持AMD，CMD，ES6，不支持CSS样式的引入，loader可以将所有类型的文件转换为webpack能够处理的有效模块。例如 ...
2018-04-09 21:18:43
243
原创 文本溢出与背景图片处理
文本溢出处理（1）单行文本 overflow:hidden; text-overflow:ellipsis white-space:nowrap;（2）多行文本overflow:hidden;背景图片处理background-size:100px 100px;background-repeat:no-repeat;background-po...
2018-04-09 21:06:52
423
原创 Sass与Less
SASS是一种CSS开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发变得简单和可维护，后缀名.scss SASS是用Ruby语言写的，两者的语法没有关系，使用时先安装Ruby，再安装SASS。安装好Ruby后，输入gem install sass就可以使用了。sass test.scss test.css //将scss文件转化为css格式并保存成文件Le...
2018-04-09 21:03:28
769
原创 移动端1px问题
原因：Retina屏的分辨率始终是普通屏幕的2倍（设备像素是物理像素的2倍），所以1px的边框在devicePixelRatio的Retina屏下会显示成2px。解决方式：伪类after+缩放scaleY/*stylus书写*/@media(-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) .bor...
2018-04-09 20:57:15
139
原创 JS中如何区分数组和对象
方法一：通过调用constructor来识别{}.constructor //返回object[].constructor //返回Array方法二：通过instance of来识别[] instance of Array //true{} instance of Array //false方法三：通过Object,prototype.toString.ca...
2018-04-09 20:51:34
12696
4
转载 CSS的display属性
none（将元素设置为none的时候既不会占据空间，也无法显示，相当于该元素不存在，该属性可以用来改善重排与重绘） inline（用来设置行内元素属性，设置了该属性之后设置高度、宽度都无效，同时text-align属性设置也无效，但是设置了line-height会让inline元素居中） inline-block（inline-block既具有block的宽高特性又具有inline的同行元素特...
2018-03-14 10:21:05
210
转载 Bootstrap 浏览器/设备支持
参考自：http://www.runoob.com/bootstrap/bootstrap-css-overview.htmlBootstrap 可以在最新的桌面系统和移动端浏览器中很好的工作。旧的浏览器可能无法很好的支持。
2017-11-14 16:58:27
469
转载 babel的安装
来自： http://www.jb51.net/article/88759.htm https://www.cnblogs.com/zhenwen/archive/2016/07/17/5679589.html1）安装babel-cli，用于在终端使用babelnpm install –g babel-cli（2）安装babel-preset-es2015插件npm install –save
2017-11-13 20:50:57
357
转载 Ajax（1）
来自：http://www.jb51.net/article/74357.htm什么是Ajax？Asynchronous JavaScript and XML（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。使用XHTML和CSS来标准化呈现使用XML和XSLT进行数据交换及相关操作使用XMLHTTPRequest对象与web服务器进行异步数据通信使用JavaS
2017-11-08 10:36:27
402
原创 Ajax（2）
Ajax的实现和原理原理：通过XMLHttpRequest对象来向服务器发送请求，从服务器获得数据，然后用JavaScript来操作DOM而更新页面。最关键的一步是从服务器获得请求数据。实现步骤：（1）创建XMLHTTPRequest对象，通过new操作来实现（2）注册回调函数。xhr.onreadystatechange=callback（3）设置和服务器的链接信息。xhr.open(http请求
2017-11-08 10:03:20
427
原创 CSS3新增属性
（1）背景与边框：border-radius，box-shadow，border-image，background-size（可能的取值：cover（撑满整个屏幕，某些部分也许无法显示在指定区域），contain（大小适应内容区域），length，percentage）background-clip：规定背景的绘制区域，也就是说对背景图片进行剪裁(可以取的值有：border-box（背景被裁剪到边框
2017-11-07 17:27:53
237
原创 background-size的取值有哪些？cover与contain有什么区别？
contain：把图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域cover：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位中。(背景的宽度撑满整个屏幕)length：设置背景图像的高度和宽度。如果只设置一个值，则第二个值会被设置为“auto”。percentage：以父元素的百分比来设置背景图像的宽度和高度。如果只设置一个值，则第二个值会被设置为
2017-11-06 11:31:14
2890
原创 CSS中奇数选择器与偶数选择器，一句代码怎么实现？
p标签下的奇数行与偶数行p:nth-child(odd){} //奇数行p:nth-child(even){} //偶数行:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
2017-11-06 11:24:32
62605
原创 margin和padding的区别？
（1）margin位于border之外，是容器外边距，用来隔开元素与元素的间距，padding位于border之内，是容器内边距，用来隔开元素与内容的间隔（2）margin允许重叠，padding不允许（3）margin允许出现负值，padding不允许
2017-11-06 11:21:00
525
原创 阻止事件冒泡，阻止默认事件，阻止所有事件的方法
阻止事件冒泡？w3c用的是stopPropagation()，IE用的是cancelBubble=true。阻止默认事件的方法？w3c用的是preventDefault()，IE用的是returnValue = false阻止所有事件的方法？return false。javascript的return false只会阻止默认行为，而用jQuery的话则既阻止默认行为又防止对象冒泡。
2017-10-25 15:21:11
1249
转载 HTTP请求中的常用请求字段和HTTP的响应状态码及响应头
来自：http://blog.csdn.net/qxs965266509/article/details/8082810HTTP请求报文包括：请求行（method url http version） 首部行（若干请求头） 空行 实体主体HTTP响应报文包括：状态行（http版
2017-10-23 21:43:20
872
转载 CSS3新增长度单位
来自： http://www.jianshu.com/p/60ea15164b82rem：对于根元素(html)的字体大小。相对视窗的单位： vh, vw，分别代表viewport height和viewport width。1vw就是viewport width的1%。Box SizingW3C规范: width只是content的宽度，不包含padding和border, box-si
2017-10-23 21:32:07
644
转载 Cookie，LocalStorage与SessionStorage
参考自： https://segmentfault.com/a/1190000002723469http://blog.csdn.net/lttxzmj/article/details/61921551Cookie：指某些网站为了辨别用户身份而存储在用户本地终端上的数据。用途：服务器可以设置或读取Cookie中包含的信息，借此维护用户跟服务器会话中的状态（HTTP协议是无状态的）。 缺点：Co
2017-10-20 19:38:54
201
原创 总结
JavaScript中数组Array不具有length()方法，但是具有length属性, 具有的方法有：concat(): 连接数组 slice()：从某个已有的数组返回选定的元素concat()和slice()不改变原数组pop()：删除并返回数组的最后一个元素 push()：向数组的末尾添加一个或多个元素，并返回新的长度 splice()：删除元素，并向数组添加新元素 shift()
2017-10-18 21:15:43
391
转载 浏览器兼容性问题整理
来自： http://www.qdfuns.com/notes/21128/db10afdde2abe5f0b72d5945358987e3.html三个部分：html部分、css部分、js部分1、html部分（1）高版本的浏览器用了低版本的浏览器无法识别的元素，从而导致不能解析。主要体现在html5的新标签上。解决方法：htmlshim框架可以让低于IE9的浏览器支持html5（2）img
2017-10-18 20:15:12
567
原创 CSRF攻击和XSS攻击
CSRF（Cross-site request forgery）：跨站请求伪造攻击者盗用了用户的身份，以用户的名义发送恶意请求，包括：以用户的名义发送邮件，发消息，盗取用户账号。防止措施：（1）检查报文中的Referer参数，确保请求发送自正确的网站。（2）对于任何重复的请求，都需要重新验证用户的身份。（3）创建一个唯一的令牌（Token），将其存在服务端的session中以及客户端的cookie中
2017-10-16 19:09:08
648
原创 java语言实现简单的选择排序
基本原理：给定数组int []arr={…….}，数组的长度为n 第一趟排序：在待排序的数据中选出最小的数据，将它与arr[0]交换 第二趟排序：在待排序的数据arr[1]-arr[n-1]中选出最小的数据与arr[1]交换 ……. 以此类推，直到全部排序完成public class SelectSort { public static void selectS
2017-10-15 20:52:09
345
原创 java语言递归实现快速排序
基本思想：通过一趟排序将要排序的数据分割成独立的两个部分，其中一部分的所有数据都比另一部分的所有数据都小。public class QuickSort { //分割函数 public static int partitionByPivotValue(int[] arr,int left,int right){ int pivotValue=arr[left];
2017-10-15 20:19:05
434
转载 null和undefined
来自：http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.htmlnull表示”没有对象”，即该处不应该有值。（1） 作为函数的参数，表示该函数的参数不是对象。 （2） 作为对象原型链的终点。undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义。（1）变量被声明了，但没有赋值时，就等于undefined。（2) 调用函
2017-10-14 21:55:00
257
原创 H5的新特性
画布：canvas音频视频：audio，video地理位置：geolocation离线应用：service-worker语义化标签：header，nav，section，article，footerInput新增类型：date，color，email，url，number，range，search服务器主动推送：websocket可开启新线程的webworker废弃的属性 纯样式标签：font，b
2017-10-14 21:51:18
542
原创 String.substr()和String.substring()
substr的第一个参数为开始索引，第二个参数为长度length；substring的第一个参数也为开始索引，但第二个参数为结束索引。
2017-10-14 21:44:34
4671
转载 CSS hack
来自：http://blog.csdn.net/freshlover/article/details/12132801#t3CSS hack：针对不同的浏览器/不同版本写相应的CSS code的过程CSS hack的原理： 不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样，以及CSS优先级对浏览器展现效果的影响，针对不同的浏览器情景来应用不同的CSS。CSS hack分类： （1）属性
2017-10-14 21:33:07
407
转载 flex
来自： http://mp.weixin.qq.com/s/QbeDbfMQMbPPhmd_q5ELDQ http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://www.ruanyifeng.com/blog/2015/07/flex-examples.htmlflex属性是flex-g
2017-10-14 20:59:57
348
转载 如何判断js的数据类型
来自：http://www.cnblogs.com/yi0921/p/6183422.html 1. typeof，不适合判断是否为数组。当使用typeof判断数组和对象的时候都返回object。可以使用isArray()来判断是否为数组。 2. instanceof，只能用于判断对象和函数，不能判断字符串和数字等 3. constructor 4. prototype，可以通过Object
2017-09-30 15:52:14
225
原创 严格模式的限制
严格模式（是ES5引入的，不属于ES6）ES6的模块自动采取严格模式，不管有没有在模块头部加上“use strict”严格模式主要有以下限制：变量必须声明后使用 函数的参数不能有同名属性，否则会报错 不能使用with语句 不能使用前缀0表示八进制数，否则会报错不能删除变量（delete prop），只能删除属性（delete global[prop]） eval不会在其外层作用域内引入变
2017-09-30 15:40:48
802
转载 页面各手机屏幕的尺寸
来自：http://www.kuku8.cc/html5/1728.htmliPhone6P, 6SP, 7P：1242*2208px iPhone6-6s-7：750*1334px iPhone5-5c-5s：640*1136px iPhone4-4s：640*960px
2017-09-27 21:49:38
13827
转载 多态
来自：http://www.cnblogs.com/chenssy/p/3372798.html多态就是指程序中定义的引用变量所指向的具体类型和通过该引用变量发出的方法调用在编程时并不确定，而是在程序运行期间才确定，即一个引用变量倒底会指向哪个类的实例对象，该引用变量发出的方法调用到底是哪个类中实现的方法，必须在由程序运行期间才能决定。因为在程序运行时才确定具体的类，这样，不用修改源程序代码，就可以
2017-09-25 10:39:50
210
转载 js事件委托或事件代理
来自：http://www.cnblogs.com/liugang-vip/p/5616484.html 事件委托也叫事件代理
2017-09-25 10:37:28
201
原创 document.ready()与window.load()的区别
来自：http://blog.csdn.net/liucyccdt2013/article/details/41749377
2017-09-24 19:59:41
303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人