06 2017 档案
摘要：1.父组件 >>> 子组件 父组件数据如何传递给子组件呢？可以通过props属性来实现 在父级模板中：： 子组件通过props来接收数据: 方式1： 方式2 : 方式3： 这样呢，就实现了父组件向子组件传递数据. 2.子组件 >>> 父组件通信 那么，如果子组件想要改变数据呢？这在vue中是不允许的
阅读全文
摘要：1 ：caller 返回一个调用当前函数的引用 如果是由顶层调用的话 则返回null （举个栗子哈 caller给你打电话的人 谁给你打电话了 谁调用了你 很显然是下面a函数的执行 只有在打电话的时候你才能知道打电话的人是谁 所以对于函数来说 只有caller在函数执行的时候才存在） var cal
阅读全文
摘要：首先，delete删除成功返回true，失败返回false。 js代码： 仔细一看便知，这里的this指向的是function wxCount()，而在javascript中，delete是无法删除一般的变量或者function的，永远都会返回false。 example： 大多数情况下可以理解为：
阅读全文
摘要：1. 在每个组件模板，不在支持片段代码 组件中模板: 之前: <template> <h3>我是组件</h3><strong>我是加粗标签</strong> </template> 现在: 必须有根元素，包裹住所有的代码 <template id="aaa"> <div> <h3>我是组件</h3>
阅读全文
摘要：webpack loader 读文件的 脚手架 vue-cli: 自动化的小工具，帮咱们把项目的架子搭起来 开发环境 nodejs npm webpack vue的组件都是通过.vue文件来实现，这些文件无法被浏览器解析的，需要webpack vue-cli 脚手架: 用来生成vue的模板（架子），
阅读全文
摘要：基本流程： a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 TCP（传输控制协议）
阅读全文
摘要：前言 如果我们允许用户在页面上用类似桌面浏览器鼠标手势的方式来控制WEB APP，这个页面上肯定是有很多可点击区域的，如果用户触摸到了那些可点击区域怎么办呢??诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用
阅读全文
摘要：Vue.js是JavaScript MVVM（Model-View-ViewModel）库，十分简洁，Vue核心只关注视图层，相对AngularJS提供更加简洁、易于理解的API。Vue尽可能通过简单的API实现响应的数据绑定和组合的视图组件。 Vue和MVVM模式 MVVM模式即Model-Vie
阅读全文
摘要：console.log允许你通过css来格式化输出，格式如下： console.log(‘%c字符串%c字符串’, 样式1, [样式2]) 其中”%c”为模板字符串 例子: 1 console.log('%cHello','color:#fff;background:red') 改变多个样式 1 c
阅读全文
摘要：vue到底是什么? 一个mvvm框架(库)、和angular类似 面向数据的思想 vue和angular区别? vue——简单、易学 指令以 v-xxx 一片html代码配合上json，在new出来vue实例 适合: 移动端项目,小巧 vue的发展势头很猛，github上start数量已经超越ang
阅读全文
摘要：字符串的一些方法: 【IE7下不兼容方括号取下标，可以使用charAt()】 1.charAt(index) : 【根据下标取字符串】参数里面传递字符的下标 str.charAt(1); 2.charCodeAt(index) : 【根据下标取 字符的编码】 4.search() ：【返回字符的下标
阅读全文
摘要：IE6bug总结： 1.双边距bug产生原因 margin的方向与浮动的方向相同 解决方法： 浮动的元素身上加 display:inline; 2.最小高度bug产生原因 IE6 下一个div有宽度，高度最小不是0而是字体大小 解决方法： 给 div height:0; 并且 overflow:hi
阅读全文
摘要：分辨率就是屏幕上横、纵的总象素点数。如果我们设计的时候用单位px，可以说是物理分辨率尺寸。如果我们设计的时候用单位pt，可以说是逻辑分辨率尺寸。 默认情况下：手机按照桌面浏览器的分辨率显示,如果要在手机上显示需要加<meta>标签<meta name="viewport" content="widt
阅读全文
摘要：json对象: 1.数组有length属性【尽量使用for循环】 2.而json没有length属性【可以使用for...in...循环】 3.for in 不能遍历页面中的节点对象。 for ( var key in json4 ) { alert( key ); alert( json4[key
阅读全文
摘要：在ios和安卓手机里的微信下播放视频时，会遇到不少问题，例如需要手动点击，视频才会播放，并且视频会跳出微信框，出现控制条，如果视频不是腾讯视频，播放完毕会出现腾讯视频的广告推送等问题 解决办法：给video标签加一些属性，调用h5原生video。 1 2 3 4 5 6 7 8 9 10 11 12
阅读全文
摘要：在firebug中，如果console.log不能在控制台使用，禁用firebug，直接用自带的就可以了。 注意:1.设置类名的时候，应该用className2.设置lable下的for属性的时候，应该用htmlFor 标准浏览器不支持在行间的自定义属性，通过JS在<script>标签中自定义的属性
阅读全文
摘要：用js设置一个元素的float样式 div.style.float = 'left'; 这句话在谷歌浏览器或许没问题,但是在IE,火狐下会无效 正确写法是 div.style.styleFloat = 'left'; //ie div.style.cssFloat = 'left'; //火狐
阅读全文
摘要：新增选择器 document.querySelector、document.querySelectorAll 拖拽释放(Drag and drop) API 媒体播放的 video 和 audio 本地存储 localStorage 和 sessionStorage 离线应用 manifest 桌面
阅读全文
摘要：script标签存在两个属性，defer和async，因此script标签的使用分为三种情况： 1.<script src="example.js"></script> 没有defer或async属性，浏览器会立即加载并执行相应的脚本。也就是说在渲染script标签之后的文档之前，不等待后续加载的文
阅读全文
摘要：100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。 500-599 用于支持服务器错误。 100 (Continue/继续)如果服务器收到头信息中
阅读全文
摘要：<1>align-items: 垂直方向的对齐方式 align-items: stretch(拉伸,布满父容器) | center(垂直居中) | flex-start(上对齐) | flex-end(下对齐) <2>justify-content: 水平方向对其方式 justify-content
阅读全文
摘要：1，这是一个重前端逻辑，轻交互，数据展示的项目，可读性差，2，组件划分的坑，复用过多的坑，复用过多导致要在js手动判断太多东西，不便于可读3，vuex的坑，数据分为后台请求数据的暂存，前端页面逻辑的状态。以及getter给组件的数据。4，数据处理的问题，太丑5，请求触发放到哪里的问题。涉及点：axi
阅读全文
摘要：MVC： View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 View，用户得到反馈 所有通信都是单向的。 MVC 可以分成两种方式。 一种是通过 View 接受指令，传递给 Controller。 另一种是直接
阅读全文
摘要：导入.sass或.scss文件 css有一个不太常用的特性，即@import 导入功能，它允许在一个css文件中导入其他css文件。然而，结果是只有执行到@import 规则时，浏览器才会去下载其他css文件，这会导致页面样式加载特别慢，从而容易出现页面闪的问题。 sass也有@import 导入规
阅读全文
摘要：webpack loader 读文件的 脚手架 自动化的小工具，帮咱们把项目的架子搭起来 webpack 开发环境 nodejs npm webpack vue的组件都是通过.vue文件来实现，这些文件无法被浏览器解析的，需要webpack vue-cli 脚手架 用来生成vue的模板（架子），相当
阅读全文
摘要：$().each 在dom处理上面用的较多。如果页面有多个input标签类型为checkbox，对于这时用$().each来处理多个checkbook，例如： 遍历一个数组通常用$.each()来处理 例如： $.each([{name:"limeng",email:"xfjylimeng"},{n
阅读全文
摘要：1、getBoundingClientRect的作用 getBoundingClientRect用于获取某个html元素相对于视窗的位置集合。 执行 object.getBoundingClientRect();会得到元素的top、right、bottom、left、width、height属性，这
阅读全文
摘要：获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 $(document).width() ==> 浏览器可见区域宽度$(d
阅读全文
摘要：箭头操作符 如果你会C#或者Java，你肯定知道lambda表达式，ES6中新增的箭头操作符=>便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=>outputs。 我们知道在JS中回调是经常的事，而一般回调又以匿名函数的形式出现，每次都需要
阅读全文
摘要：：active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况，一般主流浏览器下也支持其他元素，如button等。在多按键的鼠标系统中，：active只适用于主按键，目前的大部分情况都是左键即主键。该伪类下定义的CSS样式只在按下鼠标按钮与释放鼠
阅读全文
摘要：基本上，所有JS数据类型都拥有valueOf和toString这两个方法，null除外。它们俩解决javascript值运算与显示的问题,本文将详细介绍，有需要的朋友可以参考下 基本上，所有JS数据类型都拥有valueOf和toString这两个方法，null除外。它们俩解决javascript值运
阅读全文
摘要：浏览器线程 js运作在浏览器中,是单线程的，即js代码始终在一个线程上执行，这个线程称为js引擎线程。 浏览器是多线程的，除了js引擎线程，它还有： UI渲染线程 浏览器事件触发线程 http请求线程 EventLoop轮询的处理线程 …….. 这些线程的作用： UI线程用于渲染页面 js线程用于执
阅读全文
摘要：一、常用知识点 1.1 如何使用命令行把文件夹用VS或者webstorm打开 vs安装的时候已经默认添加到环境变量了，直接在文件夹下输入：code .就会自动把该文件夹用visual Studio编辑器打开 webstorm的话，添加到环境变量就OK，如我的ws，我把：E:\tools\WS\Web
阅读全文
摘要：一般的，可能有些人在一个参数有多个值的情况下，可能以某个字符分隔的形式传递，比如页面上有多个checkbox： 然后后台获取参数后再分隔，这种做法有很大弊端，试问如果某一个参数值中出现了分隔符所使用的字符，会出现什么情况呢？当然后台获取的参数将与实际情况不符. 这时我想到了将上述代码写成这样： 如果
阅读全文
摘要：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments这些是ES6最常用的几个语法，基本上学会它们，我们就可以走遍天下都不怕啦！我会用最通俗
阅读全文
摘要：我很少使用hacker的，可能是个人习惯吧，我不喜欢写的代码ie不兼容，然后用hack来解决。不过hacker还是非常好用的。使用hacker 我可以吧浏览器分为3类：ie6 ；ie7和遨游；其他（ie8 chrome ff safari opera等）ie6认识的hacker 是下划线_ 和星号
阅读全文
摘要：首先，项目中往往时间的原因，无法将整个项目的代码完完整整的通读一遍，而且将整个代码完全理解透也不切实际。而且很多情况下一期项目完后，很少有人会将项目内的代码完完整整的进行关键性注释。这个时候针对性模块理解起到了一定的关键作用。 针对自己在项目中要增加、修改的模块花些时间进行理解很重要，而且因为时间原
阅读全文
摘要：插件描述：Animate.css内置了很多典型的css3动画，兼容性好使用方便。 Animate.css是一个有趣的，跨浏览器的css3动画库。很值得我们在项目中引用。 用法 1、首先引入animate css文件 1 2 3 <head> <link rel="stylesheet" href="
阅读全文
摘要：响应式WEB设计可以让WEB页面自适应各种尺寸的屏幕，俨然已经成为了当今WEB设计趋势。本文将介绍一款基于jQuery的响应式内容滑动插件以及如何使用这款插件到你的WEB应用中，满足各类WEB设计需求。 查看演示 下载源码 bxSlider特性 1.充分响应各种设备，适应各种屏幕； 2.支持多种滑动
阅读全文
摘要：插件介绍 用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题。所以我们在使用过程中，想要让低版本的浏览器，即IE9以下的浏览器支持，那么这款html5shiv.js是一个非常好的选择！ 上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用Html5.js
阅读全文
摘要：描述：现在都是HTML5时代了，所有的浏览器都支持placeholder，唯独IE不支持。现在我们有了这款插件，IE下终于可以支持了！ 图片展示： 兼容浏览器：IE6+/Firefox/Google Chrome 官方链接：无 JS下载：http://www.ijquery.cn/js/jquery
阅读全文
摘要：一、关于滚动显屏加载 常常会有这样子的页面，内容很丰富，页面很长，图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面，或者是新浪微博之类。 这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。乖乖，估计黄花都变成黄花菜了。所以
阅读全文
浙公网安备 33010602011771号