2017年10月_人走丿茶凉

原创 angularjs实现 - 增删改查+排序+敏感字（最终版）

本篇博客将要实现的效果，包括添加信息、修改信息、查询信息、删除信息、对信息排序/敏感字过滤！与上一篇文章不同的是：优化了界面效果，实现敏感字过滤，bug修复将要用到：HTML，CSS，AngularJS，jQuery先来看一下主界面效果：新增订单表单界面：修改订单信息界面：想要实现所有的功能，要实现以下几点：首先看一下主界面实现的代码（HTML文件）：<!DOCTYPE html>

2017-10-26 09:10:43 2388

原创 angularjs实现 - 增加/删除/修改/查询/排序（优化界面）

主界面效果：添加信息效果：修改信息效果：上面这张图片就是我们将要实现的效果，包括添加信息、修改信息、查询信息、删除信息、对信息排序！与上一篇文章不同的是：优化了界面效果，输入信息错误出现提示将要用到：HTML，CSS，AngularJS，jQuery代码如下：<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8">

2017-10-25 08:43:05 783

原创 angularjs实现 - 增加/删除/修改/查询/排序

上面这张图片就是我们将要实现的效果，包括添加信息、修改信息、查询信息、删除信息、对信息排序！将要用到：HTML，CSS，AngularJS代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">  <script type="text/javascript"

2017-10-24 20:44:49 569

原创 ionic练习（5）- 用户管理（查询信息）

<!DOCTYPE html><html ng-app="UMApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <script type="te

2017-10-22 23:52:49 406

原创 ionic练习（4）- 用户管理（删除信息）

<!DOCTYPE html><html ng-app="UMApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <script type="te

2017-10-22 23:51:56 370

原创 ionic练习（3）- 实现页面切换+侧拉菜单

<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <link href="https

2017-10-20 18:52:40 488

原创 ionic练习（2）- 实现侧拉菜单

<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>侧边栏</title

2017-10-20 18:47:44 333

原创 ionic练习（1）- 实现页面切换

<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <link href="https

2017-10-20 11:30:07 540

原创 jq通告栏

实现通告栏的效果：点击按钮添加文字 - 实现查询功能 - 实现敏感字符限制功能 - 实现输入比为空判断<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <style> div{

2017-10-16 15:29:56 367

原创 AngularJS 注册表单验证

案例: 注册表单验证dui.gif： cuo.gif：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery.1.12.4.js"></script> <!--jquery样式--

2017-10-15 22:10:30 559

原创 AngularJS基础练习（3）

1.实现定时功能的效果：相当于 java 中的 handler 延时效果<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.js"></script> <title></title></head><body ng-app

2017-10-13 15:40:39 287

原创 AngularJS基础练习（2）

需要添加AngularJS工具包<script type="text/javascript" src="angular-1.3.0.js"></script>基础练习（小实例）：1. 获取当前时间：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript"

2017-10-12 21:11:13 391

原创 AngularJS基础练习（1）

需要添加AngularJS工具包<script type="text/javascript" src="angular-1.3.0.js"></script>基础练习：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.js"></

2017-10-11 19:42:57 623

原创 jQuery简单练习（2）

* 需要添加jquery工具包*1. 通过jquery控制到ul中li标签的元素$(“ul”).children() // 获取到ul标签下的所有子级标签.children(“.sh”) // 获取子级标签中，调用到sh的class类的标签.css() // 添加css样式.next() // 返回被选元素的下一个同级元素.prev() // 返回被选元素的上一个同级元素.siblin

2017-10-10 20:05:24 494

原创 jQuery简单练习（1）

1. 通过jQuery代码实现div中的内容添加$(“div”) // 标签适配器$(“#a”) // ID适配器$(“.a”) // class适配器$(“div, p”) // 同时使用多个标签适配器.text(” * * * * * “) // 添加文字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"

2017-10-10 09:43:01 387

原创通过JavaScript代码实现标题的控制+添加信息

实现效果 showTitle：当点击显示标题按钮时，将所有的标题显示出来hideTitle：当点击隐藏标题按钮时，将所有的标题隐藏起来addCity：当点击添加城市按钮时，会在原有的城市列表下新建一个城市名字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c

2017-10-10 08:49:56 682

原创通过JavaScript获取到导航条中的HTTP信息

css-style中带有注释的部分为获取HTTP中的信息body中显示效果为：打开页面是自动弹出输入提示框点击删除时，会有警告框弹出点击确定时，删除信息点击取消时，不删除信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=

2017-10-10 08:40:51 812

原创 HTML+CSS实现动画效果

hand中放置内部适配器，也就是css样式：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*全局适配器{外边距：0；内边距：0}*/ *{ margin: 0px; padding: 0px}

2017-10-10 08:32:11 4278

人走丿茶凉