首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    常用 HTML 转义符对照表

    HTML中,&等有特殊含义(,用于链接标签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?...这就要说到 HTML转义字符串(Escape Sequence)了。 HTML转义字符串也称HTML字符实体(Character Entity)。...在HTML中,定义转义字符串的原因有两个:第一个原因是像“”这类符号已经用来表示 HTML 标签,因此就不能直接当作文本中的符号来使用。...Dagger; ‡ ‰ ‰ ‰ ‹ ‹ ‹ › › › € € € JavaScript 转义符...注意,由于反斜杠本身用作转义符,因此不能直接在脚本中键入一个反斜杠。如果要产生一个反斜杠,必须一起键入两个反斜杠 (\\)。 ----

    7K30

    Webpack 原理系列八:产物转译打包逻辑

    之前的所有前置操作 「模块转译」:遍历 modules 数组,完成所有模块的转译操作,并将结果存储到 compilation.codeGenerationResults 对象 「模块合并打包」:在特定上下文框架下...可以看到,Webpack 先将 modules 逐一转译为模块产物 —— 「模块转译」,再将模块产物拼接成 bundle —— 「模块合并打包」,我们下面会按照这个逻辑分开讨论这两个过程的原理。...main.js 文件所示,包含三块内容,从上到下分别为: name.js 模块对应的转译产物,函数形态 Webpack 按需注入的运行时代码 index.js 模块对应的转译产物,IIFE(立即执行函数...; 捋一下这里的逻辑,运行框架包含如下关键部分: 最外层由一个 IIFE 包裹 一个记录了除 entry 外的其它模块代码的 __webpack_modules__ 对象,对象的 key 为模块标志符;...值为模块转译后的代码 一个极度简化的 CMD 实现:__webpack_require__ 函数 最后,一个包裹了 entry 代码的 IIFE 函数 「模块转译」 是将 module 转译为可以在宿主环境如浏览器上运行的代码形式

    1.7K10

    【华为分享】前端领域的转译打包工具链(下)

    这是前端领域的转译打包工具链的第二篇文章,上篇文章讲了前端领域的各种转译器,包括 babel、tsc、terser、eslint、postcss、posthtml、swc 等,介绍了他们各自的用途和通用的原理...它们通过匹配文件路径的方式来对不同文件应用不同的转译器。 比如 gulp: ? 和 fis: ?...解释器和转译器的区别 转译器是把源码 parse 成 AST 之后,进行 AST 转换,之后再打印成目标代码,并生成 sourcemap。 ?...我们总结下这两节的内容: 因为前端 html、css、js 直接从源码解释的特点,所以需要转译器,不同转译器(babel、tsc、terser、eslint、postcss、posthtml、swc)目的不同...转译器用在项目里需要配合打包工具,或者通过 ide 插件、git hooks 的方式使用。 转译器大多是对单个文件进行处理,打包工具用于整个项目的处理。

    1.2K10

    假如用王者荣耀的方式学习webpack

    _dirname, 'dist'), filename: 'test.bundle.js' } }; 进阶使用: 当配置了多入口文件并且想输出不同chunk时应该对filename使用占位符来保证文件名称的唯一性...占位符: name——使用入口名称 id——使用内部chunk id hash——使用每次构建过程中的唯一hash chunkhash——使用基于每个chunk内容的hash query——使用文件名?...jade-loader 加载 Jade 模板并返回一个函数 markdown-loader 将 Markdown 转译为 HTML react-markdown-loader 使用 markdown-parse...转移为 HTML markup-inline-loader 将内联的 SVG/MathML 文件转换为 HTML。...LESS 文件 sass-loader 加载和转译 SASS/SCSS 文件 postcss-loader 使用 PostCSS 加载和转译 CSS/SSS 文件 stylus-loader 加载和转译

    1.1K00

    有效的python属性管理:描述符的使用

    Python会对属性的访问操作进行一定的转译,这种转译的方式就是由描述符协议确定的。借助Python提供给我们的描述符协议,我们就可以用来以Python的方式实现与私有变量类似的功能。...描述符的原理 上面进行了基本的描述符创建和使用效果,那么描述符是如何工作的才能让我们以这种方式操作属性呢? 一句话总结就是通过将属性访问进行了转译。...如果是对实例属性进行访问,则属性访问转译的关键就在于基类object的__getattribute__方法,我们知道这个内置方法是在进行属性访问的时候无条件调用的,因此这个方法中将obj.d转译成了type...__get__(obj, type(obj)) 其实现的C代码参见:https://docs.python.org/3/c-api/object.html#c.PyObject_GenericGetAttr...如果是对类对象的属性进行访问,则属性的访问转译关键在于元类type的__getattribute__方法,它将cls.d转译成cls.

    1.3K90

    SassSCSS 简明入门教程

    : sass main.scss main.css 这时你就会看到文件夹中多了 main.css 和 main.css.map 两个文件,前者是转译过后的 CSS 文件,大部分是方便使用浏览器调试工具在进行调试时连结原文件和转译文件...嵌套:降低父元素重复性 转译前: .parent { color: blue; .child { font-size: 12px; } } 轉譯後: 转译后: .parent { color...fade-out(#62fdca, 0.5); 更多的内建函数可以参考高压博文文档(http://sass-lang.com/documentation/Sass/Script/Functions.html...操作符:通过加减乘除和求余数等运算符方便的计算所需的属性值 颜色加法: $color: #010203 + #040506; /* 01 + 04 = 05 02 + 05 = 07 03 + 06 =...background-color: #fdd; } .strawberry { @extend .lemonade; border-color: pink; } 搭配占位符使用

    3.5K20

    运算符(操作符)

    运算符(操作符) 1.1 运算符的分类 运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。...JavaScript中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.2 算数运算符 算术运算符概述 概念:算术运算使用的符号,...放在变量前面时,我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符。 注意:递增和递减运算符必须和变量配合使用。...比较运算符概述 概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值(true / false)作为比较运算的结果。...逻辑运算符概述 概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。

    93520

    SQL注入、占位符拼接符

    目录一、什么是SQL注入 二、Mybatis中的占位符和拼接符三、为什么PreparedStatement 有效的防止sql注入?...二、Mybatis中的占位符和拼接符1、占位符(1)#{}表示一个占位符号,通过#{}把parameterType 传入的内容通过preparedStatement向占位符中设置值,自动进行java类型和...例如(这是用JDBC编写,在Mybatis中我们看不到PreparedStatement,只要是用占位符#{},它自动实现这过程): String sql = “insert into user (name...; PreparedStatement ps = conn.preparedStatement(sql); ps.setString(1, “jack”); //占位符顺序从1开始 ps.setString...(2, “123456”); //也可以使用setObject ps.executeQuery();2、拼接符${}表示拼接sql串,通过${}可以将parameterType 传入的内容直接拼接在sql

    3.2K51

    【Kotlin 协程】Flow 操作符 ② ( 末端操作符 | collect 操作符 | reduce 操作符 | single 操作符 | first 操作符 | toList 操作符 )

    文章目录 一、末端操作符 1、collect 操作符 2、reduce 操作符 3、single 操作符 4、first 操作符 5、fold 操作符 6、toList 操作符 7、toSet 操作符...一、末端操作符 ---- 末端操作符 指的是 在 Flow 流最末端 调用 挂起函数 收集元素 的操作符 , 最常见的 末端操作符 就是 collect 操作符 ; 常见的末端操作符 : 收集元素 :...collect 操作符原型 : /** * 终端流操作符,使用提供的[动作]收集给定的流。...single 操作符原型 : /** * 终端操作符,等待一个且仅等待一个值发出。...first 操作符原型 : /** * 终端操作符,返回流发出的第一个元素,然后取消流的收集。

    1.6K10
    领券