• 获取path中的变量 app.get('/api/:id', function (req, res) { console.log(req.params.id) }); 获取path中?xx=xx的变量 app.get('/api?name=a&tel=b', function (req, res) { console.log(req.query) }); 获取post中的变量 解析post数据需要用到body-parser第三方中间件 安装 $ npm install body-parser 使用 var bodyParser = require('body-parser') // 给app配置bodyParser中间件 // 通过如下配置再路由种处... 展开全文
  • 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随后会自动在目标... 展开全文
  • 前期投入 1.注册域名 域名选择 域名后缀常用的有.com,.net,.org,当然也可以选择一些比较个性的如.top等。 .cn域名属于国家域名,由CNNIC管理,中国互联网络管理中心 (China Internet Network Information Center) 即CNNIC负责管理,因此不建议注册.cn域名。 域名注册机构 国内的有阿里(万网)、易名中国、西部数码、35互联等,国外的有Godaddy、Name等。 域名注册流程 首先通过域名注册商查询想要的域名是否已被注册,如未... 展开全文
  • robots.txt文件用法整理

    2018-03-19 浏览:5378
    robots.txt是搜索引擎中访问网站的时候要查看的第一个文件,文件告诉蜘蛛程序在服务器上什么文件是可以被查看。 robots.txt文件应该放置在网站根目录下。举例来说,当一个搜索蜘蛛爬虫访问一个站点时,它会首先检查该站点根目录下是否存在robots.txt,如果存在,搜索机器人就会按照该文件中的内容来确定访问的范围;如果该文件不存在,所有的搜索蜘蛛将能够访问网站上所有没有被口令保护的页面。仅当网站包含不希望被搜索引擎收... 展开全文
  • 新建文件comments.php文件 <?php if (isset($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) die ('Please do not load this page directly. Thanks!'); if ( post_password_required() ) { return; } ?> <div id="comments" class="comments-area"> <?php if ( have_comments() ) : ?> <h3 class="comments-title">... 展开全文
  • js页面loading动画的简单实现

    2018-02-28 浏览:6797
    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 浏览:10008
    我们经常看到一些内容较多的文章都有一个目录导航,点击导航会跳转到响应的位置,页面滚动时相应位置的导航也会呈现选中状态非常的方便,这里使用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 浏览:12689
    这里使用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 浏览:4857
    图片组件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 浏览:5800
    实现flex布局 mian{ display: flex; //行内元素 display: inline-flex; } 控制主轴方向 flex-direction ---row(默认值):主轴为水平方向,起点在左端。 ---row-reverse:主轴为水平方向,起点在右端。 ---column:主轴为垂直方向,起点在上沿。 ---column-reverse:主轴为垂直方向,起点在下沿。 控制换行 flex-wrap ---nowrap(默认):不换行 ---wrap:换行,第一行在上方 ---wrap-reverse:换行,第一行在下方 在主轴... 展开全文
  • wordpress设置文章摘要

    2018-01-07 浏览:4988
    文章列表设置文章摘要 为文章列表设置文章摘要,限制显示字数,添加指向详情页链接 function new_excerpt_more($more) { global $post; return '...<a href="'.get_permalink($post->ID). '">阅读更多</a>'; } add_filter("excerpt_more", "new_excerpt_more"); function new_excerpt_length($length) { return 350; } add_filter("excerpt_length", "new_excerpt_length"); 展开全文
  • wordpress输出文章列表

    2018-01-07 浏览:5088
    have_posts() 判断是否有日志 the_posts() 获取下一篇文章的信息,并将信息存储全局变量$post中 //调用全局变量 global $post; the_title() 获取变量标题 the_content() 获取当前日志的内容 the_category(',') 获取当前文章分类,参数为多个分类分隔符 the_author() 获取当前文章发布作者 the_time() 获取当前文章发布时间,未设置日期格式则按照wordpress后台设置日期格式输出 edit_post_link('before','编辑','after') 显示编辑... 展开全文
  • wordpress禁止代码标点转换

    2018-01-07 浏览:5109
    禁止代码标点转换,解决复制文章内代码时标点变为中文标点的问题 remove_filter('the_content', 'wptexturize'); 展开全文
  • 上传图片保存名称格式化,多用于处理上传图片中文名的问题 function byangPictureChinesePath($file){ $time=date("Y-m-d-H-i"); $file['name'] = $time."-".mt_rand(1,1000).".".pathinfo($file['name'] , PATHINFO_EXTENSION); return $file; } add_filter('wp_handle_upload_prefilter', 'byangPictureChinesePath'); 展开全文
  • function custom_adminbar_menu( $meta = TRUE ) { global $wp_admin_bar; if ( !is_user_logged_in() ) { return; } if ( !is_super_admin() || !is_admin_bar_showing() ) { return; } $wp_admin_bar->add_menu( array( 'id' => 'custom_menu', 'title' => __( '操作遇到问题?联系我们' ), 'href' => 'http://www.qianxiaoduan.com/', ... 展开全文
  • wordpress文章自定义字段

    2018-01-07 浏览:5238
    functions.php $new_meta_boxes = array( "add1" => array( "name" => "add1", "std" => "", "title" => "职位:"), "add2" => array( "name" => "add2", "std" => "", "title" => "从业经验:") ); function new_meta_boxes() { global $post, $new_meta_boxes; foreach($new_meta_boxes as $meta_box) { $meta_box_value =... 展开全文
  • 新建themeoptions_page页面,在functions中添加如下内容 function themeoptions_admin_menu() { // 在控制面板的侧边栏添加设置选项页链接 add_menu_page('站点设置', '站点设置', 'edit_themes', basename(__FILE__), 'themeoptions_page'); } if ( $_POST['update_themeoptions'] == 'true' ) { themeoptions_update(); } ?> <div class="wrap"> <div id="icon-themes" class="icon32"><br /><... 展开全文