古兰精

摘要： 通常的前端部署方式：把前端打包好的代码放到服务器(linux)目录下，然后通过nginx转发出去。但是会有前端SPA应用比较经典的白屏问题。 后来了解到有些公司将前端项目部署在 OSS 里，还可以进行加速解析，实现解决前端代码白屏问题。故而学习了解下。 （前提要有一个已经备案过的域名） 一、阿里对象 阅读全文

摘要： 今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果. 有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从表面上看，确实好像只有元素的 transfrom: translate() 在位移，但是注意，这里有2个需要注意的点： （1）这 阅读全文

摘要： 1、css样式：文字本身的大小不兼容解决 问题原因：同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的：IE下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。 解决方案：给文字设定 line-height ， 阅读全文

摘要： 一、同域:1、父页面获取子页面元素：注意：onload事件jQuery获取：$("iframe").contents().find("holder")......; （嵌套三层，或者更多时）$('iframe').contents().find('iframe').contents().find(" 阅读全文

摘要： 两端对齐实现 一般加上下面2行就可实现 但是对于中英文混杂的情况，中英文难一起实现对齐，原因在下面有分析，需要如下js来控制 justify实现原理 要理解原理，我们首先要搞清楚文本的两端对齐声明text-align:justify起作用的本质。首先，大家要知道，text-align:justify 阅读全文

摘要： 一、classnames库的使用 React 原生动态添加多个className会报错： import style from './style.css' <div className={style.class1 style.class2}</div> 想要得到最终渲染的效果是： <div class 阅读全文

摘要： 一、需求背景：css 文本溢出时在开头（左边）显示省略号 1、首先设置溢出文本显示省略号 .nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 2、然后设置让文本从右到左显示 注意需要设置到最后一个层级 阅读全文

摘要： 1、验证文件名：（亲测有效） var reg = /^(?!\.)[^\\\/:\*\?"<>\|]{1,255}$/; var str = 'gggggggggggkkkk'; reg.test(str); 微软文件名命名规则：（1）不允许添加：\ / " ? < > * | 等9个字符；（2）不 阅读全文

摘要： 一、预览及真机调试时包超过2M时 message：Error: 系统错误，错误码：80051,source size 2069KB exceed max limit 2MB 预览及真机调试时包超过2M时，可在开发者工具右侧“详情”中勾选“预览及真机调试时主包、分包体积上限调整为4M”即可解决。 二、 阅读全文

摘要： 结果依次： 关于上述代码优化： 1、首先，对数据值需要做下判断：如果是空值或非字符类型，则没必要继续进行。 平时写代码时需要注意多做非空判断和数值判断，特别是处理后台接口数据的时候，数据都是后台返回来的，不知道到底是什么样的数据，有没有数据，所以判空是比较重要的。 2、其次，getMaxLength 阅读全文