ranyonsue

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

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

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

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

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

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

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

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

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

摘要： ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。 方法和步骤： 通常情况下vue项目都会添加eslint组件，我们可以查看webpack的配置文件package.json查看,也可以查看工程下是否有.eslintrc.js和.eslintignore查看到esl 阅读全文