gif演示使用说明 组件列表 组件导航 点击左侧组件导航列表中的分类即可筛选出当前分类下的所有组件 在页面中添加一个新组件 拖动调整组件位置 删除单个组件 删除所有组件 查看不同设备下页面表现 预览不同的主题颜色 获取组件代码（下载生成页面） 相关链接 静态页面生成器：http://page.qianxiaoduan.com/ 静态页面生成器更新文档：https://blog.cosdk.com/site-generation 展开全文

/* WebKit browsers */ ::-webkit-input-placeholder { color: #fff; } /* Mozilla Firefox 4 to 18 */ :-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 19+ */ ::-moz-placeholder { color: #fff; opacity: 1; } /* Internet Explorer 10+ */ :-ms-input-placeholder { color: #fff; } (可在冒号前面添加类选择器) 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元... 展开全文

刚开始尝试使用github，创建新项目的时候其中的README.md文件都是默认的，即使改动也只会添加文本，翻看别人的项目时发现其中的README.md不仅有文字还有链接、图片之类的，搜索之后发现github上的README.md文件是使用的Markdown语言编写，下面整理些Markdown语言的常用语法。 语法宗旨 Markdown 的目标是实现「易读易写」。 可读性，无论如何，都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布，并且看... 展开全文

进入项目下载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是搜索引擎中访问网站的时候要查看的第一个文件，文件告诉蜘蛛程序在服务器上什么文件是可以被查看。 robots.txt文件应该放置在网站根目录下。举例来说，当一个搜索蜘蛛爬虫访问一个站点时，它会首先检查该站点根目录下是否存在robots.txt，如果存在，搜索机器人就会按照该文件中的内容来确定访问的范围；如果该文件不存在，所有的搜索蜘蛛将能够访问网站上所有没有被口令保护的页面。仅当网站包含不希望被搜索引擎收... 展开全文

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做一个简单的实现 实现思路 为文章中的标题标签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', } },... 展开全文

这里使用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() { ... 展开全文

图片组件Image 本地资源引用 <Image source={require('./static/images/ih4.png')} /> 网络资源引用 <Image source={{uri:'http://www.qqzhi.com/uploadpic/2015-02-02/211841154.jpg'}} /> 展开全文

实现flex布局 mian{ display: flex; //行内元素 display: inline-flex; } 控制主轴方向 flex-direction ---row（默认值）：主轴为水平方向，起点在左端。 ---row-reverse：主轴为水平方向，起点在右端。 ---column：主轴为垂直方向，起点在上沿。 ---column-reverse：主轴为垂直方向，起点在下沿。 控制换行 flex-wrap ---nowrap（默认）：不换行 ---wrap：换行，第一行在上方 ---wrap-reverse：换行，第一行在下方 在主轴... 展开全文

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 展开全文

返回顶部 $top.click(function() { $('body,html').animate({ scrollTop: 0 }, 200); return false; }); 展开全文

滚动条模拟 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.... 展开全文