Js - 随笔分类 - Herry彬

Vue组件通信方式（一）

摘要：组件与组件的关系，通常有父子关系，兄弟关系以及隔代关系。针对不同的场景，如何选用适合的通信方式呢？（一） props/$emit parentComponent ==> childComponent child 通过 props [childParams] 接受父组件 parent 传递的过来的阅读全文

posted @ 2019-10-17 14:47 Herry彬阅读(205) 评论(0) 推荐(0)

Dom操作-判断Node节点之间的位置关系

摘要：位置关系有哪些在Dom里，A节点与B节点关系，通常具有如下关系： 1、A是否包含B 2、A是否在B的前面 3、A与B是否同属一个文档中包含关系的判断普通的Node节点使用 ParentNode.contains(childNode) 即可以判断两者是否包含关系。 Iframe的节点如果A 阅读全文

posted @ 2019-03-11 17:38 Herry彬

使用 FormData 上传图片

摘要：上传头像时，因为仅仅需要图片信息，因为没有必要在页面上使用 <form></form>,因此，找了下资料，发现FormData 可以使用和表单一样的格式。什么是FormData？提供了一种表示表单数据的键值对的构造方式。创建实例 1、创建空对象实例 var formData = new Fo 阅读全文

posted @ 2019-03-07 17:34 Herry彬阅读(451) 评论(0) 推荐(0)

