最近在研究的一些技术知识:SwiftUIJavaScriptCoreiOS14 WidgetKitVue-Server-Renderer起源于自己打算写一款 iOS App,用简单的方法,去编写复杂、精致、实用的小组件。可惜小鱼还是个 iOS 开发小白,很多内容都需要一边学习查找资料一边测试开发,所以进度还是挺慢的。随着一步步研究的深入,发现了很多有趣好玩的技术知识,为我开发 App 积累了很多实
1.添加依赖npm install less less-loader --save-dev2.打开build/webpack.base.conf.js, module.exports 的对象的module.rules里添加一个新规则:{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",
原创 2021-12-01 11:28:00
847阅读
1、CDN引入<script src="https://unpkg.com/vue@next"></script>案例:<body> <div id="app"> </div> <script src="https://unpkg.com/vue@next"></script> &
vue里,会出现很多文件引入的情况。常见的就是router或者公共组件的引用,我们分别对这两种情况进行讨论,并提出优化方式。一.router文件的引入当我们的项目体系足够大时,将路由全都放在index.js文件是不优雅的,页面代码过于复杂会造成阅读和维护的困难。所以这个时候,我们一般采取分模块引用,一个模块对应一个js文件,里面存放对应的路由信息。但是当我们的模块足够多时,重复的文件引入对我们
参考博客:https://www.jianshu.com/p/cf0a54374419
转载 2022-07-19 17:18:12
103阅读
vue项目中引入elementui
原创 2022-08-04 08:45:13
92阅读
我之前开发less用的是Hbuilder 编辑器,对于less,这个编辑器有一个好处就是能够自动编译less生成一个css文件,并不需要开发人员额外的进行配置。而phpstorm本身并没有自动这个功能,那么它如何实现?以我自己开发环境为例,我的电脑是win10系统(其他系统的朋友也可以做个参照)。步骤一:安装 nodejs下载网址:Node.js下载安装包,一直点下一步安装完即可步骤二:测试是否成
项目创建过程中经常遇到的一个需求就是权限管理,本文就我使用动态路由的过程中进行一个总结首先,前端想要实现对菜单的动态渲染实际上有两种操作方式1.前端还是书写静态路由表,根据后端传来的code利用v-if去判断渲染菜单项 实际这种使用方式并不可取,因为不方便后期维护。 2.前端只写没有权限控制的login,register, 404 页面的路由,其余路由则是根据后端传过来的,拼接入路由表。这里我
本文整理自:Less:优雅的写css代码原文写的很好,也很清晰,本文为个人整理方便个人对知识进行汇总整理!(个人建议原地址博文)css是不能够定义变量的,也不能嵌套。它没有编程语言的特性。项目开发,常常发现有很多css代码是相同的,但我们通常都是复制然后粘贴。举个例子:假设h5应用里主题色是#FF3A6D,可能用于文字或者背景色。通常开发,哪里需要这个颜色,我们就复制这个颜色并粘贴。下次要修
今日目标:1:今天的学习内容是工作完成的情况下,学习Less(之所以学习Less是因为项目中使用的是Less)-------------当前进度(0%) 注意项:务必确保 less.js 之前加载你的样式表。如果加载多个 .less 样式表文件,每个文件都会被单独编译。因此,一个文件中所定义的任何变量、mixin 或命名空间都无法在其它文件访问 注意,
转载 2024-10-22 10:03:18
46阅读
(1)组件化模块化就是将系统功能分离成独立的功能部分的方法,一般指的是单个的某一种东西,例如js、css而组件化针对的是页面的整个完整的功能模块划分,组件是一个html、css、js、image等外链资源,这些部分组成的一个聚合体优点:代码复用,便于维护划分组件的原则:复用率高的,独立性强的组件应该拥有的特性:可组合,可重用,可测试,可维护(2)组件vue,我们通过Vue.extend来创建
转载 2024-10-09 18:08:06
162阅读
Vue-cli搭建的项目中引入css报错的原因分析我最近在研究Vue的路上,今天遇到了个问题,vue cli 引入css报错,后来查询了很多资料,那么今天也算个学习笔记吧!1.问题描述之前用vue-cli搭建的项目,main.js引入elementUI库的css,或者在其他文件(比如App.vue)引入自己的css文件(假如你的文件是src目录下),都会报一个相同的错。下如图经过一番
gulp的使用命令简单,就几个,gulp的简单使用教材可以参考一点的gulp使用教材(http://www.ydcss.com/archives/18)。下面就简单的介绍这些命令如何互相配合的完成前端的构建工作。项目结构: 首先全局安装gulp,使用命令:npm install -g gulp一:gulp实时编译less var gulp = require('gulp'); var
lessless的简介less是一门css的预处理语言less是一个css的增强版,通过less可以编写更少的代码实现更强大的样式less添加了许多的新特性,对变量的支持,对mixin 的支持等less语法大体上和css语法一致,但是less增添了许多对css的扩展浏览器无法直接执行less代码,要执行必须将less转换为css,然后再由浏览器执行CSS兼容性不好的地方( 部分浏览器无法使用
转载 2024-07-09 14:12:01
174阅读
一、组件全局组件:所有组件共同可用的功能(全局指令、过滤器、组件)组件的属性不能用大写字母 组件的名字可以用驼峰命名法,但是使用的时候必须用连字符全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个)注册的组件不要跟系统标签同名Vue.filter("alltool", function (str) { return str + "-allt
最近vue用的越来越勤了,复习一下vue如何使用less和scss,直接进入主题吧:安装使用less: 1、首先使用npm下载依赖; npm i less less-loader -S 2、修改webpack.base.config.js文件,配置loader加载依赖,让其支持外部的less,原来的代码上添加 // 此种方法控制台中标签样式显示的是style标签样式 { test:
转载 2024-02-24 00:21:57
593阅读
Vue的条件判断和循环遍历条件判断v-if的使用v-if的使用非常简单,首先,我们来看一下下面这段代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-wid
less是什么,用途,怎么用,使用的问题,注意事项,1.LESS是一种由Alexis Sellier设计的动态层叠样式表语言。第一个版本由Ruby写,逐渐被替换为JavaScript,LESS可以客户端上运行(IE6+、Webkit、Firefox),也可以服务端运行(Node.js、Rhino).2.LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最
前言大家都会用vue的时代,我们又如何去区别是新手小白还是资深vue玩家呢? 如何让自己与刚学vue的人拉开差距呢? 其实,很多人对于vue只停留在基础使用。想要提升自己,就应该想办法将其运用到更高的层次。 本文会从以下三个方面,来进阶我们对vue的运用能力 组件 : 全局组件注册 Render函数 : 拯救繁乱的template Vue权限控制&nb
转载 2024-08-08 15:42:30
91阅读
公用方法、样式处理 1、公共样式、共用rem文件这类型的 直接在main.js通过import的方式引入,如下: // 引入公共文件 import './assets/css/reset.css' import './assets/js/useRem.js' 2、共用方法,后期会在各组件调用的函数,需要新建一个base.js的文件,放置位置与main.js同级,base.js内部,写法如
  • 1
  • 2
  • 3
  • 4
  • 5