sass sass-loader loader vue2
Iass、Pass、SasS三种云服务区别
Iass、Pass、SasS三种云服务区别 前端小学生 前端 关注他 99 人赞同了该文章 我们可以把云计算理解成一栋大楼,而这栋楼又可以分为顶楼、中间、低层三大块。那么我们就可以把Iass(基础设施)、Pass(平台)、Sass(软件)理解成这栋楼的三部分。基础设施在最下端,平台在中间,软件在顶 ......
【vue2】实现css动效逐个顺序展示的效果(简陋版)
效果(进入预约里程碑模块后,小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失,最终停留在当前预约等级的台阶上): 虽然很low但是!就是这么设计的!于是在原本静态的代码上稍加了些修改(为什么,为什么,想问天问大地) 首先是台阶部分的代码: <div :class="$style.reser ......
vue2常见选项和生命周期钩子函数
Vue2提供了一些其他选项和钩子函数,以支持更高级的组件功能和配置,这些包括: data:data选项用于定义组件的响应式数据。这些数据将被Vue追踪,以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods:metho ......
vue2 父传子,子传父
在Vue 2中,使用props来从父组件向子组件传递数据,而要从子组件向父组件传递数据,通常需要使用自定义事件。关键字分别是: 从父组件向子组件传递数据(父传子): props:可以在子组件中使用props来接收父组件传递的数据。在父组件中,使用子组件标签的属性来传递数据。 示例: <!-- 父组件 ......
vue2,3render函数的简单使用
render 函数的主要作用: 创建虚拟 DOM:render 函数负责创建虚拟 DOM 元素,这些元素以 JavaScript 对象的形式表示页面的结构和内容。 根据状态和数据生成 UI:render 函数根据组件的状态(data 数据)、属性(props)、计算属性(computed)、方法(m ......
phpStrom配置sass编译和JS压缩混淆
1 JS压缩混淆(YUI Compressor) 1.1 安装java文件(jre-8u201-windows-x64.exe) 1.2 YUI Compressor 下载 https://github.com/yui/yuicompressor/releases 1.3 Phpstrom配置:设置 ......
03webpack之常用loader转换器
1 简介 loader 用于对模块的源代码进行转换 loader 可以使你在 import 或"加载"模块时预处理文件 因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法 loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaS ......
【vue2】实现长按图片保存功能
<span :class="[$style.wxCode, isShow && $style['show']]" @touchstart="touchStart()" @touchend="touchEnd()" ></span> ps.span元素为图片元素,我这里把图片设置为元素背景了,可以直接 ......
vue3比vue2优势
Vue 3相对于Vue 2有一些显著的优势,主要集中在性能、开发体验和一些新的特性上: 性能提升: 虚拟DOM的优化:Vue 3使用了更高效的虚拟DOM算法,减少了不必要的DOM操作,提高了渲染性能。 编译器优化:Vue 3的编译器生成的代码更为紧凑和高效,加速了首次渲染和更新速度。 更小的包大小: ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了,ref,还写了v-if 然后再watch中操作了 ref 导致报错。 分析: 组件因为v-if 为 false 没有注册和渲染,在操作的时候还使用了this.$refs函数就会获取不到 解决办法: v-if换成v-show ......
vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
//在main.js添加 Vue.directive('siem-dropdown', function (el, binding, vNode) { let ul = el.querySelector("ul") let uid = vNode.componentInstance._uid; // ......
vue2 指令- unaipp
指令 指令是有 v- 前缀的特殊属性。 指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。 指令的作用是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 一些指令能够接收一个“参数”,在指令名称之后以冒号( : )表示。 v-bind 动态地绑定一个 ......
Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError
问题描述 在webpack的时候报错 ERROR in ./packages/theme-chalk/mixins/mixins.scss (./node_modules/css-loader/dist/cjs.js!./packages/theme-chalk/mixins/mixins.scss ......
this.getOptions is not a function at Object.loader
问题描述 VuePress使用有样式的组件时报错 this.getOptions is not a function at Object.loader 原因分析 是这个导致的 <style lang="scss"> 你的依赖反应不了它就会报错 解决方案 需要安装sass-loader style-l ......
vue2 子组件向父组件传值
父组件: <category-component ref="jobCategory" :title="title" :path="pathUrl" @get-datalist="getDataList"></category-component> 子组件: this.$emit('get-datal ......
sass_scss_less
title: Sass(Scss)、Less的区别与选择 + 基本使用 tags: [CSS, Sass, Scss, Less] categories: 可回收物 keywords: css,sass,scss,less description: Sass(Scss)、Less的区别与选择+基本使 ......
Vue2.0 浅学笔记
Vue 是框架,也是生态。 1.Vue API风格 选项式(Vue2) 组合式(Vue3) 2.入门 node.js 版本大于15 3.创建项目 创建项目 npm init vue@latest 开发环境 VScode +Volar 4.基本语法 1.文本插值 仅能使用单一表达式 使用JavaScr ......
【vue2】实现数字纵向滚动效果(计时器效果)
需求: 在页面中显示一个数字,并在进入视口时显示计时器滚动效果: 效果如上 ↑ 新建组件ScrollNumber.vue: <template> <div style=" display: inline-flex; justify-content: flex-start; align-items: ......
loader编写小记
此项目在一些大佬的基础上进行了修改,或许能提供一些思路。还在学习中很菜很菜,不足之处还请师傅们多多指点🤝 tips 对shellcode使用AES + Base85加密后以txt保存在远端供下载。 针对url和解密的密钥进行了加密,这两个参数是替换的,只有在使用时才会解密。 替换字节数组可能会有问 ......
vue2兼容ie10
1.找到ie浏览器。可以下载,一般windows自带 2.启动项目,可能会出现再ie中输入本地地址后直接跳转到Microsoft Edge的情况,需要配置后正常使用ie10 配置过程:控制面板--网络和Internet--Internet选项--更改主页--高级--勾选跟Internet Explo ......
vue2 访问网关的时候post无法请求
问题复现: 后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 问题描述 : 前台访问网关调用后台方法 请求方式为get 时 正常使用 ~post 时 显示跨域问题 post访问路径正常 但就是无效果 显示跨域问题 报错 解决方法: module.exports = defineCo ......
解决:sass-loader@6.0.6 requires a peer of node-sass@^4.0.0 but none is installed. You must install peer dependencies yourself.
参考:https://blog.csdn.net/hancoder/article/details/113821646 去https://github.com/sass/npnode-sass 或者 https://github.com/sass/node-sass/releases 都可以看到no ......
【vue2】 登录发送axios
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
【vue2】 demo1
练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
Vue2.x项目使用MAPBOX地图
Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码(注意在官网注册和token值申请) <template> <div class="mapbox-map001"> <p> https://www.m ......
HBuilder打包vue2.0项目生成的APK空白(已解决)
1、config下面的index.js中bulid模块导出的路径,因为index.html里边的内容都是通过script标签引入的,而路径不对,打开肯定是空白的。先看一下默认的路径。 build: { // Template for index.html // Paths 需要修改的是这里的路径 i ......
vue2.0 项目创建和配置
项目的框架概述: 前端: 1、采用vue2.0 2、采用element ui 后端: 1、Jave 一、前端 1、创建项目 vue create web_admin 创建成功后的项目结构 2、安装element ui指定版本 yarn add element-ui@2.15.12 3、在main.j ......
sass 系统性学习
学习随笔(Sass) 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的,Vue3 + vite + Ts + pinia + 实战 + 源码 +electron bem格式 类名中--代表,这个类的样式一样,仅颜色不一样 ......
vue2项目创建
vue2项目 基本安装 vue creare 项目名 cd 项目名 code . 按照其它模块 element-ui npm i element-ui -S 在 main.js 中写入以下内容: import Vue from 'vue' import App from './App.vue' im ......