Vue源码学习(二）$mount() 后的做的事(1)

摘要：Vue实例初始化完成后，启动加载（$mount）模块数据。（一）Vue$3.protype.$mount 标红的函数 compileToFunctions 过于复杂，主要是生AST 树，返回的 ref 如下： render 是浏览器虚拟机编译出来的一个函数。我们点进入可以看到如下代码（自己调整后空阅读全文

posted @ 2018-01-31 14:40 Herry彬

Vue源码学习(一）———数据双向绑定 Observer

摘要：从最简单的案例，来学习Vue.js源码。（一）为何可以直接使用 Vue？ (function (global, factory) { typeof exports 'object' && typeof module !== 'undefined' ? module.exports = factor 阅读全文

posted @ 2018-01-27 14:06 Herry彬阅读(510) 评论(0) 推荐(0)

Vuex 源码学习（二）

摘要：Vue加载后，将Vuex 加载到 Vue对象上后，初始化Store。 (一） Store的参数的定义其中 action 与 mutation 的订阅者用数组存储，而其属性都是用对象存储的。考虑了分模块存储思想，这样的存储方式个人觉得确实合理。然后绑定 commit 与 dispatch 两阅读全文

posted @ 2017-12-23 16:40 Herry彬阅读(371) 评论(0) 推荐(0)

Vuex 源码学习（一）

摘要：（一）Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 —— 来自 Vuex 官方文档的介绍可以这样理解：整个Vue程序中，将所有的状态和其管理全部集中在一个单例 S 阅读全文

posted @ 2017-12-14 20:38 Herry彬阅读(347) 评论(0) 推荐(0)

js排序-按多个属性进行排序

摘要：阅读全文

posted @ 2017-07-01 19:05 Herry彬阅读(1658) 评论(0) 推荐(0)

angularJS 输入框实现自定义验证

摘要：此插件使用angular.js、JQuery实现。（jQuery的引入需在angular 之前）用户可以在输入框输入数据后验证必填项、整数型、浮点型验证。如果在form 里面的输入框验证，可以点击提交按钮后，实现必填项验证。效果图如下： (1)验证未通过时，背景标红等样式为 input 阅读全文

posted @ 2017-02-18 23:35 Herry彬阅读(3854) 评论(0) 推荐(0)

Vue.js + Seajs 实例（包含vue-router使用）

摘要：这个Demo 相关JS： Sea.js : Version 2.3.0 seajs-text : Version 2.3.0 vue.js : Version 1.0.24 vue-router: Version 0.7.10 jquery: Version 1.0.24 特别是 seaj-text 阅读全文

posted @ 2017-01-10 22:17 Herry彬阅读(5632) 评论(6) 推荐(2)

grunt 基本使用使用（一）。

摘要：使用grunt 之前，需要做一些基本工作。 1、在E盘新建空文件夹 grunt。 2、在grunt目录下新建package.json 文件，用了存储 npm模块的依赖项。基本依赖块代码如下： 2、启动命令行：进入E盘，下载相关的js文件包。这时候会根据package.json里的代码下载相关的g 阅读全文

posted @ 2016-12-26 23:36 Herry彬

安装好grunt,cmd 提示"grunt不是内部或外部命令" 怎么办？

摘要：Grunt和所有grunt插件都是基于nodejs来运行的，因此，必须安装node.js。（一）去官网http://nodejs.org/ 下载安装包 node-v6.9.2.msi，直接点击安装。 windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，默认路阅读全文

posted @ 2016-12-21 00:26 Herry彬阅读(10505) 评论(0) 推荐(0)

响应式布局基础知识

摘要：（一）响应式设计优缺点 1、优点解决了设备之间的差异化展示 2、缺点兼容性代码多，工作量大，加载速度受影响。对原有网站布局会产生影响，用户判断未必准确。（二）响应式设计原则 1、移动优先：设计初期就要考虑页面如何在多终端展示。 2、渐进增强：充分发挥硬件设备的最大功能。（三）如何实现阅读全文

posted @ 2016-12-12 20:52 Herry彬阅读(144) 评论(0) 推荐(0)

Js 知识总结

摘要：（一）委托当多个元素都需要响应某个事件时，我们把这个事件的处理程序都绑定到它们的父元素上，这项技术通常叫做 “事件委托”。当事件在子元素上触发后，会冒泡到绑定了处理程序的父元素上。阅读全文

posted @ 2016-10-23 19:29 Herry彬

js- 对象

摘要：原始值 VS 对象 javaScript中的值可以被划分为两个大类：原始值（primitive） and 对象（object）；一.primitve 1、字符串 2、数字：在js的世界里，所有数字都是浮点数，是双精度的 3、布尔值 4、null 5、undefined 二.所有其他的值都是对象阅读全文

posted @ 2016-06-28 20:14 Herry彬阅读(217) 评论(0) 推荐(0)

js-我理解的闭包

摘要：一：什么是闭包《JS高级程序设计》指出：闭包是指有有权访问另一个函数作用域中变量的函数。二：闭包的使用闭包的常见的创建方式是子函数嵌套在父函数的内部，这样，子函数就可以访问父函数中的变量。 8行 2 9行 2 12,13行 2，3 那么，为什么第9行得到的结果仍然是2，而不是期待中的3呢？阅读全文

posted @ 2016-03-03 18:32 Herry彬阅读(432) 评论(0) 推荐(0)

js- this

摘要：this对象是基于函数在执行的环境绑定的。（一） this 在闭包环境中指向的对象。《Js高级程序设计》中提到：每个函数在被调用时，其活动对象都会自动取得两个特殊变量：this和arguments。内部函数搜索这两个this,arguments时，只会搜索到其活动对象为止，因此永远不可能直接阅读全文

posted @ 2016-03-01 17:10 Herry彬阅读(241) 评论(0) 推荐(0)

angular-ui-route Demo

摘要：Page-1 Page-2 Page-3 阅读全文

posted @ 2016-01-04 17:37 Herry彬阅读(288) 评论(0) 推荐(0)

js-事件

摘要：事件流描述的是从页面中接收事件的顺序。现在浏览器中最常用的是事件冒泡事件流：由最具体的元素元素，然后逐级向上传播到较为不具体的节点。 DOM0级事件处理程序即将一个函数赋值给一个事件处理程序属性。 document.getElmentById("myBtn").onclick=func 阅读全文

posted @ 2015-12-22 15:32 Herry彬

窗体滚动引发的思考

摘要：思考一 window与document的联系与差别请思考下面返回的值： window.document document document.documentElement document.querySelector('html') document.body document.querySele 阅读全文

posted @ 2015-12-22 15:30 Herry彬阅读(159) 评论(0) 推荐(0)

随笔分类 - Js