热门 react将字符串转义成html语句

时间:2019-4-25   作者:lininn   分类:   热度:1920°    
时间:2019-4-25   分类:    热度:1920  
在使用reactjs库的时候,会遇到将一段html的字符串,然后要将它插入页面中以html的形式展现,然而直接插入的话页面显示的就是这段字符串,而不会进行转义,可以用一下方法插入,便可以html的形式展现: <div dangerouslySetInnerHTML={{__html: "<p>爱死费崇政</p>"}} />

阅读全文>>

热门 create-react-app设置代理

时间:2019-4-25   作者:lininn   分类:   热度:2477°    
时间:2019-4-25   分类:    热度:2477  
在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...

阅读全文>>

热门 Nuxt vue服务端渲染

时间:2019-4-16   作者:lininn   分类:   热度:1937°    
时间:2019-4-16   分类:    热度:1937  
随着现在vue和react的流行,许多网站都做成了SPA,确实提升了用户体验,但SPA也有两个弱点,就是SEO和首屏渲染速度。为了解决单页应用的痛点,基于vue和react的服务端渲染应运而生。由于公司的框架采用的是vue,所以就简单的研究了一下基于vue的服务端渲染框架——NUXT。在vue的官网有关于服务端渲染的详细介绍,而NUXT集成了利用Vue开发服务端渲染的应用所需要的各种配置,也集成了Vue2、vue-router、vuex、vux-meta(管理页面meta信息的),利用官方的脚手架,基本上是傻瓜式操作,不用写路由配置,不用写webpcak配置就可以跑起来一个基于服务端渲染的SP...

阅读全文>>

热门 sql时间戳按月份聚合

时间:2019-4-9   作者:lininn   分类:   热度:3376°    
时间:2019-4-9   分类:    热度:3376  
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 ...

阅读全文>>

热门 ES6 React 组件引用本地图片问题

时间:2019-4-6   作者:lininn   分类:   热度:2210°    
时间:2019-4-6   分类:    热度:2210  
最近在用create-react-app 脚手架自己写一个小项目,遇到了很多坑,其中有一个就是React 引用本地图片的问题,我的需求是,图片的路径写在json文件里,需要从后台读取json文件,然后读取到图片的路径,在前端渲染。那么问题来了,es6不支持在<img />标签内直接写图片的路径,即: <img src="../images/photo.png"/> 这种格式是不支持的。在网上看了很多博客,总结下以下几个加载的方法,当然,这种是在图片不多的情况下可以采用。 (1)import 方法: import imgURL from './...

阅读全文>>

热门 js封装

时间:2019-3-22   作者:lininn   分类:   热度:1745°    
时间:2019-3-22   分类:    热度:1745  
/*     * 2、闭包的封装方式,在这个封装方法中,所有的实例成员都共享属性和方法     * 使得所有得方法和属性都私有且对象间共享     * */     var Person=(function(){         /*共享函数*/         let checkNo=function(no){             if(!no.constr...

阅读全文>>

热门 webpack打包性能图形化分析

时间:2019-3-19   作者:lininn   分类:   热度:3273°    
时间:2019-3-19   分类:    热度:3273  
安装webpack-bundle-analyzer Webpack.config.js引入 let BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; 配置plugin: plugins: [new BundleAnalyzerPlugin({         //  可以是`server`,`static`或`disabled`。 &n...

阅读全文>>

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn