- 博客(17)
- 收藏
- 关注
RSS订阅原创 获取下个月的今天的时间戳
const now = new Date() // 当前日期 const y = now.getFullYear() // 当前年 const m = now.getMonth()+1 // 当前月 const d = now.getDate() // 当前日 if (m == 1 || m == 3 || m =...
2019-01-21 17:38:47
1729
原创 vue动画 过渡效果以及 animate.css、velocity.js的基本使用
移入移出 最基本动画 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale
2018-11-15 17:55:45
1969
原创 vue+webpack 代码规范
eslint eslint 最常见的方法 ，具体使用方法可参考官网。 editorconfig 针对于使用vs-code编辑器的小伙伴，在扩赞中安装在根文件下创建名为.editorconfig 的文件进行相关配置如： 安装husky (npm husky -D) 这种方法是在git commit 之前根据eslint 的设置对代码进行相对应的检查，不符合规范...
2018-09-17 14:17:56
525
原创 vue v-model 修饰符
v-model.lazy 输入完成后按enter 才会进行数据绑定 v-model.number 当输入数字时，字符串类型将自动转换为number v-model.trim 前后去空格...
2018-08-27 10:32:30
735
原创 vue 父子组件传值
ref最粗暴的获取子组件的所有方法以及元素等 父组件： html:<upload-img-s ref="img"></upload-img-s> js:handleImg(){ this.$refs.img.[子组件里的方法等]} $("upload:img",imgs) 父组件...
2018-08-20 09:41:28
240
原创 angularJS 自定义指令间的相互交互
angularJS 自定义指令间的相互交互angularJS 自定义指令transclude：当元素标签需要嵌套时使用，与ng-transclude配合使用。默认值为false不能使用嵌套，true为可以使用嵌套。在哪个标签上使用ng-transclude就在哪个标签内进行嵌套。 代码示例：（将hello、hi标签进行替换同时span标签嵌套div内）<script type="text/j
2016-11-10 09:12:06
4924
原创 angular 自定义属性封装 拖拽示例
自定义属性 拖拽指令封装示例代码示例：<style>#div1{ width:100px; height:100px; background:red; position:absolute;}</style><script src="jquery-1.11.1.js"></script><script src="angular.min.js"></script><script>var m1
2016-11-09 14:04:01
1940
原创 angularJS 自定义指令
angularJS 自定义属性类似于过滤器filter，内置了许多方法同时可以自定义方法。 通过angular.model来创建模块对象：-angular.model:controller:控制器run：初始化filter：过滤器directive：创建自定义（myHello->my-hello） -restrict有四种定义的方式（注意大小写）：指定指令类型并可叠加使用 》E：元
2016-11-07 09:39:37
745
原创 angularJS 标签指令
angularJS中除了ng开头的属性指令，还有标签指令、自定义指令等。标签指令 ：对原有的标签进行了重新的构建，并有了新的功能<a>：阻止默认行为，阻止刷新页面<select> -ng-options（需要与ng-model结合使用） 代码示例： <script> var m = angular.module('myApp',[]);//引入相应模块
2016-11-06 18:27:04
1004
原创 angularJS DOM操作相关指令
DOM操作相关指令ng-show:针对元素的展现、隐藏，是通过CSS的display来实现的。参数true是展现，false是隐藏。隐藏时不保留该位置。 代码示例：<div ng-show="true">bbbbbbbbb</div>页面结果展示： ng-hide：与ng-show的作用相反，true隐藏，false显示ng-if：针对元素的操作，true显示，false隐藏。ng-if不
2016-11-06 15:08:03
899
原创 angularJS 样式相关指令
样式相关指令：ng-class:写成一个对象的形式，里面内容为class的名字，还需要使用true来激活。 代码示例： <style type="text/css"> .red {background: red;} .yellow {color: yellow;} </style> <script src="angular.min.js"></s
2016-11-06 11:41:21
353
原创 数据显示优化处理以及插件简介
数据显示优化处理以及插件简介（上一章节使用ng-value提高了表单的用户体验，那么我们在HTML中写入内容是是否可以提高用户体验呢？情况类似ng-value与value，接下来我们将进行详细的分析
2016-11-06 11:04:37
297
原创 angularJS中input相关指令详解
input相关指令ng-disabled（按钮、输入框禁用的状态） ng-readonlyng-checkedng-value
2016-11-04 15:54:18
2260
原创 angularJS 事件指令
事件指令原生JS中的click不支持表达式操作以及数据的获取，但可在指令中直接写表达式、数据名等ng-click/dbclick（单击/双击）ng-mousedown/up（鼠标按下/鼠标抬起）ng-mouseenter/leaveng-mousemove/over/outng-keydown/up/press（键盘事件）ng-focus/blur（光标移入）ng-submit（提交）
2016-11-04 15:42:03
493
原创 angularJS过滤器 <div > <p>{{name}}</p><!--识别空格和换行--> </div>
angularJS 首先我们要对angularJS有一定简单的了解的过滤器angularJS过滤器（大标题小标题） |:管道符号，用来分割数据和过滤器currency:货币金额的操作 代码示例：（此次展现了所有代码，下次将只展现核心代码）过滤器var m=angular.module('myApp',[]);
2016-11-03 12:35:06
6587
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人