- 博客(21)
- 收藏
- 关注
RSS订阅原创 js关闭浏览器时清除本地缓存
http://javascript.ruanyifeng.com/bom/webstorage.html （浏览器端数据储存机制）采用事件捕捉方法 var DispClose = true; function CloseEvent() { if (DispClose) { // return "是否离开当前页面?"
2017-08-25 16:25:43
8186
原创 无人机项目获取用户信息并进行用户信息修改的angularjs部分
.controller('userdataCtrl', function ($scope, $localStorage, Upload, Account, SweetAlert, baseUrl) { $scope.personal = {avatar: ""}; //用户信息全部包含在这个对象里面 var newPersonal = {}; //创建一个空的对象，为后面深拷贝
2017-08-16 14:53:33
302
原创 无人机项目我的关注angularjs逻辑
.controller('followCtrl', function ($scope, $localStorage, StarsFans, baseUrl, SweetAlert) { $scope.maxSize = 5; //设置页面最多显示前五个 $scope.currentPage = 1; //当前页是第一页 $scope.pageSize = 9; //每页显示九
2017-08-16 14:33:00
341
原创 angularjs之ng-file-upload上传头像
图片上传分为单张上传，多张上传，拖拽上传，裁剪上传头像上传，上传后会更改头像ng-src="{{personal.avatar}}" ngf-resize="{width: 46, height: 46, quality: .8, type: 'image/*', ratio: '1:2', centerCrop: true, pattern='*', restoreExif: fa
2017-07-28 11:55:47
2825
1
原创 angularjs之ui Bootstrap翻页效果
基本逻辑思维获取列表的个数每页显示多少个当前是第几页$scope.currentPage = 1; //当前页是第一页$scope.pageSize = 6; //每页显示6个数据$scope.totalItems = data.list.length; //获取数据的个数$scope.list = data.list; //获取所有数据列表信息$s
2017-07-28 11:16:26
542
原创 web前端接触到的功能及页面
功能开发类登录功能 （判断用户名是否存在，密码是否正确）注册功能（ 判断手机号格式是否正确，手机号是否已注册，输入密码是否符合格式，判断两次设定的密码是否相同，判断验证码输入是否正确）找回密码（判断用户身份是否存在，输入密码是否符合格式，判断输入两次输入的密码是否相同）退出（ 删除本地存储的用户信息，包括用户名，id值）获取数据（）添加数据 / 创建数据修改数据 / 修
2017-06-08 11:19:28
1120
2
原创 angularjs之退出登录
退出登录逻辑删除本地用户数据删除本地缓存的用户名和用户idangularjs部分$scope.logout = function(){ delete $localStorage.accountId; delete $localStorage.token; delete $localStorage.username; delete $localStorag
2017-05-26 11:42:31
2738
原创 angularjs之修改用户头像
修改用户头像逻辑首先获取用户头像然后上传头像用户头像上传的地址，数据类型上传后获取用户信息将本地缓存的头像更改为用户的头像获取用户头像html部分class="x_image"> ng-src="{{avator}}" style="width:100%; height:100%; "/>class="zbtn znone" ngf-patter
2017-05-26 11:22:49
1947
原创 angularjs之获取用户信息
获取用户信息逻辑首先获取唯一的id值id值获取到后输出用户的信息数据html部分class="table table-bordered"> 用户名 {{user.username}} 手机号 {{user.phone}} 邮箱 {{user.email}}
2017-05-26 11:15:58
3694
原创 angularjs之修改密码
修改密码逻辑思维首先要输入旧的密码，判断旧的密码是否正确（后台判断）其次输入新的密码，判断新密码格式（可增加）最后判断新密码和确认密码输入是否一致html部分class="form-horizontal" role="form"> class="form-group"> class="col-sm-2 control-label">class="importan
2017-05-26 11:06:00
1412
原创 angularjs之找回密码
找回密码逻辑先验证身份是否正确存在获取验证码修改密码html部分class="form-forgot zform" name="Form" novalidate> class="form-group" ng-class="{'has-error':Form.telephone.$dirty && Form.telephone.$invalid, 'has-suc
2017-05-23 13:46:27
911
原创 angualrjs之注册页面
注册页面逻辑思维点击注册按钮是进行判断首先判断手机号或邮箱是否输入有误，是否已经注册再判断输入的两次密码是否一致（也可以增加判断输入的密码格式是否有误）获取验证码，判断验证码是否输入有误代码html部分class="form-register zform" name="Form" > class="form-group" ng-class="{'has-
2017-05-23 10:51:10
635
原创 angularjs之login登录页面
登录页面逻辑判断用户，用户名和密码是否正确正确进行登录操作，错误提示信息正确获取用户信息并保存在本地缓存登录后跳转页面代码部分html页面class="sign_div" contorller="loginCtrl"> class="form-group"> 账号： class="input-icon"> type="text" c
2017-05-23 10:04:31
16993
2
原创 angularjs之ng file upload
做项目之前的必备工作目前使用JetBrains WebStorm 软件编辑如果想实现ng flie upload 图片上传的功能需要在github.com上下载ng-file-upload文件夹在页面调用ng-flie-upload.js在app.js添加依赖模块ngfileupload在bower.json添加依赖模块ngflieupload并注明版本号然后在控制器中
2017-05-17 16:48:20
1107
原创 交互逻辑思维整理
注册页面1、定义后判断手机号输入是否有误，或者为空2、定义后判断密码输入是否有误，或者为空3、定义后判断验证码是否有误，或者为空4、本地保存用户名、密码、5、点击注册后跳转页面登录页面1、定义后判断手机号输入是否有误，或者为空2、定义后判断密码输入是否有误，或者为空，密码需加密3、本地保存用户id、手机号、密码、校验令牌、登录后返回的sessionI
2017-05-17 16:47:12
2426
原创 Angular js学习知识点整理
angularjs是JavaScript的一个框架angularjs表达式写在两个花括号里面{{}}，可以包含文字，运算符和变量
2017-04-20 09:50:56
556
原创 点击多次，每次出现内容不同，最后消失
点击这里 function clickMeEvent(obj) //function是关键字 clickMeEvent是调用的函数 {}里面的代码块是函数 （obj）是参数名，可以有0个、1个或多个参数 { if (obj.innerHTML=="再见") {
2017-04-07 13:57:08
413
原创 ajax获取数据
$(function(){ //链接地址 var url=window.basePath + 'jsonParam={"opeType":"getIndex"}'; $.ajax({ url:url, //发送请求的url type:"POST", //http链接方式 dataType:"json", success:fun
2017-03-09 15:29:24
615
原创 简单js效果整理
逐字输出效果 window.onload=function(){ //必须等待网页中所有的内容加载完毕后(包括图片)才能执行必须等待网页中所有的内容加载完毕后(包括图片)才能执行所有内容加载完毕后执行 var content=document.getElementById("content"); //获取id定义 var s
2017-03-06 17:18:47
891
原创 样式注意事项
兼容性color:red; /* 所有浏览器都支持 */ color:red !important;/* Firefox、IE7支持 */_color:red; /* IE6支持 */*color:red; /* IE6、IE7支持 */*+color:red; /* IE7支持 */color:red\9; /* IE9以上支持 */color:red\0; /* i
2017-03-06 16:00:34
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人