概念:浮(漂浮)动分为左浮动、右浮动、清除浮动。 浮动特点: 想你指定的方向移动,并且让出空间 如果后面的元素,也是浮动的,那么后面的元素就会在碰到前面的元素,或者边框时,就定位在那里。 如果后面的元素没有浮动,则该元素…
标签:html
小程序内存问题--图片懒加载
内存不足起因 小程序对用户内存使用进行了限制,如果一个页面的图片过多,会导致内存不足的内部错误 解决办法 对图片进行懒加载,不影响体验的前提下,只渲染当屏的图片,屏外图片,显示缺省图 实践分析 图片最多的情况就是列表(头…
js获取当前日期是一年中的第几天
js获取当前日期为一年中的第几天 const currentYear = new Date().getFullYear().toString(); // 今天减今年的第一天(xxxx年01月01日) const hasT…
重学 html の link标签
link元素规定了外部资源与当前文档的关系。常用于链接样式表,创建网站图标,预加载资源等。 链接样式表 <link href="main.css" rel="stylesheet"> 创建站点图标…
gulp--sass
gulp:复制文件在一个临时的地方并进行修改,i/o任务只在开始和结束,节省i/o流 1. 作为项目的开发依赖(devDependencies)安装: $ npm install --save-dev gulp 2. 在…
灯箱效果如何实现 - W3Schools视频06
灯箱(Lightbox)效果是将图片放大弹出显示,并将背景变暗,以突出图片。这种效果可用于单张图片,也可用于图片库。其原理跟模态框(Modal)基本一样。W3Schools有分Modal Images和Lightbox两…
CSS Normalize(全局设置)
作为前端工程师,很多人都有自己的一套CSS Normalize文件,这样能省掉开发过程中的不少麻烦,提高工作效率。在前人的基础上,我总结了自己的CSS Normalize文件,目前基本上每个项目都有在使用中: /*Nor…
纯CSS实现radio和checkbox实现效果
radio-and-checkbox 纯CSS实现radio和checkbox实现效果 reset-radio 在开发PC端的项目时,经常会用到radio和checkbox组件,可是因为原生的样式相对来说不符合设计师的设…
Vue初步了解组件——父子组件
组件 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,…
多页面网站禁用浏览器退却键
如题目所说,本文供应的要领实用于多页面网站,如SPA单页面运用等不实用。 应用window.onpopstate和window.history.pushState 掌握浏览器退却键失效,下面说一下怎样完成。 1.在你须要…
Web前端开辟入门不得不看
引 如今,种种互联网的Web运用递次屡见不鲜,那末怎样疾速入门,生长为一个优异的Web开辟事变者呢? 这个题目不轻易回复,险些一切的培训机构都不能清楚地解答。 所以关于Web开辟方才入门的菜鸟们,我以为只需经由…
12行代码完成一个Web版Markdown编辑器: 及时预览
起首,我认可题目党的嫌疑是逃不掉的了...然则,诸君请继承看下去,就会发明照样有干货的 源码:https://github.com/shuiRong/m…Demo:https://shuirong.githu…