- 博客(7)
- 收藏
- 关注
原创 Vue实现双向数据绑定的新姿势
在Vue中实现数据绑定还是相当灵活的,可以通过属性和指令两种方式来实现 先来看看第一种方式使用ref属性来来实现双向数据绑定 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>双向数据绑定</title> <script
2018-09-12 20:37:02 281
原创 Angular实现省市县三级联动
实现的方式可以说各有千秋,但是具体的还是要看数据的格式。但是有一点使用angular比js简单的到姥姥家了。由于存在跨域的问题,我直接把json写在了代码里面。 直接上代码: <!DOCTYPE html> <html ng-app="myapp"> <head> <meta charset="UTF-8"> <title&a
2018-09-05 21:58:58 2699
原创 Angular中ng-options的常用案例
案例 基本遵循 提交的值 as 显示的值 for 对象 in 数组的格式 具体代码如下: <!DOCTYPE html> <html ng-app ="myapp"> <head> <meta charset="UTF-8"> <title>下拉框</title> <
2018-09-05 21:52:19 421
原创 Angular实现表单功能
技术涉及 双向数据绑定 ng-repeat、 ng-show指令和数组排序等知识。实现了表单的增、删和排序的功能 代码如下: <!DOCTYPE html> <html ng-app="myapp"> <head> <meta charset="UTF-8"> <title>模拟表单</title&
2018-09-05 19:35:07 305
原创 Angular实现微博发布功能
这篇是实现数据绑定的第二弹,涉及到ng-disabled、ng-style等标签的使用。具体功能是:随着输入内容的增加,字数也会增加,当超过140个字符时,颜色变红。并且发布按钮不能点击,当没有输入内容时,清空按钮不能点击。 代码如下: <!DOCTYPE html> <html ng-app="myapp"> <head> <meta cha...
2018-09-04 09:37:35 365 2
原创 Angular实现调色板
涉及到的技术栈 :函数调用,双向数据绑定和H5的新标签的使用。 代码如下: <!DOCTYPE html> <html ng-app="myapp"> <head> <meta charset="UTF-8"> <title>调色板</title> <script ty
2018-09-03 09:48:49 628
原创 css实现垂直居中的12种方法,用起来666
今天利用周末整理了一下垂直居中的问题,这也是在平时的开发中用的较多的技术栈。 1.单行文字的垂直居中 原理:利用行高等于盒子的高来实现 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> &l
2018-09-01 16:14:46 582
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人