2020年8月7日

使用vw适配页面ios中img标签设置宽度无法显示

摘要:最近项目全线用了新的vw适配方案,设置了img的宽度,在ios上无法显示图片,google之,找到了解决办法,全局使用img{content:normal!important;}既可解决。 找了一下原因,是因为在content中写了viewport-units-buggyfill来兼容不支持vw的设 阅读全文

posted @ 2020-08-07 11:29 ranyonsue 阅读(10) 评论(0) 推荐(0) 编辑

2020年7月31日

如何让img自动适应div容器大小

摘要:IMG样式 (横向拉伸,纵向自动匹配大小) width:100%; height:auto; (纵向拉伸,横向自动匹配大小) width:auto; height:100%; DIV样式(元素居中显示) display:flex; align-items:center; justify-conten 阅读全文

posted @ 2020-07-31 18:37 ranyonsue 阅读(61) 评论(0) 推荐(0) 编辑

2020年6月24日

使用json-server与Mockjs搭建模拟服务

摘要:为什么使用 在项目开发中,常常需要边写前端页面边写后端接口,但是后端接口服务往往是滞后于前端开发的,或者是不能及时提供的。出于前端开发的迅速和便捷去考虑,我们可以根据后端接口数据结构去模拟(mock)数据从而实现前端的独立开发。 JsonServer 主要的作用就是搭建本地的数据接口,创建json文 阅读全文

posted @ 2020-06-24 19:09 ranyonsue 阅读(294) 评论(3) 推荐(1) 编辑

2020年6月12日

ES6语法--导入、导出

摘要:一、export 导出export default 是默认导出export const 是命名导出 module.exports与exports,export与export default之间的关系和区别Node应用由模块组成,采用CommonJS模块规范。根据这个规范,每个文件就是一个模块,有自己 阅读全文

posted @ 2020-06-12 16:22 ranyonsue 阅读(108) 评论(0) 推荐(0) 编辑

2020年6月9日

js解析xml字符串

摘要:let loadXML = function(xmlString){ var xmlDoc=null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObject){ //window.DOMParser 判断是否是非ie浏览器 阅读全文

posted @ 2020-06-09 15:47 ranyonsue 阅读(71) 评论(1) 推荐(0) 编辑

2020年5月21日

react中控制元素的显示与隐藏

摘要:1.通过 state 变量来控制是否渲染元素 类似于 vue 的 v-if 方法是通过变量来控制是否加载元素的,如果变量为false,内容就直接不会渲染的。 class Demo extends React.Component{ constructor(props){ super(props); t 阅读全文

posted @ 2020-05-21 13:36 ranyonsue 阅读(656) 评论(0) 推荐(0) 编辑

react动态添加样式:style和className

摘要:react开发过程中,经常会需要动态向元素内添加样式style或className 一、react向元素内,动态添加style 例如:有一个DIV元素, 需要动态添加一个 display:block | none 样式, 那么: <div style={{display: (index this.s 阅读全文

posted @ 2020-05-21 10:42 ranyonsue 阅读(381) 评论(0) 推荐(0) 编辑

2020年5月11日

react中dangerouslySetInnerHTML使用

摘要:在react中,通过富文本编辑器进行操作后的内容,会保留原有的标签样式,并不能正确展示。 在显示时,将内容写入__html对象中即可。具体如下: <div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} />如果是直接调用接 阅读全文

posted @ 2020-05-11 17:55 ranyonsue 阅读(42) 评论(0) 推荐(0) 编辑

2020年4月21日

switch和if else的比较

摘要:if-else只是单纯地一个接一个比较;if...else每个条件都计算一遍; switch使用了Binary Tree算法;绝大部分情况下switch会快一点,除非是if-else的第一个条件就为true编译器编译switch与编译if...else...不同。不管有多少case,都直接跳转,不需 阅读全文

posted @ 2020-04-21 13:41 ranyonsue 阅读(160) 评论(0) 推荐(0) 编辑

2020年4月20日

echarts多个数据添加多个纵坐标

摘要:在我们echarts开发中,肯定会遇到一个问题。那就是当有多个数据且数据大小差距太大时,就会出现有些数据小到看不到的情况。所以在遇到这种情况时,我通常的解决办法就是给他多加一个坐标轴。 option = { title: { text: '团队项目统计', // subtext: '数据来自网络' 阅读全文

posted @ 2020-04-20 13:17 ranyonsue 阅读(427) 评论(0) 推荐(1) 编辑

导航