浮动元素不换行 做豆瓣的时候模仿豆瓣的正在热映的列表做的一个样式,效果及代码如下 .item-lists { overflow-x: auto; white-space: nowrap; font-size: 0; pa…
分类:html
解决图片防盗链的问题
在页面中添加meta标签 <meta name="referrer" content="never"> referer在http中表示请求地址来源,一般网站后台在设置图片防盗链时就是通过判断http请求头中的…
Vue常见问题及处理
常见问题及处理 1.vue.js 2.0要求每个template只能有一个根元素。可以在最外层包一个div来解决这个问题。 错误提示: vue.js:435 [Vue warn]: Error compiling tem…
自底向上的web数据操作指南
简介 本篇文章主要探讨JavaScript中的数据操作. JavaScript一直以来给人一种比较低能的感觉,例如无法读取系统上的文件,不能做一些底层的操作. 所以在页面上操作数据会交由服务器处理也就成了主流的做法. 但…
css变量赋值和取值的四种方式(js设置值、内联样式、:root选择器、html选择器)
今天突然发现一个有趣的现象document.querySelector(‘:root’) === document.documentElement 第一次知道:root是在使用css变量的时候,当…
响应式布局方案
说到响应式布局方案,我们首先需要了解视口这个概念 视口 在早期的时候我们没有专门针对手机尺寸写的页面,所以在用手机浏览页面的时候我们看到的都是专门针对PC端的页面,在这种情况下页面会被严重压缩,而且会极大的影响页面的结构…
2019年前端学习路线
近两年来,前端开发工程师越来越火了,2019年已经到来了,很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢?有的朋友在想方设法的学习,争取在年后的金三银四能靠实力找到一份满意的工作!还有的小伙伴很迷茫,想学前…
前端实用知识
1、输入URL到显示网页,中间发生了什么 DNS(完成域名到IP的映射)–>TCP传输(三次握手建立传输链接)–>发送请求(分析url,设置请求头、主体)–>服务器返…
前端实用小工具
1、类型判断 判断 Target 的类型,单单用 typeof 并无法完全满足,这其实并不是 bug,本质原因是 JS 的万物皆对象的理论。因此要真正完美判断时,我们需要区分对待: 基本类型(null): 使用 Stri…
canvas绘图按照contain或者cover方式适配,并居中显示
canvas绘图时drawImage,需要绘制的图片大小不同,比例各异,所以就需要像html+css布局那样,需要contain和cover来满足不同的需求。 contain 保持纵横比缩放图片,使图片的长边能完全显示出…
小程序瀑布流效果,解决左右两边高度差距过大的问题
想要实现瀑布流的布局效果,并且是按照从左到右顺序显示的话,css布局方式暂时还不能满足我们的需求。参考小红书的瀑布流效果,小红书是分左右两栏的,按照奇数偶数来显示就可以。 <view class="waterfal…
React学习笔记2---生命周期
生命周期函数指在某一个时刻组件会自动调用执行的函数,React的生命周期函数主要有 Initialization(初始化) Mounting(挂载) Updation(更新) Unmounting(卸载) 父组件 // …