前端技术
关注
分享
扫一扫
文章平均质量分 65
TurtleOrange
bug需要debug
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序比较用户微信客户端版本号
微信小程序客户端版本号比较原创 2022-07-07 11:42:24 · 1363 阅读 · 0 评论 -
前端性能优化（节流、防抖、图片懒加载）
前端性能优化1.性能优化原则多使用内存、缓存减少CPU计算量，减少网络加载耗时空间换时间2.节流throttle拖拽一个元素时，要随时拿到该元素被拖拽的位置直接用drag事件，则会频繁触发，很容易导致卡顿节流：无论拖拽速度多快，都会每隔100ms触发一次<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-原创 2021-04-27 02:14:48 · 246 阅读 · 0 评论 -
图片加载完成后执行相应功能
图片异步加载1.计时器异步加载（缺点很明显，不知道图片加载时长，受网络影响）$(function(){ setTimeout(function(){ console.log(document.getElementById("image").complete) // function },1000)})2.image标签onload属性（简单）<img src="./long.png" id="image" onload="handleLoad原创 2021-02-19 14:21:15 · 454 阅读 · 2 评论 -
解决ios手机select下拉选择不居中问题
解决ios手机select下拉选择不居中问题思路：select选择后赋值给span，select字体设置透明，span要设置不可点击html5代码<div class="page" style="position: relative;"> <span disabled>第 1 页</span> <select id='pageIndex' onclick="hasSelect()" onchange='pageChange(this.value原创 2020-09-07 17:59:15 · 1581 阅读 · 0 评论 -
JQ实现弹窗滚动背景页面不跟随滚动
JQ实现弹窗滚动背景页面不跟随滚动情景：当自己写的弹窗使用overflow滚动的时候，其背景页面也是设置了overflow可以滚动的，这时候当弹窗滚动到底部时，背景页面会开始滚动，而滚动弹窗没有反应了。解决问题：弹窗滚动，页面背景就不能滚动思路：当弹窗弹出时，设置背景页面的bodyposition属性值为fixed固定住页面不能拖动，并让它置于顶部，然后当关闭弹窗的时候再恢复背景 页面滑动...原创 2019-07-09 16:13:08 · 1496 阅读 · 0 评论 -
实现单选（radio）和多选（checkbox）自定义选择样式
自定义单选和多选的radio和checkbox实现先看效果如图↓单选：123多选：12代码1//单选时的html代码<div class="Seleted"> <label class="border-bottom"> <input name="Select1" type="radio" hidde...原创 2019-04-25 17:20:04 · 3817 阅读 · 0 评论 -
踩坑：Vue.js中v-for和v-if不能同时使用
踩坑：Vue.js中v-for和v-if不能同时使用问题出现之时：v-if代码地方出现报错下面有红色的波浪线，具体报错信息大概是说v-for和v-if不能混用，取而代之要使用computed计算属性，让数组变量替换为返回的已过滤数组的计算属性。那就写一个计算属性呗在计算属性中已经是过滤了一次数组遍历项，这样写使得性能更优，而且代码不会再报错了！！！！...原创 2019-04-25 16:26:17 · 13642 阅读 · 8 评论 -
Html+Css+js实现计时器
Html+Css+js实现计时器人狠话不多，先上图实现原理：1.通过js控制图片的路径，动态替换图片2.通过js控制图片的显示或隐藏，动态替换图片一版的实现代码：game.html<body> <div class="game-startNumber flex"> <div class="staticTime"> &l...原创 2019-05-08 12:05:13 · 4441 阅读 · 2 评论 -
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题1.先在公共样式里给body加上红色区域块的代码2.在入口文件的viewport的内容里使用viewport-fit=cover属性3.效果如图码字前：~~~~~~码字后：~~~~~~~~~引用该链接的见解实现↓https://blog.youkuaiyun.com/dx18520548758/article/details/8...原创 2019-04-11 14:36:51 · 4953 阅读 · 4 评论 -
安卓系统点击input和textarea框被软键盘破坏布局问题（解决）
解决安卓手机点击input和textarea被软键盘破坏布局的问题原创 2019-02-19 18:03:01 · 1015 阅读 · 0 评论 -
每点击一次随机显示所有语句中的一条（使用随机函数）
普通办法：以上这种办法会出现个问题，当你每去掉“display：none”样式的时候，若用户多次点击就会显示出多条语句（因为它们不再是“display：none”样式了），所以用这种办法的时候还需要在结束弹窗的时候，把display：none样式还原回来，比较麻烦我就不写，推荐以下的解决的办法，使用JQ的show（）和hide（）方法来处理。解决办法：显示结果如下，非常成功注意几...原创 2019-02-21 18:15:35 · 642 阅读 · 0 评论 -
获取父级id和兄弟id
简单方法：Html代码截图：Js代码截图通过html页面直接传父级的id和兄弟的id获取他们的id值（这种方法比较人工化，类似的问题多起来就很麻烦，要一个个手动输入），如果不嫌麻烦，可以参考下面做法！ 智能化的方法：思路：有没有办法，就是点击的时候获取到子级的值，去获取父级的id，然后再通过父级id获取兄弟id？以下请看代码：Html代码的传值去掉（这里就...原创 2019-01-17 14:54:01 · 3102 阅读 · 0 评论 -
实用的15种html/css/css3居中方式 实现水平居中 垂直居中 水平垂直居中
作为前端工程师，在做页面布局的时候，毫无疑问会涉及到居中布局的困扰，今天就用一篇文章帮你解决这个普遍而又繁琐的问题，及其适合新手去做HTML5/CSS3的页面布局，同时也适合喜欢手写CSS3的前端工程师们！转载 2018-12-17 14:37:26 · 774 阅读 · 0 评论