仿掘金项目介绍
来源:互联网 发布:起名软件 编辑:程序博客网 时间:2024/04/29 20:00
项目上传到Github上了,但是还不太熟练怎么加入项目详细介绍和效果展示图,而且本地服务器代码我并没有上传,所以缺少数据支持。这里只是对功能点的介绍。
效果图如下:
图一展示的是AngularJS路由的使用
图二展示的是AngularJS中的表单验证
图三展示的是写文章页面
项目中遇到的问题:
注册成功重定向到index.html页面报错
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
Error: NETWORK_ERR: XMLHttpRequest Exception 101 send@[native code]邮箱或手机号,不能通过ng-pattern来校验
- 发布文章中选择分类,选择之后弹出框总是自动关闭
- 发布文章中字数计算,换行会多出一个字
- 滚动加载更多数据跟自定义的返回顶部按钮写在一块,在自定义指令中不会获取全局变量
问题解决办法:
我本来是想实现前后端分离,才将前台页面跟后台数据分开来写。由于没有在服务器环境里运行含有ajax方法的页面,而是直接通过浏览器打开(类似file:///的访问形式,即file协议)才会报错,本地页面ajax()请求本地页面,须通过服务器环境运行。
使用正则校验邮箱或手机号,并给$scope.formData.mail添加监听
//邮箱或手机号/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test($scope.formData.mail) || /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test($scope.formData.mail)// 添加动态监听 $scope.$watch('formData.mail',function(newValue,oldValue){ if(/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(newValue)){ //输入正确的手机号就会显示获取验证码的输入框 $scope.isVitify = true; }else{ $scope.isVitify = false; } })
- 发布文章中选择分类,选择之后会关闭弹框是因为事件冒泡机制,禁止掉事件冒泡就不会关闭了
项目中的技术点:
- AngularJS路由
- AngularJS自定义指令
- AngularJS自定义数据请求工厂
- AngularJS中的$http网络请求
- AngularJS表单验证
- 正则表达式
- bootstrap构建页面布局
- 集成MarkDown编辑器
阅读全文
0 0
- 仿掘金项目介绍
- React-Native 高仿“掘金”客户端
- React-Native 高仿“掘金”客户端
- React-Native 高仿“掘金”App 注册和登录界面
- 掘金得到
- 掘金技术论坛
- vue掘金
- React Native开源项目-稀土掘金客户端(Android、iOS双适配)
- 仿博客项目整理笔记
- 仿UC浏览器项目源码
- 仿迅雷下载项目分析
- 仿QQ聊天项目(二)
- Android仿今日头条开源项目
- React仿豆瓣网项目
- 项目介绍
- 项目介绍
- 《沙漠掘金》之随想
- 掘金3G创业梦
- JDBC之执行SQL语句
- QT控件大全 二十三 QSint
- session管理
- Spring RestTemplate详解
- XVII Open Cup named after E.V. Pankratiev. Eastern Grand Prix. Problem F. Buddy Numbers 贪心、数论、构造
- 仿掘金项目介绍
- 欢迎使用CSDN-markdown编辑器
- android studio 的Debug调试
- 关于微信支付
- 基于stm32的RT-Thread操作系统+J-link V9虚拟串口调试操作
- 如何给思维导图MindMaster添加自定义图标?
- js-计算器实现
- 【web前端】可筛选[输入搜索]的select(重写)
- 深入讲解Android Property机制