- 博客(21)
- 收藏
- 关注
RSS订阅原创 js关闭浏览器时清除本地缓存
http://javascript.ruanyifeng.com/bom/webstorage.html （浏览器端数据储存机制） 采用事件捕捉方法 var DispClose = true; function CloseEvent() { if (DispClose) { // return "是否离开当前页面?"
2017-08-25 16:25:43
8374
原创 无人机项目获取用户信息并进行用户信息修改的angularjs部分
.controller('userdataCtrl', function ($scope, $localStorage, Upload, Account, SweetAlert, baseUrl) { $scope.personal = {avatar: ""}; //用户信息全部包含在这个对象里面 var newPersonal = {}; //创建一个空的对象，为后面深拷贝
2017-08-16 14:53:33
325
原创 无人机项目我的关注angularjs逻辑
.controller('followCtrl', function ($scope, $localStorage, StarsFans, baseUrl, SweetAlert) { $scope.maxSize = 5; //设置页面最多显示前五个 $scope.currentPage = 1; //当前页是第一页 $scope.pageSize = 9; //每页显示九
2017-08-16 14:33:00
372
原创 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
2868
原创 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
578
原创 web前端接触到的功能及页面
功能开发类 登录功能 （判断用户名是否存在，密码是否正确） 注册功能（ 判断手机号格式是否正确，手机号是否已注册，输入密码是否符合格式，判断两次设定的密码是否相同，判断验证码输入是否正确） 找回密码（判断用户身份是否存在，输入密码是否符合格式，判断输入两次输入的密码是否相同） 退出（ 删除本地存储的用户信息，包括用户名，id值） 获取数据（） 添加数据 / 创建数据 修改数据 / 修
2017-06-08 11:19:28
1174
1原创 angularjs之退出登录
退出登录逻辑 删除本地用户数据 删除本地缓存的用户名和用户id angularjs部分 $scope.logout = function(){ delete $localStorage.accountId; delete $localStorage.token; delete $localStorage.username; delete $localStorag
2017-05-26 11:42:31
2773
原创 angularjs之修改用户头像
修改用户头像逻辑 首先获取用户头像 然后上传头像 用户头像上传的地址，数据类型 上传后获取用户信息 将本地缓存的头像更改为用户的头像 获取用户头像 html部分 class="x_image"> ng-src="{{avator}}" style="width:100%; height:100%; "/> class="zbtn znone" ngf-patter
2017-05-26 11:22:49
1971
原创 angularjs之获取用户信息
获取用户信息逻辑 首先获取唯一的id值 id值获取到后输出用户的信息数据 html部分 class="table table-bordered"> 用户名 {{user.username}} 手机号 {{user.phone}} 邮箱 {{user.email}}
2017-05-26 11:15:58
3732
原创 angularjs之修改密码
修改密码逻辑思维 首先要输入旧的密码，判断旧的密码是否正确（后台判断） 其次输入新的密码，判断新密码格式（可增加） 最后判断新密码和确认密码输入是否一致 html部分 class="form-horizontal" role="form"> class="form-group"> class="col-sm-2 control-label">class="importan
2017-05-26 11:06:00
1474
原创 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
936
原创 angualrjs之注册页面
注册页面逻辑思维 点击注册按钮是进行判断 首先判断手机号或邮箱是否输入有误，是否已经注册 再判断输入的两次密码是否一致（也可以增加判断输入的密码格式是否有误） 获取验证码，判断验证码是否输入有误 代码 html部分 class="form-register zform" name="Form" > class="form-group" ng-class="{'has-
2017-05-23 10:51:10
671
原创 angularjs之login登录页面
登录页面逻辑 判断用户，用户名和密码是否正确 正确进行登录操作，错误提示信息 正确获取用户信息并保存在本地缓存 登录后跳转页面 代码部分 html页面 class="sign_div" contorller="loginCtrl"> class="form-group"> 账号： class="input-icon"> type="text" c
2017-05-23 10:04:31
17068
原创 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
1141
原创 交互逻辑思维整理
注册页面 1、定义后判断手机号输入是否有误，或者为空 2、定义后判断密码输入是否有误，或者为空 3、定义后判断验证码是否有误，或者为空 4、本地保存用户名、密码、 5、点击注册后跳转页面 登录页面 1、定义后判断手机号输入是否有误，或者为空 2、定义后判断密码输入是否有误，或者为空，密码需加密 3、本地保存用户id、手机号、密码、校验令牌、登录后返回的sessionI
2017-05-17 16:47:12
2496
原创 Angular js学习知识点整理
angularjs是JavaScript的一个框架 angularjs表达式写在两个花括号里面{{}}，可以包含文字，运算符和变量
2017-04-20 09:50:56
585
原创 点击多次，每次出现内容不同，最后消失
点击这里 function clickMeEvent(obj) //function是关键字 clickMeEvent是调用的函数 {}里面的代码块是函数 （obj）是参数名，可以有0个、1个或多个参数 { if (obj.innerHTML=="再见") {
2017-04-07 13:57:08
434
原创 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
642
原创 简单js效果整理
逐字输出效果 window.onload=function(){ // 必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行 必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行 所有内容加载完毕后执行 var content=document.getElementById("content"); //获取id定义 var s
2017-03-06 17:18:47
923
原创 样式注意事项
兼容性 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
323
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人