rem 目标 实现在不同宽度的设备中，网页元素尺寸等比缩放效果 rem介绍 相对单位，相对于HTML标签字号计算尺寸 1rem = 1HTML标签字号 基本使用 给HTML标签添加字号 设置元素尺寸为rem单位 媒体查询基本使用 视口不同，添加不同的根字号 @media (视口
用过sass或less的都知道，主要他们可以有嵌套和变量以及函数功能，其实在原生css中，已经开始逐渐支持，诚然目前只有你我熟知，而他人还处在萌芽中，了解css变量，你会发现CSS从此变得异常强大。 变量的声明 声明变量的时候，变量名前面要加两根连词线（–） // 局部声明 body { --foo: #ed1
是一个css预处理器，使css具有一定的计算能力和逻辑能力 浏览器不识别less代码，网页要引入对应的css代码 注释 单行注释：//注释内容 ctrl+/ 块注释：/*注释内容*/ shift+alt+A 计算 加减乘直接书写计算表达式 除法需要添加小括号或者在除号前面加点（.） 使用嵌套快速生成后
webpack中文文档 1. 其它文件类型如：.css， .less，图片的打包： 需要对应的loader的支持 安装loader： --save--dev: 开发时依赖， 只在开发时使用的包； --save：发布时依赖，发布运行时依赖的包 npm install --save-dev 对应的loader名 2. ES6， typeScript语法等打包时，转
2018年8月我有幸参加了Bas Vodde上海的三天CLP课程，无论从教学内容还是授课技巧都受益良多。最近我申请到LeSS Friendly Scrum Trainer的资格，申请过程中，我的CSM课件需要Bas的评审。2018年11月Bas给了对我的CSM课件的反馈，毫不夸张地说Bas 几乎是Scan我课件的每一个单词和句子，他严
首先准备一个存放许多经常用到的less变量文件 variables.less //公共变量 // 主题 @xtxColor:#27BA9B; // 辅助 @helpColor:#E26237; // 成功 @sucColor:#1DC779; // 警告 @warnColor:#FFB302; // 价格 @priceColor:#CF4444; 安装插件 vue add style-resources-loader 然后会
问题：less除法运算报错 在学习过程中，使用less做运算时，加减乘都能正常使用。一到除法，css中就无法得出结果。 原来视频中的EasyLess扩展是旧版的，现在我们使用的最新版的，最新版的less在使用除法运算时，需要加 英文括号 或者使用 ./ 问题报错代码： 在less中的代码： 在css中
自定义的loader不能通过 类似于以下这种方式引入 const myLessLoader = require('./loader/my-less-loader'); 需要通过以下方式引入使用 path.resolve('./loader/my-less-loader.js') 附： rules配置代码 module: { rules: [ { t
一到四关主要是参数被包装的问题。一般用于尝试的语句 Ps:--+可以用#替换，url 提交过程中 Url 编码后的#为%23 and1=2--+ 'and1=2--+ "and1=2--+ )and1=2--+ ')and1=2--+ ")and1=2--+ "))and1=2--+ 图中显示的sql语句是我为了方便理解，修改了源代码显示出的 第一关： 页面正常，考虑
1.概览 Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。 这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。 因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS
Guard翻译过来就是守卫的意思，在less中的作用就是给less的属性添加判断条件 less除了基本的计算还可以进行逻辑判断 使用when关键字来表示判断条件加载的逻辑，后面是判断条件依据 基本使用 .mixin(@width,@height) when (@width >= 100) { width: @width; height: @height; }
记录数据 perf record -a -e cycles -o cycle.perf -g -p xxx sleep 15 查看结果 perf report -i cycle.perf | less 或者动态查看执行函数 perf top
混合（Mixin）是一种将一组属性从一个规则集包含（或混入）到另一个规则集的方法 混合其实就是设置功能属性，把可复用的提取出来 第一种混合的使用方法 index.html <div class="box"></div> <div class="box2"></div> index.less .bordered { border: 1px solid #ccc; } .box{ widt
什么是CSS的预处理器？ CSS 预处理器是一种语言，用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题。 Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言 CSS的预处理器最大的好处就是，即便你不会写预处理器（less、sass等等）方式的代码，写普通的css代码也是可以
变量 基本使用 index.html <div id="box"></div> index.less @width:100px; @height: @width+10px; .box{ width: @width; height: @height; background-color: orange; } 编译后的代码index.css less使用@当做关键字来定义一个变量，这个变量就可以在css的属性中使用
本文内容如下 webpack中的概念和文件结构 如果你都有了答案，可以忽略本文章，或去webpack学习导图寻找更多答案 配置打包html 在上一篇，已经配置过了，内容包括：自动引入JS，修改title，html代码压缩 在这里，再安装clean-webpack-plugin，用于每次打包时删除旧有的打包文件 //安装： yarn
def q_sort(arr): if len(arr) < 2: return arr else: pivot = arr[0] less = [i for i in arr[1:] if i <= pivot] greater = [i for i in arr[1:] if i > pivot] return q_sort(less) + [pivot] + q_sort(greater
1.原理 1.1 Less定义：是一种动态的样式语言,使CSS变成一种动态的语言特性，如变量、继承、运算、函数。Less既可以在客户端上面运行(支持IE6以上版本、Webkit、Firefox),也可以在服务端运行(Node.js) 1.2 SaSS定义：是一种动态样式语言，S
官网链接：https://ant.design/docs/react/use-with-create-react-app-cn 将craco.config.js文件里的内容添加less模块配置就可以使用 const CracoLessPlugin = require('craco-less'); module.exports = { plugins: [ { plugin: CracoLessPlugin, options: {
babel-plugin-import插件可以帮助用户进行第三方UI的按需加载，例如ant vue 引入项目的过程如下： 首先安装 npm install babel-plugin-import --save-dev 然后还需要安装less 和 lessloader npm install less-loader --save-dev npm install less --save-dev 安装完成后找到vue
style-loader、css-loader、less-loader都是基础配置，常用配置指的是按需配置，需要使用的时候再进行的配置 目录结构： 安装依赖 npm install mini-css-extract-plugin -D webpack.config.js文件 const {resolve}=require("path") const HtmlWebpackPlugin = require("html-w
linux指令操作： 常用指令 cd / 切换到根目录 cd…切换到上一级目录 cd app 切换到app目录ls显示当前目录 ls -a 显示所有的文件或者目录（包含隐藏文件）ls - l 或者ll 显示文件和目录的详情信息mkdir dir1 创建一个叫dir1目录rmdir dir1 删除一个叫dir1目录(只能删除空目录)rm 删
一、more命令 more功能类似 cat ，cat命令是整个文件的内容从上到下显示在屏幕上。 more会以一页一页的显示方便使用者逐页阅读，而最基本的指令就是按空白键（space）就往下一页显示，按 b 键就会往回（back）一页显示，而且还有搜寻字串的功能 。more命令从前向后读取文件，因此在启动时就
less笔记 官网 一、配置自动编译 安装 npm install –g less webstorm配置 file—>settings—>Tools—>File Watcher—>+ less vscode配置 Easy LESS 插件 settings.json "less.compile": { "outExt": ".css" } 二、注释 /**/—>可以编译在css件中 //—>css
react脚手架 + antd的craco.config.js配置 拉取脚手架执行以下命令 标题安装antd 修改 src/App.js，引入 antd 的按钮组件 修改 src/App.css，在文件顶部引入 antd/dist/antd.css 高级配置 安装 craco 并修改 package.json 里的 scripts 属性 然后在项目根目录创建一个 craco.config
