![](https://img-blog.csdnimg.cn/20191011094610642.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
大前端
文章平均质量分 91
前端相关
爱唱歌的前端
今天采坑了吗?
展开
-
前端应该怎么初始化移动端的像素单位呢?
随着前端技术的不断发展,移动端的需求不断增大,只适配pc端的界面已经无法满足用户的需求了。pc端的适配一般用CSS3 多媒体查询去适配几个阶段(如1600px,1920px)的像素就好了,这篇文章就不重点讲了,wap手机端就有点不一样了,那么要怎么去适配wap手机端的界面呢?要适配wap手机端的界面的话,css需要以rem为单位,然后用css或js动态的去调整html根节点的像素大小就好了。原创 2021-01-06 11:27:45 · 1107 阅读 · 0 评论 -
JavaScript中console的用法,console:我是最靓的仔!
JavaScript 中 console 的用法4种信息输出方式(可以用\n换行): console.log('log\n最常见用法'); console.info('info\n打印一般信息'); console.warn('warn\n警告信息'); console.error('error\n错误信息');清空控制台输出: console.clear();//清空控制台清理完毕后会提示控制台被清除:百度的输出:想了解更多可以去MDN看看:传原创 2020-06-15 16:41:35 · 2795 阅读 · 5 评论 -
JavaScript实现图片懒加载,了解一下?
最近在给公司写微商城,但是写完后单页的商品太多,导致图片加载很慢,而且我发现公司给服务器域名限制了单个IP器访问速度最高只有500K/s,面对这种情况,只好对图片进行懒加载处理了。接下来要给大家到来的是前端图片懒加载的实现和思路,主要分两种:纵向的和横向的。不管是纵向的还是横向图片懒加载实现的思路都是一样首先在第一次渲染列表图片时,不要把图片路径直接赋值给src(不然的话整个页面的图片都会...原创 2020-05-07 20:45:49 · 1842 阅读 · 1 评论 -
JavaScript常用的数组操作对象方法
文章目录==对象方法==++搜索、索引`indexOf() ` :搜索首个数组出现的位置`lastIndexOf() `:搜索最后出现的数组位置++截取、提取`lastIndexOf() `:搜索最后出现的数组位置==需要看更多?==++[菜鸟教程数组操作合集地址](https://www.runoob.com/jsref/jsref-obj-array.html)++[w3school数组操作合...原创 2020-04-01 10:55:47 · 2979 阅读 · 2 评论 -
JavaScript常用的字符串操作对象方法
文章目录==对象方法==++搜索、索引`indexOf() ` :搜索首个字符串出现的位置`lastIndexOf() `:搜索最后出现的字符串位置`charAt() `:搜索返回指定位置的字符++截取、提取`substring()`:返回指定索引区间的字符串`slice()` :提取字符串的某个部分,并且返回的字符串是新的`substr()` :抽取指定下标到指定数目长度的字符串++分割成数组`...原创 2020-03-25 09:15:58 · 628 阅读 · 0 评论 -
移动端弹窗插件mobileSelect的使用,送上全国城市的json
用过很多移动端弹窗插件,但还是觉得mobileSelect好用,样式好看,过度动画也很棒,所以推荐给写移动端的小伙伴们。点击查看jQuery插件库的说明和文件下载(下载要积分)点击查看jQuery插件库的演示Demo(此Demo并非本人的)点击查看在GitHub上的项目(免费下载)使用方法GitHub上下载项目下载完解压后分别把css文件夹、js文件夹的mobileSelect.cs...原创 2020-02-21 10:17:01 · 2276 阅读 · 6 评论 -
前端实现滑动页面动态切换背景图片的炫酷效果
我发现现在很多网站都用了如下GIF的模块与背景图片切换的效果,这让在下心痒痒的,所以自己动手写了一遍发现蛮简单的,分享给大家!首先我的思路是介个样子的:先让一个空的宽度高度都占满的div孩子悬浮最底层,里面设置宽度高度都占满背景图片,这样底部的图片就搞定了;然后再设置竖直排列宽度高度都占满的div模块,模块的排布为:实体模块=》透明模块=》实体模块=》透明模块=》实体模块,这样的话向下滑动滚动...原创 2019-11-22 10:56:42 · 8092 阅读 · 1 评论 -
CSS 在div最外层添加向下的滚动条,在内层嵌套向左的滚动条
首先我们最外层设了个大div,内层设置了一个小div,内层div要设置高度,不然滚动条overflow: auto;属性不生效,然后内层div的高度要超出屏幕外,我们这里给了1000px,不然更换屏幕很长的设备类容会少了一截,并不是我们想要的效果,然后如果底部有切换栏的话,加个边距和切换栏的高度一样就不会遮住内容了。html:<div class="father"> &l...原创 2019-07-19 09:28:00 · 3694 阅读 · 0 评论 -
JS 获取今天以及后几天的月日和星期
我在移动端开发过程中遇到了如下图的选择日期的需求首先我定义了一个数组用来装月份 var listData = [{ day: "8/19", time: "周一", }, { day: "8/20", time: "周二", }, { day: "8/21", time: "...原创 2019-08-19 16:49:12 · 1378 阅读 · 0 评论 -
原生JS 将数组的数据循环遍历到HTML中
由于我在学校是学安卓的然后实习期学前端又是直接上框架,所以原生JS的一些基本操作用着真难受!!!下面是原生JS 将数组的数据循环遍历到HTML中的列子,是的,没有用框架的HTML里的循环是用JS将一串字符串标签丢给HTML的id中的。JS: var forenoonStr = ""; var forenoonData = ["8:00", "8:30", "9:00", "9:30", "...原创 2019-08-19 17:23:41 · 36531 阅读 · 10 评论 -
JS JQuery中实现点击当前标签改变样式以及同时改变后几个标签的样式
我在移动端的开发中遇到了如下粉红色选择第一个时间点时,后两个时间点的样式也改变了JS(注意这些代码是放到jQuery方法里的 )首先我把列表的数据放到了js数组 var afternoonData = ["13:00", "13:30", "14:00", "14:30", "15:00", "15:30", "16:00", "16:30", "17:00", "17:30"] ...原创 2019-08-19 17:59:25 · 4798 阅读 · 0 评论 -
JS查询字符串的某几个字给它添加样式、标签、字符串
在工作做我遇到了如下图,搜索关键字并给返回结果的关键字添加样式原创 2019-09-30 10:27:04 · 5774 阅读 · 2 评论 -
我的小笔记 =》Html、Css、Js
记录常用代码原创 2019-06-01 17:35:22 · 1191 阅读 · 2 评论