- 博客(20)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 微信小程序解析html
自己想做一个日语学习的微信小程序，过程中抓取别人数据接口的时候403 forbidden,由于网络安全的原因，最终也没有拿到详情页面数据，项目做了一半。 实现效果： 1、根据不同的分类，点击进入列表页时动态显示导航栏标题。 2、除了入门单元外，每个列表页又分为课文和单词两个tab切换模块（需要传递参数） 3、抓取的数据是html标签格式的数据，要进行数据解析 4、根据不同的分类，点击进入列
2018-01-15 16:20:26
13493
2
原创 flex布局
1、等分<div class="tab"> <div class="tab-item"> <router-link to="/goods">商品</router-link> </div> <div class="tab-item"> <router-link to="/ratings">评论</router-link>
2018-01-10 10:20:19
374
原创 vue学习中的总结
遇到别人在我的博客下留言，按照我的方法在他那里出现了问题，我的回答本意只是让他检查一下是否是自己那边的问题导致的，N长时间之后，回复说我答非所问，说了等于没说云云。其实学习就是一个发现问题，解决问题的过程。别人给出的答案只是针对别人遇到的情况，你去尝试的时候，也许有用，也许没用。没用就继续去寻找答案呗，不断尝试，说不定什么时候问题就解决了。好了，言归正传了，这几天在看慕课网上的仿饿了么项目，学习的过
2018-01-09 18:23:35
399
原创 使用npm安装react使用中报错问题
刚开始学习react，首先按照教程写了一遍代码。 React 入门实例教程 - 阮一峰的网络日志 过程中也并没有遇到什么问题，接着开始写小的项目，使用了node.js中npm 安装各种需要的包，按需引入；使用了gulp进行模块打包。react相关： npm install react –save gulp相关： gulp、gulp-connect、gulp-browserify、gu
2018-01-03 11:58:05
6371
原创 微信小程序实现随机标签云
先上效果图： 要实现的效果：给文本添加随机样式之前尝试一直失败的原因： 思路一：定义了一个颜色数组，想直接从里面随机取值赋给定义的变量randomColor,结果会报错，说colorArr is not defined 思路二：将获取随机颜色定义成方法，想给文本绑定事件，发现image标签有bindLoad方法，但是文本没有，就不知道怎么调用事件了。 后来发现必须经过第三方
2017-12-28 09:31:34
5557
原创 微信小程序中折叠文本与参数传递
要实现的效果：因为一个页面中有两个地方使用了文本折叠，所以需要穿参数（tag）,以区分你点击的是哪一个。参考文章里讲解的很详细，需要的可以看看： 微信小程序过长文本折叠效果的探索 微信小程序-参数传递与事件处理.content text{ display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient:vertica
2017-12-27 11:39:44
3184
3
原创 微信小程序下拉加载执行多次怎么破？
因为网络请求异步执行的问题，貌似下拉加载更多执行多次的问题在之前写angularjs项目的时候就遇到过了。。。 参考：微信小程序 下拉加载执行多次怎么破loadMore() { //每次先将hasMore设置为false this.data.hasMore = false; wx.request({ ... //请求成功之后再将hasMore
2017-12-27 09:18:24
4863
原创 微信小程序学习总结
之前就学过一阵儿微信小程序，没怎么使用，结果就又忘的差不多了。这次再次学习，记录一下，方便以后使用。 核心文件：app.json、app.js、pages文件夹 app.js中是app的生命周期的方法（输入App会自动提示补全） app.json文件是一个json格式的文件｛key:value｝，里面是pages、windows、tabBar、networkTimeout等的相关配置信息
2017-12-25 12:15:57
4992
原创 vue项目介绍
项目效果展示：项目中遇到的问题：下拉加载更多在chrome浏览器的手机模拟中没有响应mint-ui框架中loadmore自带的loadBottom方法，后来把代码部署到手机上可以正常调用，加载出了更多数据。使用mint-ui 中的 Swipe，必须给此标签元素设置高度才能正常显示（没设置高度检查元素的时候发现高度为0，内部元素并没有将盒子撑开）使用到的技术点vue-router路由axio
2017-12-08 23:15:54
7787
原创 仿掘金项目介绍
项目上传到Github上了，但是还不太熟练怎么加入项目详细介绍和效果展示图，而且本地服务器代码我并没有上传，所以缺少数据支持。这里只是对功能点的介绍。 效果图如下： 图一展示的是AngularJS路由的使用 图二展示的是AngularJS中的表单验证 图三展示的是写文章页面项目中遇到的问题：注册成功重定向到index.html页面报错 Cross origin requests a
2017-12-08 13:36:17
1683
3
原创 上传本地项目到github
学习的过程中也多多少少积累了些项目，一直放到本地，结果桌面上的文件夹越来越多。所以才有了整理一下的打算。这里是对用到的东西的一些记录，方便以后查阅。操作中遇到的问题： - mac新建文件夹总是自动生成.DS_Store文件，提交项目要把此文件屏蔽掉解决问题参考： 如何删除GIT中的.DS_Store如何把本地项目上传到Github使用git和github管理自己的项目—基础操作学习 这个
2017-12-08 12:34:06
326
原创 窗口尺寸获取几种方式
1、window.innerWidth、window.innerHeight 声明了窗口的文档显示区的高度和宽度，会随着浏览器窗口缩放而改变。 这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。 跟是否启用chrome浏览器中手机模拟无关IE 不支持这些属性。 它用 document.documentElement 或 document.body （与 IE 的版本相关）
2017-12-04 16:18:44
2771
原创 Bootstrap导航栏中按钮间添加竖线分隔
要实现的效果如图所示： 这里没有什么难点，只是感觉这种布局使用挺多的，纪录一下，方便以后使用。 曾经想过的思路：添加相同的<li><a href="#">|</a></li>标签， 但是元素间距离会变大，因为｜占据同等宽度给元素添加右边框， 审查元素发现，元素高度跟导航栏一样高，所以｜会跟导航栏一样高最终用伪元素实现了想要的效果`.navbar-right li:after {
2017-12-03 18:27:41
11960
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
16243
3
原创 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
314
原创 mongodb中查询返回指定字段
在写vue项目调用接口获取数据的时候，比如新闻列表页我只需要显示新闻标题和发表时间，点击每条新闻进入详情页的时候才会需要摘要、新闻内容等关于此条新闻的所有字段。 但其实我所有关于新闻的数据在同一个数据集合里，也就是只有一个集合 我不希望获取新闻列表的时候就把每条新闻的所有数据都显示 我也不希望是建两个集合分别放列表数据和详情数据所以这篇文章对我很有帮助：MongoDB查询操作限制返回字
2017-11-28 11:08:33
121332
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
18227
原创 使用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
489
1
原创 AngularJS应用－滚动加载更多数据
本例demo是在写仿掘金首页时没能解决的问题。 效果图如下： 问题描述：我在写仿掘金首页时，写了一个自定义返回顶部指令，内部实现了滚动监听，本想在里面写加载更多数据的代码，对全局变量datas重新赋值，但是在获取全局变量datas时不会获取。 搜索相关资料了解了一下自定义指令中$scope作用域的问题，scope的可取值有false,true,{},写了小 demo对这些基本有了了解，
2017-11-23 17:53:44
1208
1
原创 前端项目知识点整理－滚动加载更多
这里只对滚动加载更多这一知识点进行整理效果展示： 首先说一下在写demo的时候遇见的问题：jQuery版本引入问题chrome浏览器请求网络时跨域问题我首次引入的是jQuery v1.9.0，运行时报错如下： Uncaught Error: Syntax error, unrecognized expression:这里是用Underscore定义的一个模版内容，具体模版内容见代码
2017-11-23 12:39:07
1034
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人