![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习前端知识
文章平均质量分 70
椰子酱~
这个作者很懒,什么都没留下…
展开
-
手把手教你引入jsdoc
在项目的根目录就会生成docs文件夹,用浏览器打开index.html即可。在package.json文件中 devDependencies添加依赖。jsdoc对于.vue的文件无法支持,所以选用jsdoc-vue。在项目的根目录下添加。项目中可使用生成文档。原创 2023-03-15 15:46:34 · 806 阅读 · 0 评论 -
vue-cropper实战使用
一个优雅的图片裁剪插件。原创 2023-02-15 13:26:07 · 778 阅读 · 1 评论 -
前端性能优化
传统的做法中,需要使用scroll事件,并调用getBoundingClientRect方法,来实现可视区域的判断,即使使用了函数节流,也会造成页面回流。在安卓下可以使用webp格式的图片,它具有更优的图像数据压缩算法,能带来更小的图片体积,同等画面质量下,体积比jpg、png少了25%以上,而且同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性。CSS雪碧图是以前非常流行的技术,把网站上的一些图片整合到一张单独的图片中,可以减少网站的HTTP请求数量,但是当整合图片比较大时,一次加载比较慢。原创 2023-02-15 11:32:02 · 144 阅读 · 0 评论 -
Taro&&小程序实际使用
taro+小程序原创 2023-02-15 11:19:32 · 731 阅读 · 0 评论 -
less的学习和使用(二)
less的学习和使用Less的二更AST(抽象语法树)Less的二更上次学习了一些Less的一些比较基础的用法,这次想尝试着探究一下Less是如何完成编译的。less中文less 是预编译处理器,会在编译前进行处理成css。那它是如何完成编译与处理的,过程是怎样的呢?AST(抽象语法树)说到编译处理,就不得不提AST。抽象语法树(abstract syntax code,AST)是源代码的抽象语法结构的树状表示,树上的每个节点都表示源代码中的一种结构,这所以说是抽象的,是因为抽象语法树并不会原创 2020-09-03 16:13:43 · 209 阅读 · 0 评论 -
Less的学习和使用(一)
less的学习和使用Less是什么?如何在项目中使用Less最近由于项目组没有具体的前端规范,自觉协同开发或者修改他人的代码阻碍过大。。便向老大申请了制定一个规范的权限。除了一些代码规范,我还努力的想推进组内同学一起使用less,来提高大家的代码风格。借此机会,自己也学习了更多less的内容并分享给大家。Less是什么?惯例,先问是什么。Less是一种预处理语言。相似的还有Sass,Stylus在这里不做探讨。为什么选择LessLess和其他的预处理语言相比来说功能是要少一些的,所以相应的更容原创 2020-07-02 16:48:28 · 257 阅读 · 0 评论 -
H5页面控制台之vconsole
H5页面控制台之vconsolevconsole是干什么的?vconsole怎么接入?调试vconsole是干什么的?最近在写一个app端的内嵌H5项目,端内也没有扫一扫的功能,调试起来非常的麻烦。当出现问题的时候,无法查看日志,还不能快准狠的定位到问题所在。然后我就接入了vconsole,这是一个移动端调试的神器。这样项目放到app里面了也可以用控制台进行调试。vconsole怎么接入?<script src="./static/js/vconsole.min.js"></sc原创 2020-06-03 14:33:45 · 4025 阅读 · 0 评论 -
vue源码的学习------diff算法
关于vue源码的学习------diff算法使用vue来写代码也很久了,也需要适当的深入学习以下源码和设计思想,今天是我学习源码的部分,我们从以下的几个方面来一起学习1、一些需要思考的问题2、分析 Diff 源码比较步骤3、通过例子,来看Diff 运行的流程4、diff的作用和优缺点1.学习之前我们需要看几个问题Q&S virtual DOM和真实DOM的区别?vi...原创 2020-04-08 11:37:28 · 190 阅读 · 0 评论 -
关于动画animation那点事儿
初学animation什么是animation?animation是css3中新增的一个属性,可以定义元素的动态效果有哪些具体属性CSS animation 属性是 animation-name,animation-duration, animation-timing-function,animation-delay,animation-iteration-count,animation-...原创 2020-04-08 10:47:26 · 221 阅读 · 0 评论 -
关于H5项目safari高度适配的问题
safari中高度不是100%问题解决方案判断safari浏览器打开为什么Chrome有Safari字段?其他的浏览器也有吗?问题最近再写H5的项目,由于H5的项目以前接触较少,这次也是遇到了一些的问题我在项目中设置了HTML,body高度100%然后具体的盒子设置了width:100vw;height:100vh;然后从微信和app中打开是没有问题的,高度可以撑满屏幕,但是通过s...原创 2020-01-17 15:35:07 · 4470 阅读 · 0 评论 -
BFC学习
BFC学习什么是BFCCSS中的三种布局模型BFC形成BFC的条件BFC的效果BFC常见作用什么是BFCBFC全称是Block Formatting Context,即块格式化上下文。它是CSS2.1规范定义的,关于CSS渲染定位的一个概念。要明白BFC到底是什么,首先来看看什么是视觉格式化模型。CSS中的三种布局模型CSS中的三种布局模型:流动模型(Flow)在常规流中,盒一个接着一...原创 2019-09-16 14:59:52 · 109 阅读 · 0 评论