随笔分类 - web前端
摘要：正则表达式定义 在js中有两种方式来定义正则表达式， 第一种是类似 perl 的语法来定义一个正则表达式，我们把它叫做正则表达式字面量法： 其中 pattern 就是一个正则表达式，由字符类、限定符、分组、向前查找和反向引用组成。 flag 是匹配模式的标志，有 gim 三种： g 代表全局模式，
阅读全文
摘要：概念 Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。语法如下： Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象身上。 浅拷贝 使用这个方法有个最需要注意的地方就是它是浅拷贝，也就是对于嵌套对象来说使用Obj
阅读全文
摘要：react生命周期流程 1.初始化，首次render getDefaultProps() getDefaultProps 方法可以用来设置组件属性的默认值,在组件被建立时候就立即调用，所有实例都可以共享这些属性。此时并不可以使用this.state和setState。 注意es6语法中就不这样用了，
阅读全文
摘要：前言 不论是React还是React native，facebook官方都推荐使用ES6的语法，没在项目中使用过的话，突然转换过来会遇到一些问题，如果还没有时间系统的学习下ES6那么注意一些常见的写法暂时也就够用的，这会给我们的开发带来很大的便捷，你会体验到ES6语法的无比简洁。下面就介绍我在rea
阅读全文
摘要：前言 现在前端自动化已经是家常便饭，各种工具也是层出不穷，grunt、gulp、webpack是应用最广的三种工具，虽然grunt看似已垂垂老矣，但是以前写的很多项目一直用的就是grunt，温故方能知新，这里把grunt的基本操作再记录一下。 grunt常用插件 开始使用grunt很简单，在项目的根
阅读全文
摘要：填坑笔记 开始入坑RN，从最开始的学起难免有不少乱七八糟的问题，记录在这里。 1. 8081端口占用问题 按照官网教程搭建开发环境并按照下面代码运行时候有报错，显示8081端口的问题 应该就是端口占用的问题，首先找到占用程序，用下面代码，加上sudo，如果什么都没有发生。可以看到PID。 然后用下面
阅读全文
摘要：前言 公司终于可以上外网了，近期在搞RN的东西，暂时脑子有点晕，等过段时间再来写点总结。倒是最近有个新学前端的同学经常会问一些基础知识，工作空闲写了小Demo给他看，全是很基础的知识，纯粹是顺便记录在这里就当温故而知新吧... CSS布局 关于布局，我们马上就要想到浮动和定位，根据要实现的布局，相当
阅读全文
摘要：最近在网上看到有人讨论这三个的一些概念与区别，发现自己也一直没有较好的总结，所以查阅了一些资料来阐述一下。 基本概念 cookie cookie英文意思是小甜饼，是原来的网景公司创造，目前是在客户端存储数据的一种选项，cookie一般是由服务器端生成，绑定在特定的域名之下，当设定一个cookie之后
阅读全文
摘要：又碰到css等高布局的问题，发现以前没有总结，这里再把基本原理写一下吧。 1.负边距控制法。 <div id="content" <div class="left" 左边，无高度属性，自适应于最高一栏的高度</div <div class="right" 右边，无高度属性，自适应于最高一栏的...
阅读全文
摘要：##Question1 var foo = function foo() { console.log(foo === foo); }; foo(); 输出是“true”，因为foo就指代变量foo，两个是相等的。如果改成这样同样成立： var foo = function() {...
阅读全文
摘要：##1.javascript模块规范- ###CommonJS 主要用于服务器端编程，比如node.js的模块系统，就是参照CommonJS规范实现的。在CommonJS中，有一个全局性方法require()，用于加载模块。 引用一段代码： // package/lib is a depend...
阅读全文
摘要：##背景flexbox 模型的产生主要是为给布局、对齐和容器内的空间分配提供一个更有效的方法，即使尺寸未知或是动态改变的（flex，收缩，弹性 就是为此命名）。flex布局使得容器能够改变子元素的宽高来更好的填充可用空间，它既可以扩大子元素填充可用空间也可以收缩以防止溢出。最重要的是，相对于传统的规...
阅读全文
摘要：##1.http常见状态码(status code)- 200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。- 301 （永久移动） 请求的网页已永久移动到新位置。 服务器返回此响应（对 GET 或 HEAD 请求的响应）时，会自动将请求者转到新位置。- 302 （...
阅读全文
摘要：##1.什么是语义化语义化（Semantic）在HTML5中被大量提起，就是语义化标签向浏览器和开发者展示了它所包裹内容的类型与意思，可是至今我看了好多代码，HTML5新增的语义化标签的使用率还是挺低的，但是毕竟是一个趋势，要想使用好必须要很清楚的了解各个标签的真正语义。##2.H5中页面布局常见语...
阅读全文
摘要：##1.meta是什么 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。##2.pc端常见 需要注意的是 这个标签是XHTML的，可以算作已经废弃了，不...
阅读全文
摘要：##1.实例解释模块模式简明扼要的说，经典的模块模式指的定义一个立即执行的匿名函数。在函数中定义私有函数和私有变量并且返回一个包含公共变量和公共函数作为属性和方法的匿名对象。 var classicModulePattern = function(){ var privateVar = 1; ...
阅读全文
摘要：##1.HTML结构 File: /**/ input的accept属性需要ie10的支持所以后面用js来判断。##2.上传API $(function() { var $fileInput = $('input[type=file]'); var $imageArea = $...
阅读全文
摘要：##1.什么是lazy-loading图片“懒加载”为img标签src设置统一的图片链接，而将真实链接地址装在自定义属性中。所以开始时候图片是不会加载的，我们将满足条件的图片的src重置为自定义属性便可实现延迟加载功能##2.实现方法思想其实很简单，就是当图片相对于视口的距离小于视口高度的时候就置换...
阅读全文
摘要：##aspec-ratio- 取值：value (x/y)- 接收min/max前缀：是aspect-ratio描述了输出设备目标显示区域的宽高比。该值包含两个以/分隔的正整数。代表了水平像素数（第一个值）与垂直像素数（第二个值）的比例。##device-aspect-ratio这个和aspect-...
阅读全文
摘要：##1.input框光标太长与不居中的问题如果input框height:40px 为了字体垂直居中line-height也设为40px问题来了，这样光标在刚刚focus时候是占据整个input框并且输入的时候会顶到上边框，与下边框有距离，看起来很诡异。为了解决这个问题，最好的方法就是input的he...
阅读全文
浙公网安备 33010602011771号