技术总结
文章平均质量分 57
上网的虫不叫网虫
学会分享~
展开
-
Chrome浏览器使用Overrides调试线上代码的技巧
在做pc端开发的时候,发布到线上的代码,一般都会存在BUG,为了避免不停的发代码进行测试,可以先在线上的源码中改好,然后复制到本地,可以达到事半功倍的效果。原创 2022-03-15 12:09:04 · 9197 阅读 · 3 评论 -
前端页面跳转的6大类方法及其使用场景特性分析
前端页面跳转的6大类方法及其使用场景特性分析,前端页面跳转的方法有很多种,总有一种适合你。原创 2022-03-11 14:59:37 · 8659 阅读 · 0 评论 -
css样式:内容模糊化,解锁更多强化功能
纯css实现内容模糊化,增加遮罩禁止点击,解锁更多场景使用及完整示例代码。原创 2022-01-06 15:15:35 · 931 阅读 · 0 评论 -
雕虫小技:div转换成图片并下载之jQuery实现
div转换成图片并下载,在网站制作中也是经常会遇到的技术。在这里介绍的方法是使用jQuery实现。原创 2021-12-28 17:09:57 · 1784 阅读 · 2 评论 -
内联框架:iframe跨域处理及高度计算
iframe在web前端开发中很常见,iframe嵌入的页面与当前页面是在同一个域名下,是不存在跨域。但是在主域相同,子域不同的情况下,就会存在跨域,可以使用document.domain去解决。iframe一般需要主动设置高度才会完全显示嵌入页面的内容,而内容可能会在迭代的时候变化,所以如果iframe的高度写死,那么就显得这个iframe不够智能。可以通过js去计算内容的高度,然后给iframe进行设置动态高度。原创 2021-12-24 10:50:08 · 1411 阅读 · 0 评论 -
启动模拟器:启动Android Studio内置的模拟器之命令大法
在不启动Android studio的情况下,直接启动内置的模拟器。应用场景:在开发uniapp之app的时候,可以直接运行到Android Studio内置的模拟器上进行调试。那么下面介绍一种,直接使用命令直接启动Android Studio内置的模拟器。原创 2021-12-20 10:50:56 · 2267 阅读 · 0 评论 -
绑定host:windows与模拟器之绑定host集结
绑定host,实际上就是在域名解析文件hosts中添加ip地址与对应的域名,这里的域名可以自定义...原创 2021-12-15 17:09:48 · 4307 阅读 · 1 评论 -
开源项目推荐:推荐5款前端的开源项目,vue、uniapp、react学无止境用无止境_
vue开源项目1. vue-element-admingit地址:https://gitee.com/panjiachen/vue-element-admin.git这是一款基于vue2.x+element后台管理系统开源项目,开箱即用。但是首次使用的话最好是分析下源码思路,对后期开发效率才有更大的帮助。我现在做管理系统就是用的这款开源代码,对我对vue的提升也有很大的帮助,里面的思想甚至可以用到小程序开发之中。2. vue-vben-admingit地址:https://gitee.com/原创 2021-10-26 15:12:53 · 6115 阅读 · 0 评论 -
HBuilder X运行uniapp之app真机调试控制台console不打印,多种原因分析解决,亲测有效
本描述属于本人亲身经历,亲测有效。公司的APP从开发到维护都是我在负责,所以对遇到的问题都会一一记录下来。就在最近在修改一个功能的时候,运行app到手机上,突然发现hbuilderX的控制台不打印了,这肯定就没法进行调试,作为一名前端人员,你懂的。那么接下来我就简单说说我的解决思路:方案一: 首先遇到问题的第一反应就是重新打开手机USB调试和选择USB配置为MTP(多媒体传输),之前我遇到这个问题的时候,确实这个办法有效果。所以大家在遇到的时候,可以先这样试一下。但是这次遇到的问题不是这个原因。方案二:原创 2021-10-26 10:07:39 · 13230 阅读 · 1 评论 -
ios移动端兼容:iPhone X等机型底部的安全距离样式的设置
无论是H5、小程序的页面中,兼容iPhone X等机型的时候,需要考虑到页面底部的安全距离的设置,如图所示(设置之前):只需要两行css代码就可以完美兼容:/* iphonex 等安全区设置,底部安全区适配 */padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */设置后原创 2021-10-21 12:01:56 · 6394 阅读 · 0 评论 -
img制图技巧:给img图片添加背景颜色和背景图片,制作出新图片
设想一个问题:如果前端页面中图片加载失败,是直接加载另一张异常图片吗?(我的答案,不完全是)那么在这里就分享一个更加优化的技巧来处理异常图片:效果图:直接上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .img { width: 200px;原创 2021-10-20 14:07:58 · 3400 阅读 · 0 评论 -
【动态截屏工具】将鼠标下的操作制作成一张gif图
前言在写这篇文章之前,在写博客的有些时候想将一个功能的最终实现效果做成一张gif图,这样更加直观,也好理解。之前由于比较忙,也没有花精力去找相关的工具。今天正好遇到一个比较好用的工具,简单实用,正好解决了我的问题,那就分享给大家吧~上菜下载链接:https://recordit.co/我还放到了我的网盘防止网站不在了,链接:https://pan.baidu.com/s/1d36Evm4YhlCKPkX3avngzw 提取码:f4tg安装后,打开应用,就可以电脑右下角看到有个图标原创 2021-09-23 15:16:58 · 601 阅读 · 0 评论 -
class命名及前端部分规范【解决命名的疑问】
常见的class命名布局类:header, footer, container, main, content, aside, page, section包裹类:wrap, inner区块类:region, block, box结构类:hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span列表类:list, item, field主次类:primary, secondary, sub, minor大小类:s, m,原创 2021-09-08 10:51:12 · 6163 阅读 · 0 评论 -
前端部分规范
命名规则1、目录命名:按功能模块定义- module ---例:home,lib,detail,search,plugin---- css---- images---- js2、js文件命名:- 按功能(或者page)名字定义.js- 全部采用小写方式,有复数结构时,要采用复数命名法,以下划线分隔。3、css文件命名:- 全部采用小写方式,有复数结构时,要采用复数命名法,以下划线分隔。4、html文件命名:- 按功能(或者page)名字定义.html- 全部采用小写方式,有复原创 2021-08-19 16:52:32 · 214 阅读 · 0 评论 -
前端必知:推荐谷歌浏览器中代码片段Snippets的使用,快速测试一段代码
作为一名合格的前端工程师,那么肯定少不了使用谷歌浏览器,不仅兼容性好,而且还是前端调试的一把好手。浏览器F12打开控制台,Elements、Console、Network这几个功能是前端用的比较多。那么在这里就讲解下Sources->Snippets代码片段的使用,这个功能可以快速测试一个功能。话不多说,直接进入正题:在任何一个页面打开控制台,点击Sources点击>>找到Snippets点击+New Snippets添加新页面选中添加的新页面名称,在空页面中编辑代码在新原创 2021-09-26 10:18:58 · 1762 阅读 · 0 评论 -
PC端和移动端唤起QQ聊天
PC端页面调用QQ进行在线聊天<a href="tencent://message/?uin=1234567&Site=Sambow&Menu=yes">QQ在线咨询</a>或者<a href="http://wpa.qq.com/msgrd?v=3&uin=1234567&site=qq&menu=yes">QQ咨询</a>其中,上述HTML代码中的“1234567”指的是QQ客服号码。真机实测,不用置疑。原创 2021-08-19 16:54:52 · 1261 阅读 · 0 评论