无分类 flex布局 flex布局也叫弹性盒子,是由W3C提出的一种新的布局方式,目前兼容IE10+以上的浏览器,任何一个盒子包括行内元素都可以指定为Flex布局,只需要在它的父元素设置display:flex;即可
javascript 前端实用知识 DNS(完成域名到IP的映射)–>TCP传输(三次握手建立传输链接)–>发送请求(分析url,设置请求头、主体)–>服务器返回请求文件(HTML文件)–>浏览器渲染页面(DOM tree渲染,css tree渲染,Rander tree渲染…
javascript 前端实用小工具 判断 Target 的类型,单单用 typeof 并无法完全满足,这其实并不是 bug,本质原因是 JS 的万物皆对象的理论。因此要真正完美判断时,我们需要区分对待:
javascript canvas绘图按照contain或者cover方式适配,并居中显示 如果图片宽高不等,使图片的长边能完全显示出来,则原图片高的一边缩放后等于固定盒子对应的一边,等比例求出另外一边,
无分类 CSS3径向渐变radial-gradient实现波浪边框和内倒角 大佬给了一张优惠券图片(如下图),我一看,这波浪型的边框和内倒角用css写不出来吧,遂向大佬说明并要ui切图,大佬回答:css3可以实现。好吧,大佬都说可以实现了,还不赶紧去求谷哥,度娘。
javascript 小程序瀑布流效果,解决左右两边高度差距过大的问题 想要实现瀑布流的布局效果,并且是按照从左到右顺序显示的话,css布局方式暂时还不能满足我们的需求。参考小红书的瀑布流效果,小红书是分左右两栏的,按照奇数偶数来显示就可以。
javascript 解决mac下webstorm编辑器识别less的问题 之前在使用webstorm开发vue项目过程中,发现代码里的less有些地方总是飘红报错,虽然不影响整体代码运行,但是看起来总是很乱很难受,如下图(由于当时忘记截图,在网上找别人的图片,但是遇到问题是一样的 )
javascript React学习笔记2—生命周期 生命周期函数指在某一个时刻组件会自动调用执行的函数,React的生命周期函数主要有 Initialization(初始化) Mounting(挂载) Updation(更新) Unmounting(卸载) 父组件 {代码…} 子组件 {代码…}