Sass语言Sass是一种强大的css扩展语言(css本身并不是一门语言)，它允许你使用变量、嵌套规则、mixins、导入等css没有但开发语言(如Java、C#、Ruby等)有的一些特性，并且完全兼容CSS语法。Sass有助于保持大型样式表结构良好。Sass有两种语法。一种称为SCSS，是一个CSS3语法的扩充版本，也就是说，所有符合CSS3语法的样式表也都是具有相同语法意义的SCSS文件，SC
前端知识点MVVM和MVC的区别什么是Vue生命周期钩子函数触发顺序VueVue优点父子通信，兄弟通信指令V-if和V-show区别Vue-loaderVue-key的作用v-modalVue data必须是函数的问题Vue slotVue-router多个router-viewroute与router的区别导航守卫懒加载ES6JavaScript同步与异步的区别事件委托如何改变函数内部的thi
概述Vue3出来已经有一段时间了，在团队中，也进行了大量的业务实践，也有了一些自己的思考。总的来说，Vue3无论是在底层的原理上，还是在业务的实际开发中，都有了长足的进步。使用 proxy 代替之前的 Object.defineProperty 的API，性能更加优异，也解决了之前vue在处理对象、数组上的缺陷；在diff算法上，使用了静态标记的方式，大大提升了Vue的执行效率。在使用的层面，我们
转载
2024-10-08 19:46:59
188阅读
入行到如今，先后折腾过无数的代码编辑器，大概有 sublime、webstorm、hBuilder、webstorm、eclipse、webstorm，vscode。工欲善其事必先利其器，在和如此多的编辑器打交道后，我先下只有 vscode 能够提升开发的幸福感。无论是 vscode 的轻量感还是它的可配置性、拓展性都能给我带来很大的体验。下面我会从 vscode 入手阶段分享我对其
转载
2024-10-12 16:33:04
56阅读
1.首先，什么是预处理器呢？A:CSS（Cascading Style Sheet-级联样式表） 预处理器是一种用来为 CSS 增加一些编程特性的语言，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、函数、简单的程序逻辑等一些编程语言中的基本技巧，使得CSS 更为简洁，适应性更强，代码更直观等诸多好处。2.三种css预处理器的对比对比LessSassStylus安装方式npm ins
文章目录1. Vue 3 入门指南1.1. 安装 Vue 31.2. 创建 Vue 3 应用程序2. Vue 3 的新特性2.1. Composition API2.2. Teleport2.3. Fragments2.4. 全局 API 重命名2.5. 更好的 Tree-Shaking 支持2. 6. 性能优化2.7. 新的组件钩子2.8. TypeScript 支持2.9. 响应式系统和模板
转载
2024-09-29 12:00:21
144阅读
AS3中常用到的公式
基本三角函数的计算：角的正弦值 = 对边 / 斜边角的余弦值 = 邻边 / 斜边角的正切值 = 对边 / 邻边角度制与弧度制的相互转换：弧度 = 角度 * Math.PI / 180角度 = 弧度 * 180 / Math.PI计算两点间距离：dx = x2 – x1;dy = y2 – y1;dist = Math.sqrt(dx*dx + dy*dy);缓动公式:spr
vue-cli3提供了两种方式集成sass/scss创建项目时选择预处理器sass手动安装sass-loader安装sass方法一：创建vue项目时选择预处理器sass使用vue-cli3创建vue项目Vue CLI v4.5.15
? Please pick a preset:
Default ([Vue 2] babel, eslint)
Default (Vue 3) ([Vue 3
转载
2024-07-23 13:11:03
1878阅读
CSS 预编译语言 变量全局引用方式 vue-cli@3.0 stylus/sass/less 使用方法引言stylus篇stylus文件与vue组件样式代码stylus 全局变量引入方法一stylus 全局变量引入方法二stylus 全局变量引入方法三sass/scss篇sass/scss文件与vue组件样式代码sass 全局变量引入方法一sass 全局变量引入方法二sass 全局变量引入方法
什么是saas、scss？ saas是一种动态样式语言，属于CSS预处理器，为CSS增加了一些编程特性，比如变量、嵌套、函数、继承、运算等等。开发人员可以像使用js等语言一样使用saas进行css的编程开发。 scss是saas改进版本saas 3的简称，它对原saas的语法兼容，区别于使用 {} 代替了原来的缩进； 1.安装与引入配置&nbs
转载
2024-05-17 14:19:15
330阅读
# 使用 Yarn 在 Vue 3 项目中安装 SCSS
在现代前端开发中，使用样式预处理器能够提升我们的 CSS 编写效率，SCSS 就是其中最流行的一种。随着 Vue 3 的发布，它对现代开发者的支持更加友好。在这篇文章中，我们将学习如何在 Vue 3 项目中使用 Yarn 安装 SCSS，并展示相关的代码示例和基本的使用方法。
## 1. 前期准备
在开始之前，你需要确保你的开发环境已
原创
2024-10-15 07:12:08
549阅读
1. 引言各位同学下午好，我是来自字节跳动大力智能前端团队的林成璋，最近半年的业余时间（再加上一些摸鱼的时间）主要在维护 Vue 3 的 Babel JSX Plugin[1]，今天来给大家做一个关于 JSX 的分享。 下面是我的 Github 账号，全网除了 P 站应该都是这个头像。其实最早做这个插件主要是为了帮助 Ant Design Vue 和 Vant 能够快速升级到 Vue 3，看过他
1.yarn add less less-loader --dev 输出: 2.安装完成后运行的时候可能会报错:TypeError: this.getOptions is not a function at Object.lessLoader 原因是less-loader版本太高,此时替换一下版本就 ...
转载
2021-09-08 15:21:00
1707阅读
2评论
目前写过的大多数项目都是cli搭建的, 拿一个简单的项目结构来详细说一下每个目录的作用.首先创建一个项目需要安装cli, 命令行全局npm安装即可npm install -g @vue/cli然后创建一个项目 cli2与cli3的命令是不同的 (project-name就是你的项目名称)vue create project-name // vue-cli3
vue init webpack
转载
2024-09-30 18:06:30
55阅读
在vue中引入并使用less时遇到的一些错误及解决方案：1、错误一：错误如下图所示： 因为当前项目版本2.9.6 已经在build/utils里配置了less的处理，所以和之前在build/webpack.base.conf.js中配置的less-loader冲突解决方法： 将冲突的less-loader去掉即可，如下图：2、错误一：错误如下图所示： 此类为题表示缺少相关依赖，根据关键词vue-s
转载
2024-05-03 12:38:07
535阅读
scoped css官方文档scoped css可以直接在能跑起来的vue项目中使用。使用方法：<style scoped>
h1 {
color: #f00;
}
</style>使用scoped划分本地样式的结果编译结果如下：h1[data-v-4c3b6c1c] {
color: #f00;
}即在元素中添加了一个唯一属性用来区分。缺点一、如果用户在别处定
目录介绍SCSS编译命令编译常见的编译错误解决方案不同样式风格的输出方法嵌套输出方式 nested展开输出方式 expanded紧凑输出方式 compact压缩输出方式 compressed变量声明变量普通变量与默认变量全局变量和局部变量嵌套选择器嵌套父选择器&属性嵌套伪类嵌套混合宏声明混合宏及调用混合宏混合宏的不足扩展/继承占位符选择器 %placeholder混合宏VS继承VS占位符插
xwei | 2012-07-07 | 网页重构什么是CSS预处理器？Css可以让你做很多事情，但它毕竟是给浏览器认的东西，对开发者来说，Css缺乏很多特性，例如变量、常量以及一些编程语法，代码难易组织和维护。这时Css预处理器就应运而生了。Css预处理器定义了一种新的语言将Css作为目标生成文件，然后开发者就只要使用这种语言进行编码工作了。预处理器通常可以实现浏览器兼容，变量，结构体等功能，代码
转载
2024-04-23 13:36:41
119阅读
vue3出来有一段时间了，可能还有很大一部分小伙伴们对vue3还处于一个朦胧的状态，不知道到底相比vue2，到底有哪些改变。在使用上，又有哪些不同。那么，今天，我们就来说叨说叨，vue3相比vue2，到底做了哪些改变vue3做了哪些改变1、源码vue3源码组织方式，由vue2的flow改成了vue3的typescriptvue3移除了一些不常用的api，如inline-template，filte
为什么 Vue3 选择了 CSS 变量Vue 3 新增了一条实验性的功能——「单文件组件状态驱动的 CSS 变量」[1] 看到这个，我脑子里有以下的疑问？CSS 变量是什么？Sass/Less 中不是有变量的定义么，为什么还需要使用 CSS 变量？现有的 Vue 不是通过 :style 的方式定义去动态绑定 CSS，那 CSS 变量和这种方式有什么区别？Vue 3 做了哪些操作，让 SFC (单
