• React Native中循环输出多个组件

    2018-01-11 浏览:14397
    这里使用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 浏览:5521
    图片组件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 浏览:6474
    实现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 浏览:5601
    文章列表设置文章摘要 为文章列表设置文章摘要,限制显示字数,添加指向详情页链接 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 浏览:5690
    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 浏览:5662
    禁止代码标点转换,解决复制文章内代码时标点变为中文标点的问题 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 浏览:5824
    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 /><... 展开全文
  • wordpress使用文章缩略图

    2018-01-07 浏览:5965
    首先检测有没有设置缩略图,如没有则查找文章内容页有无图片,如没有则调用指定图片 functions.php add_theme_support( 'post-thumbnails' ); function get_post_img_url($thumbnail = true) { global $post; if (has_post_thumbnail ()) { $domsxe = simplexml_load_string ( get_the_post_thumbnail () ); $thumbnailsrc = $domsxe->attributes()->src; return $thumbnailsrc; ... 展开全文
  • <?php $args=array( 'category_name' => 'team', 'posts_per_page' => 3, ); query_posts($args); if(have_posts()) : while (have_posts()) : the_post(); ?> 循环内容 <?php endwhile; endif; wp_reset_query(); ?> 展开全文
  • react-native学习相关资源

    2018-01-05 浏览:6165
    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 展开全文
  • add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 ); add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 ); function remove_width_attribute( $html ) { $html = preg_replace( '/(width|height)="\d*"\s/', "", $html ); return $html; } 展开全文
  • wordpress标题设置

    2018-01-01 浏览:5825
    标题 <?php if (function_exists('is_tag') && is_tag()) { single_tag_title('Tag Archive for "'); echo '" - '; } elseif (is_archive()) { wp_title(''); echo ' - '; } elseif (is_search()) { echo 'Search for "'.wp_specialchars($s).'" - '; } elseif (!(is_404()) && (is_single()) || (is_page())) { wp_title(''); echo ' - '; } elseif ... 展开全文
  • jquery返回顶部

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

    2018-01-01 浏览:6216
    滚动条模拟 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.... 展开全文