import {withRouter} from 'react-router-dom'
search(){
this.props.history.push("/?tag=query&txt="+this.state.txt)
}阅读全文>>
在使用reactjs库的时候,会遇到将一段html的字符串,然后要将它插入页面中以html的形式展现,然而直接插入的话页面显示的就是这段字符串,而不会进行转义,可以用一下方法插入,便可以html的形式展现:
<div dangerouslySetInnerHTML={{__html: "<p>爱死费崇政</p>"}} />阅读全文>>
在src目录新建setupProxy.js文件
v1:
const proxy = require('http-proxy-middleware');
module.exports = function(app) {
app.use(proxy('/api', { target: 'http://localhost:4000/',changeOrigin:true,
pathRewrite:{
"^/api":"/"
}
}));
};
v2:
// const proxy = require("http-proxy-middleware...阅读全文>>
建立了一个desktop文件,
并保存到当前登录用户的.config/autostart目录下
格式
[Desktop Entry]
Type=Application
Exec=/home/md5/t/t.sh阅读全文>>
项目环境
"element-ui":"^2.3.4",
"flyio":"^0.5.2",
"js-cookie":"^2.2.0",
"nuxt":"^1.4.0",
一:首先登录页面
在登录页面script中引入
?
1
import Cookie from 'js-cook...阅读全文>>
随着现在vue和react的流行,许多网站都做成了SPA,确实提升了用户体验,但SPA也有两个弱点,就是SEO和首屏渲染速度。为了解决单页应用的痛点,基于vue和react的服务端渲染应运而生。由于公司的框架采用的是vue,所以就简单的研究了一下基于vue的服务端渲染框架——NUXT。在vue的官网有关于服务端渲染的详细介绍,而NUXT集成了利用Vue开发服务端渲染的应用所需要的各种配置,也集成了Vue2、vue-router、vuex、vux-meta(管理页面meta信息的),利用官方的脚手架,基本上是傻瓜式操作,不用写路由配置,不用写webpcak配置就可以跑起来一个基于服务端渲染的SP...阅读全文>>
create_time为时间格式(字段名create_time 根据自己表字段修改,数据库中存为201610071202)
SELECT DATE_FORMAT(create_time,'%Y%u') weeks,COUNT(id) COUNT FROM role GROUP BY weeks; SELECT DATE_FORMAT(create_time,'%Y%m%d') days,COUNT(id) COUNT FROM role GROUP BY days; SELECT DATE_FORMAT(create_time,'%Y%m') months,COUNT(id) COUNT ...阅读全文>>
最近在用create-react-app 脚手架自己写一个小项目,遇到了很多坑,其中有一个就是React 引用本地图片的问题,我的需求是,图片的路径写在json文件里,需要从后台读取json文件,然后读取到图片的路径,在前端渲染。那么问题来了,es6不支持在<img />标签内直接写图片的路径,即:
<img src="../images/photo.png"/>
这种格式是不支持的。在网上看了很多博客,总结下以下几个加载的方法,当然,这种是在图片不多的情况下可以采用。
(1)import 方法:
import imgURL from './...阅读全文>>
/*
* 2、闭包的封装方式,在这个封装方法中,所有的实例成员都共享属性和方法
* 使得所有得方法和属性都私有且对象间共享
* */
var Person=(function(){
/*共享函数*/
let checkNo=function(no){
if(!no.constr...阅读全文>>
安装webpack-bundle-analyzer
Webpack.config.js引入
let BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
配置plugin:
plugins: [new BundleAnalyzerPlugin({
// 可以是`server`,`static`或`disabled`。
&n...阅读全文>>