• 在vue-cli中使用less

    2018-03-28 浏览:6010
    进入项目下载less和less-loader依赖 less为开发应用时所依赖的工具包,所以应该安装在devDependencies中 npm install less less-loader -D -D为--save --dev的缩写,意思为将依赖包安装在devDependencies中,devDependencies中放置开发应用时所依赖的工具包。通常是一些开发、测试、打包工具,例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包,用户在使用 npm install 安装你的包时也不会安装这些依赖。 -S为--sav... 展开全文
  • GitHub Pages是什么? GitHub Pages本用于介绍托管在GitHub的项目, 不过,由于他的空间免费稳定,用来做搭建一个博客再好不过了。 Github Pages可以被认为是用户编写的、托管在github上的静态网页。 安装软件 Node.js Git(windows版本) 安装和配置Hexo 打开GitBash,全局安装Hexo $ npm install -g hexo 新建一个文件夹来放置博客所需要的所有文件(假设文件路径为E:/blog), $ cd E:/blog $ hexo init Hexo随后会自动在目标... 展开全文
  • robots.txt文件用法整理

    2018-03-19 浏览:5762
    robots.txt是搜索引擎中访问网站的时候要查看的第一个文件,文件告诉蜘蛛程序在服务器上什么文件是可以被查看。 robots.txt文件应该放置在网站根目录下。举例来说,当一个搜索蜘蛛爬虫访问一个站点时,它会首先检查该站点根目录下是否存在robots.txt,如果存在,搜索机器人就会按照该文件中的内容来确定访问的范围;如果该文件不存在,所有的搜索蜘蛛将能够访问网站上所有没有被口令保护的页面。仅当网站包含不希望被搜索引擎收... 展开全文
  • js页面loading动画的简单实现

    2018-02-28 浏览:7248
    loading动画结构 <div class="modal" id="modal"> <div class="loader"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> ... 展开全文
  • 纯js实现文章导航目录

    2018-01-19 浏览:11240
    我们经常看到一些内容较多的文章都有一个目录导航,点击导航会跳转到响应的位置,页面滚动时相应位置的导航也会呈现选中状态非常的方便,这里使用js做一个简单的实现 实现思路 为文章中的标题标签h1、h2添加不同的id(举例只取h1、h2其他同理) 正则获取文章内容中的h1、h2标签 使用将获取到的标签转换成li、a标签,id转换为href属性 将转换后的标签插入需要显示目录的位置 编写监测页面滚动监听事件 编写描点点击事件 为文章... 展开全文
  • 前言 Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,我们将使用它来请求api。 WordPress REST API为WordPress数据类型提供API端点,允许开发人员通过发送和接收JSON(JavaScript Object Notation)对象与站点进行远程交互 。 demo需要实现功能 获取全部的文章列表 点击查看详情进入文章详情... 展开全文
  • 组件地址 https://github.com/leecade/react-native-swiper 遇到问题: 在TabNavigator内使用react-native-swiper显示空白 解决办法: 将TabNavigator的tabBar 参数 swipeEnabled 和 animationEnabled 都设置为false const MainScreenNavigator = TabNavigator( { Home: { screen: RecentChatsScreen, navigationOptions: { tabBarLabel: 'aaa', } },... 展开全文
  • React Native中循环输出多个组件

    2018-01-11 浏览:13411
    这里使用JavaScript Array map() 方法: 需要为每一个组件设置一个唯一的key render() { let items = [{id: 1, name: 'foo'}, {id: 2, name: 'bar'}]; return ( <View> { items.map(function (item) { return ( <View key={item.id}> <Text key... 展开全文
  • 使用react-navigation做页面间跳转报错:Undefined is not an function(evaluating _this2.props.navigation('Chat,{user:'Lucy'}')) 错误原因: 在一个页面中调用了另一个页面中定义的组件,则会出现当前页面的this与跳转动作发生的this不一致,导致跳转动作报错。 解决办法: 在当前页面获取跳转动作调用方法,作为参数传递给跳转动作发生页面的组件。 class ContactScreen extends React.Component { render() { ... 展开全文
  • React Native Image组件

    2018-01-08 浏览:5064
    图片组件Image 本地资源引用 <Image source={require('./static/images/ih4.png')} /> 网络资源引用 <Image source={{uri:'http://www.qqzhi.com/uploadpic/2015-02-02/211841154.jpg'}} /> 展开全文
  • flex布局常用属性

    2018-01-08 浏览:6045
    实现flex布局 mian{ display: flex; //行内元素 display: inline-flex; } 控制主轴方向 flex-direction ---row(默认值):主轴为水平方向,起点在左端。 ---row-reverse:主轴为水平方向,起点在右端。 ---column:主轴为垂直方向,起点在上沿。 ---column-reverse:主轴为垂直方向,起点在下沿。 控制换行 flex-wrap ---nowrap(默认):不换行 ---wrap:换行,第一行在上方 ---wrap-reverse:换行,第一行在下方 在主轴... 展开全文
  • react-native学习相关资源

    2018-01-05 浏览:5680
    React Native https://facebook.github.io/react-native/ 中文文档 https://reactnative.cn/docs/0.51/images.html#content reactnavigation https://reactnavigation.org/docs/intro/basic-app 视频教程 http://study.163.com/course/courseLearn.htm?courseId=1003290004#/learn/video?lessonId=1003800171&courseId=1003290004 展开全文
  • jquery返回顶部

    2018-01-01 浏览:5797
    返回顶部 $top.click(function() { $('body,html').animate({ scrollTop: 0 }, 200); return false; }); 展开全文
  • 开发常用资源

    2018-01-01 浏览:5857
    滚动条模拟 http://rocha.la/jQuery-slimScroll select2 https://select2.github.io/ banner http://www.swiper.com.cn/api/index2.html jQuery CDN http://www.bootcdn.cn/jquery/ 设计稿标注 http://www.getmarkman.com/#/download-modal 时间选择器插件 http://rocha.la/jQuery-slimScroll 图片占位符 http://www.bootcdn.cn/holder/ 一个兼容性较好的头像裁剪插件(适用于移动端) https://github.com/baijunjie/PhotoClip.... 展开全文