首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
每日技巧
coding丨
创建于2021-12-14
订阅专栏
前端小技巧
等 2 人订阅
共41篇文章
创建于2021-12-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
通过git进行仓库有迁移
适用场景:已有一个新仓库A,有一个旧仓库B,B中有之前存在的代码,现在需要将A中所有的代码和commit信息都提交并覆盖B中的内容。 1. 克隆旧仓库B(目标仓库) 首先,需要从 GitLab 上克隆
判断当前设备环境的公共类(PC、H5、IOS、小程序等)
根据当前浏览器的信息字符串。用来识别用户正在使用哪种浏览器以及其他相关的信息,通过不同环境加载不同模块代码
浏览器控制台内获取系统主题色(明/暗模式)
win10专业版 系统设置 浏览器控制台获取值 根据是否有参数dark/light 自动获取当前系统主题模式 项目主题色系统跟随
微信小程序内嵌webview实现微信登录
背景: 项目要求微信小程序快速开发,3天后要上线实在是来不及了。所以用了微信小程序的壳子嵌入H5的方式开发。利用了最新的方式web-view的方式将内容src嵌入。 交互流程 【登陆】 h5触发小程序
本地测试接口无法获取Set-Cookie解决方案-[插件安利]
本地测试接口无法获取Set-Cookie解决方案-[插件安利] 背景:本地联调后端接口测试业务流程、修改bug 每次发包丢到线上太频繁了 继续打通本地测试
2023前端面试大全-持续更新中(如果我会这些,阁下又该如何提问)
Vue面试题 生命周期函数面试题 1.什么是 vue 生命周期 2.vue生命周期的作用是什么 3.第一次页面加载会触发哪几个钩子 4.简述每个周期具体适合哪些场景 5.created和mounted
swiper插件 缩略图上下联动
Vue框架使用swiper5实现带缩略图的轮播图。swiper插件 缩略图上下联动,点击缩略图自动位移会有滚动效果。
前端根据银行卡号或银行的简码动态显示logo图标
上代码: 根据接口返回值bank 渲染img标签 找线上相对权威并且数据信息较全的平台,找到他们根据银行卡号或者简码返回银行logo的api接口
安卓、IOS、微信小程序、抖音小程序 环境判断
不同设备环境下 设置不同的分享功能 ,生成H5、小程序、APP等应用的技术的统称,兼容各种多端应用,程序代码需要相应的适配。
event.target和event.currentTarget的区别-【踩坑日记】
绑定事件的节点中,使用event.currentTarget返回的是绑定事件的节点。我们发现我们绑定的是最外层的div节点,event.target返回的是,触发事件的元素。
检测网页是否打开开发者工具(控制台)
背景:由于某个单页面暴露了敏感代码 需要禁用控制台 控制台禁止打开(防止F12和shift+ctrl+i调起开发者工具) 存在bug:通过浏览器 更多工具》开发者工具 调起控制台 检测控制台是否打开
Object.freeze()冻结对象、数组 ---【性能优化】
应用场景 Object.freeze()可以提高性能,如果你有一个对象,里面的内容特别特别多,而且都是一些静态数据,你确保不会修改它们,那你其实可以用Object.freeze()冻结起来。
【性能优化】图片懒加载-js手写(20行代码)
前言:页面初始化图片资源过多,导致访问页面时加载卡顿,不流畅,影响用户体验。 原理: 通过判断每个图片是否在可视区域内,满足则加载图片。条件:图片距离顶部的高度<可视区域高度+滚动条滚动的高度。
clipboard.js基本使用-复制文本
js实现粘贴板--js插件clipboard.js实现一键复制粘贴功能,它不依赖于 Flash 或任何臃肿的框架。
promise/callback
同步与异步 javascript语言是一门“单线程”的语言,本文详细介绍:callback与promise 区别
gitee常用指令-长期更新
gitee仓库最新版本有误需要回滚到指定版本 解决该问题的逻辑:将本地仓库指定回退到一个版本,之后强制推送 覆盖掉之前的版本
数据处理-多维数组彻底降维--数组降维
如果想将⼀个多维数组彻底的降维,可以这样实现 扩展,通过Array.isArray()判断传过来的值是否为数组。
a标签判加入条件后确定是否跳转---
a标签判加入条件后确定是否跳转: return false阻止跳转,return true继续跳转。
vue使用swiper--跳转到指定swiper-slide(从下标0开始计数)
vue使用swiper--跳转到指定swiper-slide(从下标0开始计数),方法mySwiper.slideTo(index, speed, runCallbacks)
iframe父子页面传参--开发实战
场景:父页面A嵌套子页面B 1.通过url链接传递参数 2.通过cookie获取参数(解决跨域问题)
下一页