前端-未分类
文章平均质量分 51
前端-未分类
Lvan的前端笔记
十年磨一剑
展开
-
从小白到大神:可能是最全的前端学习大纲
可能是最全的前端学习攻略了原创 2023-07-06 17:46:15 · 603 阅读 · 0 评论 -
vscode:快捷输入代码片段
vscode:快捷输入代码片段原创 2023-05-31 18:19:22 · 1217 阅读 · 0 评论 -
vscode:空文件夹不折叠
vscode:空文件夹不折叠原创 2023-05-17 17:34:41 · 466 阅读 · 0 评论 -
通俗易懂的入门正则表达式
通俗易懂的入门正则表达式原创 2023-05-16 18:24:51 · 381 阅读 · 0 评论 -
vscode:可替换的变量
vscode:可替换的变量。原创 2023-02-07 17:59:10 · 1219 阅读 · 0 评论 -
vscode:Module ‘“xxx/node_modules/vue/dist/vue“‘ has no exported member ‘ref‘
Module '"xxx/node_modules/vue/dist/vue"' has no exported member 'ref'原创 2023-02-07 17:49:10 · 1236 阅读 · 0 评论 -
vscode:配置@路径提示,并解决Cannot find module ‘@/utils/xxx‘ or its corresponding type declarations.
vscode配置@路径提示,并解决由于@找不到模块的一些报错原创 2023-02-07 17:37:44 · 8243 阅读 · 0 评论 -
html:元素类型
基础不能忘哦~原创 2022-11-08 15:55:07 · 337 阅读 · 0 评论 -
什么是 WebAssembly?
https://zhuanlan.zhihu.com/p/158042212https://www.jianshu.com/p/bff8aa23fe4d大致可以理解为,在浏览器 js 中可以调用 c、c++、rust 等代码。原创 2022-03-15 18:19:12 · 260 阅读 · 0 评论 -
关于微信已经和谐掉的WeixinJSBridge API相关信息
https://www.baidufe.com/item/cf5d14486fac3644e209.htmlhttps://www.baidufe.com/item/c4bacb3bd66930f2e43e.html原创 2022-03-10 16:40:16 · 203 阅读 · 0 评论 -
vscode:代码断点调试
1、配置文件,这里点到调试模块(左边竖排第四个按钮)自动生成2、启动项目:3、点击调试按钮:4、打断点5、刷新页面,可以看到已经走到这里了,点击下一步调试原创 2022-03-04 16:57:51 · 11638 阅读 · 0 评论 -
优雅的使用iconfont
背景目前我们在 web 端和小程序端使用图标的时候,都是切成 png 图片再引入,这样做需要切图、命名、上传等等流程很繁琐。之前在做 app 的过程中使用用了一个很不错的库,能把 iconfont 转换为标准的 React 组件,可以很方便的引入,并且更新也非常方便,后来发现小程序和 web 端也有类似的方案,在此分享一下下面以小程序为例,其他端都差不多,具体的 vue/mini/app 的集成 demo 放在这个仓库。设计设计同学在 iconfont.cn 上建立一个项目,放入该项目的图标小原创 2022-02-23 15:01:06 · 991 阅读 · 0 评论 -
如何为项目审核展示不同的内容
背景我们一般做微信小程序审核或者app商店审核的时候,我们想在审核的时候隐藏一些东西,可以根据版本这样做步骤比如,我们现在有两个版本1.0.0:已经上线了1.0.1:新的版本迭代,准备提审我们在后端定义一个版本审核的字符串,例如我们提审1.0.1的时候,后端这里就设置 1.0.1,这样前端调这个接口,判断如果本地的版本和后端给的版本相同,那么就说明是在审核期间了,这时候你就可以自定义展示审核内容。等审核成功后,让后端把版本号切到1.0.2(只要不等于之前的版本就行),这时候前端判断已经不相等了原创 2022-02-17 18:29:21 · 263 阅读 · 0 评论 -
浏览器底层原理
浏览器的主要组件有:用户界面(User Interface) - 地址栏、前进/后退按钮、书签菜单等(除了浏览器主窗口外,其他显示的各个部分都属于用户界面)。浏览器引擎(Browser engine) - 在用户界面和呈现引擎之间传送指令。呈现引擎(Rendering engine) important- 负责显示请求的内容(如果请求的内容是 HTML,它就负责解析 HTML 和 CSS 内容,并将解析后的内容显示在屏幕上)。JavaScript 解释器(JavaScript Interprete.原创 2022-02-06 22:47:54 · 1448 阅读 · 0 评论 -
mac上使用FFmpeg工具处理音视频
上一篇我们了解了什么是 m3u8 文件,这一节我们了解一下,怎样通过 ffmpeg工具 去下载视频文件。ffmpegffmpeg 是强大的媒体文件转换工具,常用于转码,可选命令非常多,编码器、视频时长、帧率、分辨率、像素格式、采样格式、码率、裁剪选项、声道数等等可以理解为音视频剪辑软件的命令行版brew install ffmpegbrew tap homebrew-ffmpeg/ffmpegbrew install homebrew-ffmpeg/ffmpeg/ffmpeg官网ffpl原创 2022-02-02 17:58:02 · 2149 阅读 · 0 评论 -
什么是m3u8、f4v格式的文件
背景做前端以来,一直以为视频播放就是最简单的那种,放个 video 标签,然后链接一个 mp4 文件,这样想下载视频直接 f12,就能得到链接。但是,事实并非如此,现在的视频网站采用的是流媒体传输协议,就是将一段视频切成无数个小段,这几个小段就是 ts 格式的视频文件,一段一段的网站上播放。下载这个 ts 文件是可以直接播放的这样做的好处是观看更加流畅,因为他会根据网络状况自动切换视频的清晰度,在网络状况不稳定的情况下,对保障流畅播放非常有帮助。f4v文件这里还会发现很多 f4v 格式的文原创 2022-02-02 16:58:05 · 3199 阅读 · 0 评论 -
MIME_type对照表
{".3gp", "video/3gpp"}, {".apk", "application/vnd.android.package-archive"}, {".asf", "video/x-ms-asf"}, {".avi", "video/x-msvideo"}, {".bin", "application/octet-stream"}, {".bmp", "image/bmp"}, {".c", "text/plain"},原创 2021-12-29 11:57:50 · 770 阅读 · 2 评论 -
vscode:多个项目分tab同时展示
设置中搜索window.nativeTabs,打钩。就可以多窗口展示啦,再也不用打开多个vscode应用窗口了原创 2021-12-07 18:17:13 · 1906 阅读 · 1 评论 -
2020跨端(H5/小程序)方案调研
场景已有h5,生成小程序从零开始跨端方案一已有h5,另外开发一套wepy优点:不影响现有项目,耦合度低div等标签不用转换,vue语法转换相对较小,省去大量转换成本贴合原生,坑少缺点:开发的时候得开发两套,开发速度中等如何迁移:修改后缀名为.wpy点击事件换位@tap img换位imageexport default { 换位 wepy.page({组件的引入方式需要改为类似小程序的引入…方案二将现有项目改造为 uni-app优点:跨端方案相对成原创 2020-09-29 12:15:58 · 575 阅读 · 2 评论 -
2022年跨端(Ios/Android)方案调研
背景Hybrid App(混合模式移动应用)是指介于 Web App(套壳)、Native App(原生)这两者之间的 app ,兼具“ Native App 良好用户交互体验的优势 ”和“ Web App 跨平台开发的优势 ”。Hybird 是利用 native 作为宿主环境既底层框架,通过原生应用打开 webview 的方法实现 H5 的上层开发。我们需要注意的Hybrid 中 Native 与 H5 之间的职责分配Hybird 中 Native 与 H5 之间的交互Hybird 中 Nat原创 2020-07-13 17:10:26 · 6035 阅读 · 0 评论 -
疑难杂症:百度地图不允许定位后再次弹出用户权限提示
问题描述通过百度地图API获取本地地理位置的时候,会有一个弹框提示,问是否允许百度地图定位,这个时候如果你点击了允许,那么下次进来的时候也ios安卓调用百度地图API获取地理位置第一,二次弹框询问是否允许,第三次进入不弹框默认的是上一次的是否允许状态每次都询问是否允许所以,在ios上会产生一个问题,如果我上一次不允许的话,那么我之后每一次都是不允许的状态,也无法执行接下来的操作了。解决方案...原创 2019-08-05 18:07:16 · 4150 阅读 · 0 评论 -
疑难杂症:No Xcode or CLT version detected!
问题解决sudo xcode-select --install这时会安装xcode,安装完就好了原创 2021-03-17 15:27:24 · 209 阅读 · 0 评论 -
从输入url到页面显示经历了什么
文章目录总结背景1、域名解析2、TCP 三次握手3、发送 HTTP 请求4、服务器处理请求并返回 HTTP 报文浏览器解析渲染页面1.根据 HTML 解析 DOM 树2.根据 CSS 解析生成 CSS 规则树3.结合 DOM 树和 CSS 规则树,生成渲染树4.根据渲染树计算每一个节点的信息(布局)5.根据计算好的信息绘制页面断开连接(四次挥手)总结DNS 解析:将域名解析成 IP 地址...原创 2020-04-14 18:31:45 · 391 阅读 · 0 评论 -
什么是.yml文件及其语法
前言YAML(/ˈjæməl/,尾音类似camel骆驼)是一个可读性高,用来表达数据序列化的格式。和XML是一类。强调这种语言以数据做为中心,而不是以标记语言为重点语法大小写敏感使用缩进表示层级关系缩进时不允许使用Tab键,只允许使用空格。缩进的空格数目不重要,只要相同层级的元素左侧对齐即可#表示注释,从这个字符一直到行尾,都会被解析器忽略。例如:bat: web...原创 2019-11-06 11:33:40 · 1306 阅读 · 0 评论 -
总结一下svg常用的操作
定义SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。其他图像格式都是基于像素处理的,SVG 则是属于对图像的形状描述,所以它本质上是文本文件,体积较小,且不管放大多少倍都不会失真。使用方式1、直接插入网页<!DOCTYPE html><html><head></head><body><svg id="mysvg" xmlns="http://www.w原创 2021-07-08 10:19:06 · 303 阅读 · 0 评论 -
常用markdown用法
@[TOC](文章目录)原创 2019-11-04 16:25:22 · 256 阅读 · 1 评论 -
elementUI新版本导致图片预览出现问题
使用2.15.0的版本后,图片预览的dom出现在最外层(如图),以前版本都是在对应的图片所在的层级,所以会出现下图所示的问题,建议不要升级版本。目前使用2.13.2没有问题。原创 2021-02-03 17:47:41 · 1577 阅读 · 0 评论 -
ps汇总:前端常用ps技巧
快捷键取消选框:cmd + d存储为 web 所用格式:shift + option + cmd + s去水印用选框工具选中(或者直接修补工具描边),右键 -> 填充(弹框中选择内容识别)-> 确定切图切片工具 -> 存储为 web 所用格式...原创 2019-09-24 15:04:52 · 217 阅读 · 0 评论 -
压缩html&换行在不同操作系统下的转义
换行在不同操作系统下的转义Unix系统里,每行结尾只有“<换行>”,即“\n”Windows系统里面,每行结尾是“<回车><换行>”,即“\r\n”Mac系统里,每行结尾是“<回车>”,即“\r”压缩html我们在后台的富文本编辑器编辑后,后端拿到这个html返回给前端,前端想要压缩一下,也就是把这些换行符转为空source.replace(/\r\n/g, '')这样就可以去掉换行符了,这里的条件是编辑器是用windows电脑编辑的,所原创 2020-07-22 14:42:49 · 249 阅读 · 0 评论 -
音视频直播的流程及所用到的技术
文章目录前言采集处理、编码MPEGH.264/AVCAAC,mp3多码率封包推流推流协议1. RTMP2. HLS3. WebRTC4. HTTP-FLV(有的厂商叫HDL)推流协议优缺点对比实际场景解封装播放前言一个完整的直播过程,包括采集、处理、编码、封包、推流、传输、转码、分发、解码、播放等,这一过程所采用的技术,我们也称之为“流媒体技术”。其中推流是指使用推流工具等内容抓取软件把直播内容传输到服务器的过程。采集用摄像机采集视频处理、编码视频采集后的处理、编码。这就涉及到编码器的选择了,目原创 2020-06-22 11:16:08 · 1082 阅读 · 0 评论 -
零碎知识点持续补充中...
当进行多人开发的时候,每次push的时候代码都要打包,因为你选择某一方的打包文件,都是不完整的代码,只要合并代码打包新的才行。iview中小红点和 <Form-item prop="id"> 有关,id和校验rule对应上了就会有小红点。加上 require="true" ,只有小红点,实际不验证测试的时候先确定是不是代理成功了,清浏览器缓存一定要先git pull,再git ...原创 2020-04-20 15:19:37 · 1398 阅读 · 1 评论 -
如何进行源码调试
拿 vue 项目来说吧,我们用 vue/cli 创建一个项目。1、 在项目的node_modules 中找到 vue 项目。2、找到 package.json 中的 main,对应的就是入口文件3、在初始化vue的时候打断点4、打成功了原创 2020-09-03 15:31:53 · 798 阅读 · 0 评论 -
常用正则汇总
正则使用let phoneReg = '^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$'// 匹配返回true,不匹配falsephoneReg.test('18716016599')// 返回存放的结果,返回一个数组,还有匹配的位置/e/....原创 2020-03-24 18:12:13 · 196 阅读 · 0 评论 -
前端使用Font-Spider(字蛛)压缩字体文件
痛点前端开发的同学,我们经常会碰到需要还原设计稿中的特殊字体。我们可能会采用两种方案使用photoshop将文本图层单独导出成图片;直接引入改字体的字体库.ttf文件第一种方案:适合字体加图案复杂,文案一般不会变第二种方案:适合普通的文本,文案变化但字体文件通常都会有几 M 大小,加载速度很慢,体验会十分不好。我们可以采用 Font-Spider (字蛛) 来对字体文件进行压缩。...原创 2020-03-18 15:45:33 · 1966 阅读 · 0 评论 -
浏览器缓存:memory cache、disk cache、强缓存协商缓存等概念
文章目录分类memory cachedisk cacheService WorkerPush Cache缓存过程强缓存1、Expires2、Cache-ControlExpires 和 Cache-Control 的差别协商缓存Last-Modified和If-Modified-SinceETag和If-None-Match协商缓存的两者对比实际使用策略用户行为如何触发缓存分类从缓存位置上来说...原创 2020-04-14 16:51:42 · 27228 阅读 · 3 评论