• 18、AngularJs自定义过滤器的方法

    AngularJs提供了自定义过滤器的方法,如果现有的过滤器不能完全支持业务需求,那我们可以通过扩展的方法来实现: 比如我要把一个手机号的后3位数字变成【*】星号,代码如下: !D...

    阅读(282) 2016-12-15
  • 18、Vue父组件和子组件之间通信传参的方法

    Vue父组件和子组件之间是可以互相通信并且传输数据的,方法有很多,代码如下: 方法一: html部分: template id=boxdivh1{{a}}/h1button v-on:click=change();按钮/button/div/templatediv id=wraph1父组件:...

    阅读(1190) 2017-05-01
  • JS中event.preventDefault()取消默认事件再恢复的方法

    做前端开发,需要根据不同时期的需求做针对性的处理,特别是Javascript中的事件处理,如果刚开始禁止了鼠标或者是手指滑动的默认事件,后期需要恢复,该怎么做呢?我今天做了下测...

    阅读(483) 2016-05-21
  • 19、AngularJs通过directive和restrict自定义指令

    一、AngularJs自定义指令directive的restrict属性说明: 今天公用的html部分: h1 zym-blog/h1 JavaScript部分: var m = angular.module(app, []);m.directive(zymBlog, [function(){return {restrict : AEC,template : phello worl...

    阅读(1130) 2017-06-27
  • 19、Vue使用use自定义组件的方法

    之前的博文《 Webpack集成Vue2.0打包部署项目实例 》中,我们在main.js中用到了Vue.use(VueRouter)等代码,这个VueRouter其实就是别人已经封装好的组件,我们使用use方法调用即可,那么我们也可...

    阅读(1044) 2017-05-01
    19、Vue使用use自定义组件的方法
  • JavaScript所有的字符串String对象方法总结

    var str = hello world!;//1、创建HTML锚(anchor)console.log(str.anchor(open));//a name=openhello world!/a//2、用大号字体显示字符串(big)document.write(str.big());//hello world!//3、显示闪动字符串(blink),不兼容IEdocume...

    阅读(459) 2017-08-03
  • 20、AngularJs之controller控制器scope父子集作用域实例

    今天学习的是AngularJs的作用域问题,如果之前很好的学习并应用过JavaScript,那么对作用域、作用域链以及闭包的概念肯定不会陌生,总之一句话就是:子级可以访问父级的变量和对象,...

    阅读(223) 2017-01-11
  • 20、Vue状态管理工具VueX的使用方法

    vuex是vuejs的状态管理方案,因为vuex有些复杂,一般应用在较复杂的状态环境下,如果是比较简单的应用就不需要安装vuex了。 先来看下Vue单向数据流: 第一次接触Vuex,肯定会很蒙: 先...

    阅读(853) 2017-05-07
    20、Vue状态管理工具VueX的使用方法
  • JavaScript所有的数组Array对象方法总结

    var arry = [hello,world];//1、连接两个或更多的数组并返回结果,不会改变现有数组(concat)console.log(arry.concat(my,blog,is,zymseo.com));//[hello,world,my,blog,is,zymseo.com]//2、把数组中所有的元素都放入一个...

    阅读(421) 2017-08-03
  • 21、AngularJs中指令的scope作用域分析

    AngularJs自定义一个指令,并且这个指令的内容是引用某个控制器的数据,那么控制器变量发生变化,也会引起指令内容的变化,同样的,如果指令通过ng-model改变值,控制器里边的变量...

    阅读(278) 2016-12-18
  • 21、通过一个小实例理解vuex的用法

    vuex官方文档提供是通过点击按钮改变一个状态值,可以是增加或减少,我们也用这个实例来做练习: 在这之前需要构建项目环境,我这边是在之前做webpack集成vue的基础上来做的,具体...

    阅读(1182) 2017-08-06
  • 关于javascript执行顺序、变量提升、作用域的问题

    var a = 1;var b = 2;function fn(){a = 10;b = 20;return;function b(){}}fn();alert(a+b); js在执行代码的时候,遵循的顺序是“从上到下执行,但是执行之前先定义”。第一步:定义变量a。第二步:定义变量...

    阅读(717) 2017-08-03
  • 22、AngularJs之scope隔离作用域之@单向文本绑定

    上一节说到,在指令中设置scope属性的值为花括号{},可以切断它与其他控制器之间的联系,如果在html中很多地方都使用到了这个指令,有的需要建立与控制器的联系,有的不需要,这...

    阅读(253) 2016-12-18
  • 22、构建清晰的VueX项目结构

    上一节的笔记中,已经实现了vuex共享操作状态值,但是把所有的代码都写到一个store.js文件中,后期维护很麻烦,所以vuex官方提供清晰的项目目录构建方法。 我这边来测试下: 还是上...

    阅读(668) 2017-05-07
  • 判断radio、checkbox单复选框是否被选中(原生js和jquery两种方法)

    在做用户注册或者是用户信息修改页面的时候,都会让用户自己去选择自己的性别等等,而这种选择都是单选项,所以用户选择完成之后,点击提交按钮,要把最后选择的结果提交给后...

    阅读(4620) 2017-08-03
  • 23、AngularJs之scope隔离作用域之=双向文本绑定

    AngularJs之scope隔离作用域之=双向文本绑定,代码如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/title/headbody ng-app=appdiv ng-controller=ctr1input type=text ng-model=color /div zym-blog colors=color/d...

    阅读(274) 2017-01-11
  • 23、使用vue-cli脚手架构建项目目录

    之前构建Vue项目的过程中,安装webpack、各种ES6的编译、依赖插件、CSS编译插件、初始化npm等,都是手动一步一步去完成的,太麻烦,所以Vue官方提供了vue-cli这个脚手架,帮助我们快速...

    阅读(507) 2017-08-09
    23、使用vue-cli脚手架构建项目目录
  • jQuery插件开发的3种方式

    学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果想要将自己能力提升一个台阶,编写一个属于自己的插件,或许是一个不错的选择。 我...

    阅读(1334) 2017-08-03
    jQuery插件开发的3种方式
  • 24、AngularJS中scope隔离作用域之=&调用父作用域中函数

    AngularJS中scope隔离作用域之=调用父作用域中函数,代码如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/title/headbody ng-app=appdiv ng-controller=ctr1div zym-blog callback=fn()/div/div/body/htmlscript...

    阅读(252) 2017-01-11
  • 24、安装vue-cli脚手架之后的目录文件解析

    使用Webstorm或者是其他代码工具打开刚刚新建的项目目录sell-app,然后可以看到所有的项目文件: 1、node_modules是我们通过npm install安装的依赖代码库,包括ES6语法解析、webpack构建工具、...

    阅读(533) 2017-07-30