1.定义专用模块来配置全局变量 定义一个专用模块来配置全局变量，然后通过export暴露出去，在需要的组件引入 global.vue const a=1; export default{ a } 引入 import global from './global' 2.通过全局变量挂载到Vue.prototype main.js Vue.prototype.a = 1; 组件调用 console.log(this.a) 3.使用window对象 window.a=1 4.使用vuex 安装： npm install vuex --save 新建store.js文件 import Vue from 'vue' import ... 展开全文

全局安装webpack npm install -g webpack 创建项目 mkdir webpack-test cd webpack-test npm init npm init后会在根目录下生成一个名为package.json的文件，文件中srcipts字段设置如下： "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack --mode development", "build": "webpack --mode production" }, 这样就可以直接使用命令npm run build来进行文件打包 项... 展开全文

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

WP_Query 是在 wp-includes/query.php 中定义的一个用于处理wordpress中文章或页面的类，使用WP_Query可以查询任何你想要的内容 用法举例 查询分类别名为team的4篇最新文章并输出标题： <?php $args=array( 'category_name' => 'team', 'posts_per_page' => 4, ); $query=new WP_Query($args); if($query->have_posts()) : while ($query->have_posts()) : $query->the_post... 展开全文

文章自定义栏目可以用来定义文章相关的属性、参数等属性 开启自定义栏目模块 勾选后在页面下方可以看到这个模块，在这里可以新增自定义的数据字段，并为它赋值 添加字段 页面调用 <?php $test = get_post_meta(get_the_ID(),'测试自定义',true); echo $test; ?> get_post_meta()函数详解 https://developer.wordpress.org/reference/functions/get_post_meta/ 展开全文

wordpress后台默认不显示小工具选项，开发者需要启用小工具功能并把小工具在相应的前台位置调用出来，这样才能在后台直接拖动生成侧边栏。 激活小工具 激活小工具需要在functions.php中注册至少一个侧边栏 register_sidebar( array( 'name' => __( '默认侧边栏', 'Bing' ), 'id' => 'widget_default', 'description' => __( '侧边栏的描述', 'Bing' ), 'before_widget' => '<div class="widget ... 展开全文

该方法适用于4.7以及后续版本 在模板文件头部增加以下内容: <?php /* Template Name: page Template Post Type: post, page, product */ ?> 这样即可在post（文章）、page（页面）、product（产品）中使用该页面模板 展开全文

/* 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 格式撰写的文件应该可以直接以纯文本发布，并且看... 展开全文

添加语言 为文章添加多语言 为导航添加多语言 functions.php中开启自定义菜单 if(function_exists('register_nav_menus')){ register_nav_menus( array( 'header-menu' => __( '导航自定义菜单' ), ) ); } 添加语言切换按钮 输出ul标签 <?php pll_the_languages();?> 输出select下拉菜单 <?php $array = array( 'dropdown' => 1 ); pll_the_langu... 展开全文

进入项目下载less和less-loader依赖 less为开发应用时所依赖的工具包，所以应该安装在devDependencies中 npm install less less-loader -D -D为--save --dev的缩写，意思为将依赖包安装在devDependencies中，devDependencies中放置开发应用时所依赖的工具包。通常是一些开发、测试、打包工具，例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包，用户在使用 npm install 安装你的包时也不会安装这些依赖。 -S为--sav... 展开全文

获取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是搜索引擎中访问网站的时候要查看的第一个文件，文件告诉蜘蛛程序在服务器上什么文件是可以被查看。 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">... 展开全文

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', } },... 展开全文