林鑫 于 1个月前发表 554 0 1
前言 随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的 vue-router、vuex 等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件,来了解掌握插件的开发和使用。 认识插件 想要开发插件,先要认识一个插件是什么样子的。 Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象: MyPlugin.install = function(Vue, options){ Vue.myGlobalMethod = function(){ // 1. 添加全局方法或属性,如: vue-custom-element// 逻辑... } Vue.directive('my-directive', { // 2. 添加全局资源:指令/过滤器/过渡等,如 vue-touch bind (el, binding, vnode, oldVnode) {
1个月前
javascript技术
王军 于 8个月前发表 543 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— JavaScript运算符 JavaScript算术运算符 算术运算符用于执行两个变量或值的运算。 赋值 y = 5, 以下表格将向你说明算术运算符的使用: 运算符 描述 例子 y 值 x 值 在线实例 * 加法 x = y + 2 y = 5 x = 7 实例 » * 减法 x = y - 2 y = 5 x = 3 实例 » * 乘法 x = y * 2 y = 5 x = 10 实例 » / 除法 x = y / 2 y = 5 x = 2.5 实例 » % 余数 x = y % 2 y = 5 x = 1 实例 » ++ 自增 x = ++y y = 6 x = 6 实例 » x = y++ y = 6 x = 5 实例 » -- 自减 x = --y y = 4 x = 4 实例 » x = y-- y = 4 x = 5 实例 » 关于算术运算符,你可以阅读我们的 JavaScript运算符教程。 JavaScript赋值运算符
8个月前
HTML&HTML5
ShiJianwen 于 5个月前发表 506 0 0
hexo 是一个优秀的静态博客工具,唯一的不足就是源文件无法同步,让人几乎只能在一台电脑上写博客,为了解决这个问题,我们可以使用 Github 来管理我们的 hexo 源文件,具体思路就是:在我们博客的远程仓库中新建一个分支,用这个分支来存储博客的源文件,这样我们每次在更新博客并部署之后可以顺手多执行两条命令将源文件同步到远程分支中去,不需要做任何环境切换的操作,还可以将部署和同步操作写成一个命令脚本,自动执行以上命令。建立同步的过程很简单: 初始化版本库&建立仓库关联(已与远程仓库关联的可忽略这一步) 一般根据 hexo 教程一步步建立起来的博客都没有跟自己的远程仓库建立关联,查看是否关联的方法是输入 git remote 看是否有关联的远程仓库: [http://7tszky.com1.z0.glb.clouddn.com/FtxueLTZmK2wcld6Id7DAu6-24k_]
5个月前
工具建设
王军 于 8个月前发表 474 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程JavaScript强化教程 —— AngularJS 表达式 AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression}}。 AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置"输出"数据。 AngularJS 表达式 很像 JavaScript表达式:它们可以包含文字、运算符和变量。 实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }} AngularJS 实例 <!DOCTYPE html>
8个月前
HTML&HTML5
ousiri 于 2个月前发表 457 7 0
LET * let和var很相似,用于声明一个变量。但是let声明的变量只存在块状作用域内。 functionorder(x, y) { if (x > y) { // (A)let tmp = x; x = y; y = tmp; } console.log(tmp===x); // ReferenceError: tmp is not definedreturn [x, y]; } * 使用大括号代替立即执行函数{ let a = 123; } console.log(a); // ReferenceError: a is not defined CONST * const则是用来声明某个变量等于它初始化的值,并且不能再改变。同样,const也是只存在块状作用域内的 const foo; // SyntaxError: Missing initializer in const declarationconst bar = 123;
2个月前
javascript技术
jacksun 于 2个月前发表 421 0 0
一.父组件向子组件发送数据 APP.vue(父组件) [http://7tszky.com1.z0.glb.clouddn.com/Fl7e_JmD9fxEj-qLiJYzwIUvI2O5] Hello.vue(子组件) [http://7tszky.com1.z0.glb.clouddn.com/FtyEdiklN5cohFMv4TGR-A8llijn] {{msgs}} [removed] export default { props:["msg"] } [removed]
2个月前
javascript技术
黄龙 于 20天前发表 396 0 0
CLOVER 官方网址:http://cn.ejie.me/ [http://cn.ejie.me/] * 方便的 Tab 页功能 要掌握功能强大,操作简单的标签页,只需记住Ctrl+T新开页面,Ctrl+W关闭页面,Ctrl+Tab切换页面,工作效率提高何止一倍! * 操作系统无缝集成 Clover 通过插件的形式集成到 Windows Explorer,保留您通常的使用习惯,无需学习新的文件管理操作,马上就可以使用啦。 * 快如闪电的书签栏 按Ctrl+D添加当前路径,或者直接将文件夹拖入书签栏。再也不用到处寻找要访问的文件夹了,瞬间到达,何等痛快![http://7tszky.com1.z0.glb.clouddn.com/FhfcqVKAV2uCciuJADxSnnx8ZM5I] LISTARY 官方地址:http://www.listary.com/ [http://www.listary.com/] Listary 是一款实用的搜索工具, 也可以把它当做启动器来用非常方便。
20天前
工具建设
jacksun 于 2个月前发表 389 0 0
https://segmentfault.com/q/1010000007154452?_ea=1254954 [https://segmentfault.com/q/1010000007154452?_ea=1254954] beforeEnter:(to,from,next) http://www.cnblogs.com/zhengjialux/p/6357328.html [http://www.cnblogs.com/zhengjialux/p/6357328.html] router路由 http://www.cnblogs.com/axl234/p/5899137.html [http://www.cnblogs.com/axl234/p/5899137.html] vue-resource插件使用 http://www.bubuko.com/infodetail-1939987.html [http://www.bubuko.com/infodetail-1939987.html] Vuejs 用$emit 与 $on 来进行兄弟组件之间的数据传输
2个月前
javascript技术
林鑫 于 1个月前发表 389 0 1
前言 在vue里,组件之间的作用域是独立的,父组件跟子组件之间的通讯可以通过prop属性来传参,但是在兄弟组件之间通讯就比较麻烦了。比如A组件要告诉一件事给B组件,那么A就要先告诉他们的爸组件,然后爸组件再告诉B。当组件比较多,要互相通讯的事情很多的话,爸组件要管他们那么多事,很累的。vuex正是为了解决这个问题,让多个子组件之间可以方便的通讯。 项目介绍 image [https://raw.githubusercontent.com/lin-xin/notepad/master/screenshots/3.gif] 待办事项中的一个事件,它可能拥有几个状态,未完成、已完成、已取消或被删除等。这个事件需要在这多种状态之间切换,那么使用vuex来管理也是非常方便的。 来看一下vuex怎么完成状态管理的: image [https://raw.githubusercontent.com/lin-xin/notepad/master/screenshots/1.png]
1个月前
前端库
coverguo 于 22天前发表 352 1 1
在生活中,浏览器和我们的工作和生活息息相关。做为前端开发,我们代码的应用场景往往是在浏览器上。浏览器对前端的重要性不可一日而语。那么我们对浏览器是否有比较清晰的了解呢?什么是多进程架构浏览器?为什么浏览器内核是多线程?Javascript是单线程又是什么鬼?进程和线程是否分得清楚呢? 进程(PROCESS)和线程(THREAD) 进程和线程是操作系统的基本概念,许多人会有所了解,但不能较为清晰的分辨。 这里我们需要了解下面几个点。 [http://7tszky.com1.z0.glb.clouddn.com/FkYQbo01k9nmBTtv7Ghmtf2U4ZAV] CPU CPU是计算机的核心,其负责承担计算机的计算任务。这里我们比喻为一个工厂 进程 学术上说,进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程,是操作系统进行资源分配和调度的一个独立单位,是应用程序运行的载体。我们这里将进程比喻为工厂的车间,它代表CPU所能处理的单个任务。任一时刻,CPU总是运行一个进程,其他进程处于非运行状态。 线程
22天前
浏览器
分享的项目:whistle By avwo

node实现的跨平台web调试代理工具

350 0 0
2年前
调试
jacksun 于 2个月前发表 318 0 1
[http://7tszky.com1.z0.glb.clouddn.com/FjYR3cMOwYdo-u9ApjlUUt2815n7]
2个月前
构建工具