前端开发
月季花开sky
IT人士一枚,好好学习,每天coding...
展开
-
仿掘金项目介绍
项目上传到Github上了,但是还不太熟练怎么加入项目详细介绍和效果展示图,而且本地服务器代码我并没有上传,所以缺少数据支持。这里只是对功能点的介绍。 效果图如下: 图一展示的是AngularJS路由的使用 图二展示的是AngularJS中的表单验证 图三展示的是写文章页面项目中遇到的问题:注册成功重定向到index.html页面报错 Cross origin requests a原创 2017-12-08 13:36:17 · 1783 阅读 · 3 评论 -
mongodb中查询返回指定字段
在写vue项目调用接口获取数据的时候,比如新闻列表页我只需要显示新闻标题和发表时间,点击每条新闻进入详情页的时候才会需要摘要、新闻内容等关于此条新闻的所有字段。 但其实我所有关于新闻的数据在同一个数据集合里,也就是只有一个集合 我不希望获取新闻列表的时候就把每条新闻的所有数据都显示 我也不希望是建两个集合分别放列表数据和详情数据所以这篇文章对我很有帮助:MongoDB查询操作限制返回字原创 2017-11-28 11:08:33 · 121529 阅读 · 7 评论 -
vue项目中从服务器获取图片
在加载轮播图的时候,想用现成的网络图片,引发了下面的问题: http://imglf5.nosdn.127.net/img/BPT0.png?imageView&thumbnail=500x0&quality=96&stripmeta=0&type=jpg 403 (Forbidden) 搜索问题,发现是因为这个网站做了反盗链Anti HotLinking, 这里是别人的关于此问题的详解:关于原创 2017-11-27 12:15:27 · 18306 阅读 · 0 评论 -
使用vue-cli创建vue项目问题纪录
全局安装vue-cli的时候执行 npm install -g vue-cli 命令,错误如下: Please try running this command again as root/Administrator 发现是用户权限问题,搜索结局方案,得到如下结果: sudo chown -R $USER /usr/local 原文链接:mac 命令原创 2017-11-25 21:38:53 · 511 阅读 · 1 评论 -
AngularJS应用-滚动加载更多数据
本例demo是在写仿掘金首页时没能解决的问题。 效果图如下: 问题描述:我在写仿掘金首页时,写了一个自定义返回顶部指令,内部实现了滚动监听,本想在里面写加载更多数据的代码,对全局变量datas重新赋值,但是在获取全局变量datas时不会获取。 搜索相关资料了解了一下自定义指令中$scope作用域的问题,scope的可取值有false,true,{},写了小 demo对这些基本有了了解,原创 2017-11-23 17:53:44 · 1226 阅读 · 1 评论 -
Bootstrap导航栏中按钮间添加竖线分隔
要实现的效果如图所示: 这里没有什么难点,只是感觉这种布局使用挺多的,纪录一下,方便以后使用。 曾经想过的思路:添加相同的<li><a href="#">|</a></li>标签, 但是元素间距离会变大,因为|占据同等宽度给元素添加右边框, 审查元素发现,元素高度跟导航栏一样高,所以|会跟导航栏一样高最终用伪元素实现了想要的效果`.navbar-right li:after {原创 2017-12-03 18:27:41 · 12075 阅读 · 1 评论 -
vue中的路由及自定义图标
效果如图所示:安装vue-router:npm install vue-router --save底部选项卡:使用的是:MUI中的 tab bar(选项卡)下载mui:[mui](https://github.com/dcloudio/mui),将其中的dist文件夹放到项目中的static文件夹下核心文件引入:在main.js文件中引入:// 引入路由import VueRouter f原创 2017-12-03 16:30:14 · 16497 阅读 · 3 评论 -
前端项目知识点整理-滚动加载更多
这里只对滚动加载更多这一知识点进行整理效果展示: 首先说一下在写demo的时候遇见的问题:jQuery版本引入问题chrome浏览器请求网络时跨域问题我首次引入的是jQuery v1.9.0,运行时报错如下: Uncaught Error: Syntax error, unrecognized expression:这里是用Underscore定义的一个模版内容,具体模版内容见代码原创 2017-11-23 12:39:07 · 1046 阅读 · 0 评论 -
css3动画效果
这是仿写的百度外卖的h5部分页面动画,效果如图所示:核心文件引入:swiper.min.cssswiper.min.jszepto/zepto.jszepto/event.jszepto/fx.jszepto/fx_methods.js// 响应动画需要的文件zepto/touch.js//响应长按事件需要的文件里面的知识点:1、loading页面、欢迎页面、swiper布局页面层叠排原创 2017-12-02 18:40:06 · 340 阅读 · 0 评论 -
vue项目介绍
项目效果展示:项目中遇到的问题:下拉加载更多在chrome浏览器的手机模拟中没有响应mint-ui框架中loadmore自带的loadBottom方法,后来把代码部署到手机上可以正常调用,加载出了更多数据。使用mint-ui 中的 Swipe,必须给此标签元素设置高度才能正常显示(没设置高度检查元素的时候发现高度为0,内部元素并没有将盒子撑开)使用到的技术点vue-router路由axio原创 2017-12-08 23:15:54 · 7839 阅读 · 0 评论 -
微信小程序学习总结
之前就学过一阵儿微信小程序,没怎么使用,结果就又忘的差不多了。这次再次学习,记录一下,方便以后使用。 核心文件:app.json、app.js、pages文件夹 app.js中是app的生命周期的方法(输入App会自动提示补全) app.json文件是一个json格式的文件{key:value},里面是pages、windows、tabBar、networkTimeout等的相关配置信息原创 2017-12-25 12:15:57 · 5049 阅读 · 0 评论