前端
知命者夏洛特
这个作者很懒,什么都没留下…
展开
-
前端img转base64
【代码】前端img转base64。原创 2023-01-11 14:19:07 · 743 阅读 · 1 评论 -
前端面试刷题
掘金小册子 · myself · 看云前端面试八股文 · 语雀灵题库-前端题库🔥 连八股文都不懂还指望在前端混下去么 - 掘金原创 2022-05-20 15:58:12 · 282 阅读 · 0 评论 -
实现缺省页面
<div v-else class="nothing category-wrap"> <em></em> <span>什么也没有~</span> </div>//css.nothing { width: 100%; height: 238px; padding-top: 31px; box-sizing: border-box; display: flex; flex...原创 2022-04-20 15:35:47 · 372 阅读 · 0 评论 -
css实现loading
<div class="loading" v-if="loading"> <div class="loading-bg"></div> <div class="loading-container"></div> </div>//css.loading { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; ...原创 2022-04-20 15:33:44 · 2297 阅读 · 0 评论 -
前端应该知道的学习资源网站
面试:空白目录 · myself · 看云原创 2022-03-24 15:52:19 · 113 阅读 · 0 评论 -
vue hash模式下路由改变页面不刷新问题
//js原始方法刷新,相当于按F5刷新页面,会有短暂的白屏,相当于页面的重新载入//js原始方法刷新,相当于按F5刷新页面,会有短暂的白屏,相当于页面的重新载入hash模式下路由改变页面不刷新问题在App.vue文件中添加:export default { mounted () { // 检测浏览器路由改变页面不刷新问题,hash模式的工作原理是hashchange事件 window.addEventListener('hashchange', () => { ..原创 2022-04-08 16:22:05 · 4617 阅读 · 0 评论 -
金额转换保留小数点后两位
//金额转换保留小数后两位const transform = (v)=>{ let num = v num += '' num = num.replace(/[^0-9|\.]/g, '') //清除字符串中的非数字非.字符 if(/^0+/) //清除字符串开头的0 num = num.replace(/^0+/, '') if(!/\./.test(num)) //为整数字符串在末尾添加.00 num += '.0019999999.原创 2022-03-30 17:12:57 · 1402 阅读 · 0 评论 -
利用GitPage+VuePress搭建个人博客
工具:github、VScode第一步:在github上创建一个名为username.github.io的项目,选择Public公开,然后保存,进入到这个项目中,找到Settings--点击左侧的Pages,设置分支资源Source,然后打开Your site is published at后面的地址第二步:拉取代码git clone git@github.com:xxxx/username.github.io.git,新建index.html文件,git add ....原创 2022-03-07 18:19:01 · 580 阅读 · 0 评论 -
vue一进页面滚动到指定位置
<header></header> <div class="content" ref="swiperContent"> //滚动内容页面 </div> <footer></footer>// 一进页面滚动到指定位置 animate(element, target) { clearInterval(element.timeId) var current = 0 eleme..原创 2022-01-12 18:13:21 · 777 阅读 · 0 评论 -
面试算法题
给定一个只包括 '(',')','{','}','[',']' 的字符串,判断字符串是否有效。有效字符串需满足:左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。注意空字符串可被认为是有效字符串。示例 1:输入: "()"输出: true示例2:输入: "()[]{}"输出: true示例3:输入: "(]"输出: false解题思路判断字符串的长度如果为奇数直接返回false 如果为偶数,则分别以成对扩号的左半部分为键,右半部..原创 2021-12-10 16:57:19 · 73 阅读 · 0 评论 -
微信浏览器打开H5页面底部导航栏(左右箭头)固定或隐藏(vue)
解决iphone进入微信公众号跳转页面后底部会出现一行回退前进按钮 上下滑动时可以隐藏和显示该栏 但是快速滑动时底部的的状态栏会等浏览器中状态栏全部消失后才会掉落至底部,并且按住滑动慧出现一段底部页面穿透,效果不好。所以下面这个方法上让导航栏在上下滑动的时候固定不动把底部导航栏固定在不动方案:分两步第一步:在meta标签上加viewport-fit=cover<meta name="viewport" content="width=device-width,initial-..原创 2021-12-09 18:47:30 · 15886 阅读 · 2 评论 -
vue实现弹窗选择
1、创建一个ImproveResume.vue<template> <div class="release-post"> <div class="header"> <img class="header_left" src="./images/left_header.png" alt="" @click="clickGoBack" /> &l..原创 2021-10-11 16:41:04 · 3121 阅读 · 0 评论 -
linkedme前端H5跳转客户端【从微信分享卡片某详情页点击打开app,回到app某详情页vue】
需求:从app分享一个文章详情到微信,用户打开分享卡片,进入到详情页,详情页有个按钮【打开app】,点击按钮回到app里面的详情页linkedme官方文档ShowDoc1.服务端会返回linkedMe的keyId【linkedMeKey.keyId】以及跳转的链接Url【linkedMe】; 2.param用于原生客户端和客户端判断具体跳转位置;具体在vue实现分三步:第一步: 在index.html里面引入<script src="https://static.lkm..原创 2021-10-08 10:30:46 · 932 阅读 · 0 评论 -
列表数据滚动曝光埋点和点击埋点
使用的IntersectionObserver API<template> <div class="job_list" v-if="showList.length > 0"> <div class="title">列表title</div> <van-list v-model="loading" :finished="finished" finished-text="我们是有底线的~原创 2021-09-21 18:07:22 · 664 阅读 · 0 评论 -
vue 移动端弹窗后禁止页面滚动 @touchmove.prevent
vue 移动端弹窗后禁止页面滚动 @touchmove.prevent可以在遮罩层中添加@touchmove.prevent 就可以实现禁止页面滚动注意 弹窗里面有滚动条的也是无法滚动的 <div class="popup" @touchmove.prevent></div>.popup { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6);}.popup-content { .原创 2021-08-18 18:16:31 · 10629 阅读 · 4 评论 -
解决移动端click事件延迟300ms和点击穿透问题
npm install fastclickimport FastClick from 'fastclick';mounted(){ FastClick.attach(document.body)}原创 2021-08-18 15:00:15 · 122 阅读 · 0 评论 -
解决Vue提交按钮重复点击重复提交问题防抖
111、创建js文件preventReClick.jsexport default { install (Vue) { // 防止重复点击 Vue.directive('preventReClick', { inserted (el, binding) { // console.log("binding-7", binding) el.addEventListener('click', () => { ...原创 2021-08-18 14:39:39 · 1537 阅读 · 0 评论 -
从拿到新的mac本开始到可以开发
1、谷歌浏览器,iTermitem2下载地址:https://www.iterm2.com/在Safari打开百度搜索谷歌浏览器下载安装,打开谷歌--《设置》--《搜索引擎》设置为百度2、command+shift+H 打开mac上所有文件夹,新建文件夹projects3、打开系统偏好设置----《用户与群组》---右键管理员--打开高级选项--个人目录选取,看看projects在不在里面4、在iTerm输入 chsh -s /bin/zsh配置链接查看安装的zsh版本zsh原创 2021-08-02 15:13:46 · 87 阅读 · 0 评论 -
前端代码回滚
代码回滚:git log //查询commit版本idgit reset --hard commit_id //回滚到某一个Id版本例如:git reset --hard 71902bc578f7239efa1388b17b8ffe6e2724eb25git push origin HEAD --force //回滚完了要强制推一下git reset --hard HEAD^ //回滚到上一个版本...原创 2021-07-13 16:21:52 · 1282 阅读 · 0 评论 -
gitbook 搭建自己的技术站
为什么要搭建自己的book呢? 做只属于自己的一本技术管理书籍,目录清晰明朗,方便自己查阅,最最重要的就是以防电脑硬件故障,丢失自己最心爱的笔记。。。。快速上手、打开命令窗口,执行下面的一系列操作。。。安装cnpm install gitbook-cli -ggitbook -V //查看版本号gitbook init book //...原创 2019-01-16 11:31:19 · 2623 阅读 · 0 评论 -
正则基础(一看就会)
【正则】1.什么是正则 正则表达式(规则表达式) regular expression 正则其实就是描述了一套规则,本质是操作字符串。2.正则是干什么的? 操作字符串的 (1)模式匹配 (表单验证) (2)文本检索 (3)替换3.正则的好处(为什么用它) 简单,方便 性能极高4.字符串方法都有哪些 subst...原创 2019-04-13 14:11:56 · 435 阅读 · 0 评论