培根熏肉-CSDN博客

原创 Vue函数式组件个人理解

Vue官方文档的demo总是会省略很多东西，对于我们这样的小萌新十分不友好啊喂。函数式组件这块儿（链接https://cn.vuejs.org/v2/guide/render-function.html#函数式组件）这个demo啊，并没有实现什么实际的东西，还是需要自己去编写。我把它编辑好了，大家可以参考一下。首先，html这块儿： vue实例名为app，组件名为smart-

2017-12-14 09:48:48 11969 3

转载清除浮动的几种主流方法

浮动元素容器的clearing问题1. 问题的由来有这样一种情形：在一个容器（container）中，有两个浮动的子元素。在浏览器中一运行，就会出现意想不到的结果。实际视图是子元素显示在父容器的外部。2. 问题的原因与浮动定位有关。在CSS规范中，浮动定位不属于正常的页面流（page flow），是独立定位的。所以，只含有浮动元素

2017-09-15 11:17:15 276

转载【Vue】谈Vue的依赖追踪系统 ——搞懂methods watch和compute的区别和联系

原文地址：http://www.cnblogs.com/penghuwan/p/7194133.html目录从作用机制和性质上看待methods,watch和computed的关系作用机制上从性质上看watch和computed的对比watch擅长处理的场景：一个数据影响多个数据computed擅长处理的场景：一个数据受多个数据影响m

2017-09-05 11:26:11 3980 2

原创利用腾讯位置服务API实现简单的网页地图显示

一、基础利用HTML5（以及基于JS的地理定位api）可以很容易的在页面中访问位置信息。但这需要我们首先了解JS中的geolocation属性。 if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(displayLocation, displayError);

2017-08-10 20:19:16 24121 2

转载 attribute和property区别

总结：为了更好的区分attribute和property，基本可以总结为attribute节点都是在HTML代码中可见的，而property只是一个普通的名值对属性。DOM元素的attribute和property很容易混倄在一起，分不清楚，两者是不同的东西，但是两者又联系紧密。很多新手朋友，也包括以前的我，经常会搞不清楚。attribute翻译成中文术语为“特性”，p

2017-08-04 16:06:52 392

转载 JS代码在页面的什么位置插入合适（提高加载速率）

JS一定要放在Body的最底部么？聊聊浏览器的渲染机制12 JANUARY 2016 on 前端, Web性能优化说明： 1. 本文提到的浏览器均是指Chrome。 2. “script标签“指的都是普通的不带其他属性的外联javascript。 3. web性能优化的手段并不是非黑即白的，有些手段过头了反而降低性能，所以在讨论条件和结论的时候，虽然很多条件本身会带来其他细微的负面

2017-08-02 14:39:12 825

转载 list-style-image 在IE下设置float浮动后便不再正常显示

写在最前：1.IE下由于display的问题；2、建议使用background设置笔者最近在写页面的时候碰到个比较纠结的问题，在FF下写好的列表测兼容性的时候发现在IE6和chrome下的兼容性都不是很好。后来，再学长的提点下，把list-style-image属性改为了background：url；background-position；padding；达到了预期的效果。

2017-08-02 11:00:31 413

原创表单改变回车键/submit功能不自动提交表单（AJAX内容一闪而过）

一般的form表单默认回车键会提交表单，这会导致AJAX的内容在页面上一闪而过。因为提交后页面会跳转（刷新）所以此时需要将表单中的submit按钮改为button按钮。或者修改submit的默认行为。但之后还会出现问题，比如AJAX技术实现检索功能的时候表单中要有text类型元素，而回车键会自动触发submit功能。于是可以在表单中加入这一代码：如此，可以取消回车键的自动提交功能

2017-06-28 11:23:57 3388

翻译 JS中document和window的区别

Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。Document 对象描述HTMLDocument 接口对 D

2017-05-19 10:51:23 9494 2

转载【图解】js中的各种尺寸（高度、宽度）

Javascript: IE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见

2017-05-14 11:39:37 1130

原创 JS中innerHTML createTextNode innerText outerHTML 区别

话不多说，请看栗子：HTML>html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"> title>无标题文档title>head>body>script type="text/javascript"> //使用createTextNode var e

2017-05-14 10:05:49 495

原创 JS中setInterval和setTimeout的区别

萌新首发~~记录自己的学习心得，希望高手指出不足的地方首先免不了先看两者的基本定义与用法： 1.setInterval的基本语法：setInterval(code,millisec[,"lang"]) 参数描述code必需。要调用的函数或要执行的代码串。（若是函数，则只需要写函数名，可以不加双引号和括号）mil

2017-05-12 11:35:55 3009

mystric594的博客