- 博客(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
1793
原创 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
2024
原创 vue+webpack 代码规范
eslint eslint 最常见的方法 ，具体使用方法可参考官网。 editorconfig 针对于使用vs-code编辑器的小伙伴，在扩赞中安装 在根文件下创建名为.editorconfig 的文件进行相关配置如： 安装husky (npm husky -D) 这种方法是在git commit 之前根据eslint 的设置对代码进行相对应的检查，不符合规范...
2018-09-17 14:17:56
553
原创 vue v-model 修饰符
v-model.lazy 输入完成后按enter 才会进行数据绑定 v-model.number 当输入数字时，字符串类型将自动转换为number v-model.trim 前后去空格...
2018-08-27 10:32:30
762
原创 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
272
原创 angularJS 自定义指令间的相互交互
angularJS 自定义指令间的相互交互angularJS 自定义指令 transclude：当元素标签需要嵌套时使用，与ng-transclude配合使用。默认值为false不能使用嵌套，true为可以使用嵌套。在哪个标签上使用ng-transclude就在哪个标签内进行嵌套。 代码示例：（将hello、hi标签进行替换同时span标签嵌套div内） <script type="text/j
2016-11-10 09:12:06
4957
原创 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
1969
原创 angularJS 自定义指令
angularJS 自定义属性类似于过滤器filter，内置了许多方法同时可以自定义方法。 通过angular.model来创建模块对象：-angular.model: controller:控制器 run：初始化 filter：过滤器 directive：创建自定义（myHello->my-hello） -restrict有四种定义的方式（注意大小写）：指定指令类型并可叠加使用 》E：元
2016-11-07 09:39:37
772
原创 angularJS 标签指令
angularJS中除了ng开头的属性指令，还有标签指令、自定义指令等。标签指令 ：对原有的标签进行了重新的构建，并有了新的功能 <a>：阻止默认行为，阻止刷新页面 <select> -ng-options（需要与ng-model结合使用） 代码示例： <script> var m = angular.module('myApp',[]);//引入相应模块
2016-11-06 18:27:04
1042
原创 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
921
原创 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
378
原创 数据显示优化处理以及插件简介
数据显示优化处理以及插件简介（上一章节使用ng-value提高了表单的用户体验，那么我们在HTML中写入内容是是否可以提高用户体验呢？情况类似ng-value与value，接下来我们将进行详细的分析
2016-11-06 11:04:37
321
原创 angularJS中input相关指令详解
input相关指令 ng-disabled（按钮、输入框禁用的状态） ng-readonly ng-checked ng-value
2016-11-04 15:54:18
2296
原创 angularJS 事件指令
事件指令原生JS中的click不支持表达式操作以及数据的获取，但可在指令中直接写表达式、数据名等 ng-click/dbclick（单击/双击） ng-mousedown/up（鼠标按下/鼠标抬起） ng-mouseenter/leave ng-mousemove/over/out ng-keydown/up/press（键盘事件） ng-focus/blur（光标移入） ng-submit（提交）
2016-11-04 15:42:03
518
原创 angularJS过滤器 <div > <p>{{name}}</p><!--识别空格和换行--> </div>
angularJS 首先我们要对angularJS有一定简单的了解的过滤器 angularJS过滤器（大标题小标题） |:管道符号，用来分割数据和过滤器 currency:货币金额的操作 代码示例：（此次展现了所有代码，下次将只展现核心代码） 过滤器 var m=angular.module('myApp',[]);
2016-11-03 12:35:06
6626
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人