首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏人生代码

    Vue 3 模板引用

    模板引用 尽管我们讲到了 提供/注入,props 和自定义事件,但是如果有时候可能仍然需要直接访问原生 DOM 元素的方法或者属性,我们可以通过 ref 属性为子组件或者 HTML 元素指定引用: 接下来我们在 这仅作为一个用于直接操作子元素的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。

    1.2K10发布于 2020-11-03
  • 来自专栏人生代码

    Vue 3 模板语法

    模板语法 实验介绍 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层应用实例的数据。 所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。 缩写 v- 前缀作为一种视觉提示,用来识别模板中 Vue 特定的 attribute。 在 DOM 中使用模板时 (直接在一个 HTML 文件里撰写模板),还需要避免使用大写字符来命名键名,因为浏览器会把 attribute 名全部强制转为小写: <! #JavaScript 表达式 模板表达式都被放在沙盒中,只能访问全局变量的一个白名单,如 Math 和 Date。你不应该在模板表达式中试图访问用户定义的全局变量。

    1.8K20发布于 2020-11-03
  • 来自专栏又见苍岚

    OpenCV 模板匹配 matchTemplate 源码解析

    OpenCV 实现了图像平移模板匹配的功能,封装在函数接口 matchTemplate 中,本文解析该功能的实现源码。 简介 OpenCV 实现的 matchTemplate 速度很快,核心提速在于使用了卷积加速和累加和技巧 参考 OpenCV 版本 4.4.0,源码位于: opencv\sources\modules\ 用 I 表示待匹配图像(大图),T 表示模板图像(小图),w,h 表示模板宽高,计算公式: 图片 源码解析 生成内积图 几种损失函数最核心的计算都离不开模板在原图中的卷积运算,因此所有模板匹配都预先计算好了卷积图 common_matchTemplate 函数 我们定义待匹配的单通道图像(大图)为 I,模板单通道图像(小图)为 T,宽度W,高度H,均值 Mean,标准差 Std 变量会带下标,例如: W_T 表示模板图像的宽度 *templMean[3]; if( numType !

    4K21编辑于 2022-11-24
  • Vue3 模板语法

    Vue 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

    24210编辑于 2025-12-16
  • 来自专栏不仅仅是python

    Django-3 模板使用

    在之前的文章中我们了解到模板允许我们在多个地方重用代码段,非常适合动态HTML页面。使用模板将更复杂的HTML返回给浏览器。我们还将看到如何将变量作为上下文传递给模板。接下来开始: ? 在django_project\blog\templates\blog下新建base.html,存放通用的博客网页模板信息: ? ?

    1.3K30发布于 2019-07-23
  • 来自专栏颜颜yan_的学习笔记

    【Vue3模板语法

    文章目录 前言 声明响应式状态 插值 文本 Attribute(属性) 使用JavaScript表达式 指令 总结 ---- 前言 Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM 所有Vue.js的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。 在底层的实现上,Vue将模板编译成虚拟DOM渲染函数,结合响应性系统,Vue能够智能地计算出最少需要重新渲染多少组件,并把DOM操作次数减少到最少。 参考文档:Vue3官网 ---- 声明响应式状态 选用选项式 API 时,会用 data 选项来声明组件的响应式状态。此选项的值应为返回一个对象的函数。

    1.3K00编辑于 2023-03-28
  • 来自专栏ops技术分享

    Vue3 模板语法

    Vue 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

    87520发布于 2021-07-28
  • 来自专栏clz

    Vue源码之mustache模板引擎(一)

    Vue 源码之 mustache 模板引擎(一) 个人练习结果仓库(持续更新):Vue 源码解析 抽空把之前学的东西写成笔记。 学习视频链接:【尚硅谷】Vue 源码解析之 mustache 模板引擎 模板引擎是什么 模板引擎是将数据变为视图最优雅的解决方案。 其中,Vue 中的列表渲染指令 v-for就是一种模板引擎。 mustache [mustache 仓库](https://github.com/janl/mustache.js) mustache 是**最早的模板引擎库**。 tokens 形式 tokens 结合数据,解析为 dom 字符串 tokens 是什么 tokens 是一个嵌套数组,也可以说是模板字符串的 JS 表示。 ]], ["text", "

  • "] ]], ["text", "
"] ] 查看 mustache 的 tokens 进入之前下载的源码文件中

1.3K30编辑于 2023-01-05
  • 微页网站目录模板源码分享

    DOCTYPE HTML><html xmlns="http://www.w<em>3</em>.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type content="no-transform" /><meta http-equiv="X-UA-Compatible" content="IE=7" /><title>网址目录 _ 网址大全 _ 博科趣 - 第3

  • 模板源码
  • 模板素材
  • <a href="http://m.bokequ.com/list/45-

  • 1.1K00编辑于 2024-08-27
  • 来自专栏前端工程师面试指南

    深度学习Vue源码-模板编译原理

    前言此篇主要手写 Vue2.0 源码-模板编译原理上一篇咱们主要介绍了 Vue 数据的响应式原理 对于中高级前端来说 响应式原理基本是面试 Vue 必考的源码基础类 如果不是很清楚的话基本就被 pass : 没时间去看官方源码或者看源码看的比较懵而不想去看的同学---正文// Vue实例化new Vue({ el: "#app", data() { return { a: 111, $options.el); } }; // 这块代码在源码里面的位置其实是放在entry-runtime-with-compiler.js里面 // 代表的是Vue源码里面包含了compile render 函数相关vue源码视频讲解:进入学习2.模板转化核心方法 compileToFunctions// src/compiler/index.jsimport { parse } from 根据 ast 生成 render 函数3.解析 html 并生成 ast// src/compiler/parse.js// 以下为源码的正则 对正则表达式不清楚的同学可以参考小编之前写的文章(前端进阶高薪必看

    58110编辑于 2022-10-03
  • 来自专栏编程技术分享

    Vue3 模板编译原理

    ancestors) } } else { // 普通文本节点 node = parseText(context, mode) } } 在源码中对应的几个函数分别是 模板 } 主要用于区分上述四种类型节点。 再看一下 parse 阶段的 HTML 模板字符串:

    <! 从生成的代码中也可以看出,生成的节点和模板中的代码是一一对应的。静态节点的作用就是只生成一次,以后直接复用。 Vue3 系列文章 Vue3 响应式原理 Vue3 模板编译原理

    1.4K20发布于 2020-09-28
  • 来自专栏李维亮的博客

    CSS3 Media Queries模板

    那么今天我们就针对上面的问题,一起来探讨一下CSS3 Media Queries在各种不同设备(桌面,手机,笔记本,ios等)下的模板制作。那么Media Queries是如何工作的? CSS3 Media Queries模板 CSS3 Media Queries一般都是使用“max-width”和“min-width”两个属性来检查各种设备的分辨大小与样式表所设条件是否满足,如果满足就调用相应的样式 // Large desktop @media (min-width: 1200px) { .. } 在bootstrap中的responsive.css采用的是网格布局,大家可以到官网查看或下载其源码进行学习 更新CSS3 Media Queries模板查询 1、Smartphones (portrait and landscape) @media only screen and (min-device-width Media Queries模板的相关介绍就说到这里了,最后希望大家喜欢。

    1.4K20发布于 2021-07-09
  • 来自专栏全栈程序员必看

    Bootstrap3和4模板

    Bootstrap3 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <!

    1.2K10编辑于 2022-09-15
  • 来自专栏数据结构与算法

    模板模板模板模板模板模板模板模板模板模板模板模板模板模板模板模板模板模板模板模板

    图论 最短路 SPFA 1 #include<cstdio> 2 #include<queue> 3 #include<cstring> 4 using namespace std; 5 const =1;i<=N;i++) printf("%d ",dis[i]); 54 return 0; 55 } 1 #include<cstdio> 2 #include<deque> 3 ;i<=N;i++) printf("%d ",dis[i]); 54 return 0; 55 } 1 #include<cstdio> 2 #include<cstring> 3 N;i++) printf("%d ",dis[i]); 62 return 0; 63 } Floyd 1 #include<cstdio> 2 #include<queue> 3 y3=b3 3 36 求这个方程的解x 37 */ 38 int M=a[1],R=b[1],x,y; 39 // M=LCM(a1,a2) 40

    34.6K110发布于 2018-04-12
  • 来自专栏软件工程师Michael

    Vue3模板语法--缩写

    在Vue3中,v-bind和v-on都有缩写形式,v-bind缩写为:+属性名,v-on缩写为@+事件名<! =device-width, initial-scale=1.0"> <title>Document</title> <script src="https://unpkg.com/vue@<em>3</em>" Vue.createApp({ "data":function(){ return { "content":"Vue3"

    1.2K10编辑于 2022-08-30
  • 来自专栏程序通事

    源码学习设计模式之模板方法

    在软件工程中,它是一种软件设计模式,和C++模板没有关连。 模板设计方法存在目的在于某些算法逻辑存在一些相同处,而具体细节却不同。 具体源码如下。 mybatis 模板方法应用 在看源码之前,我们先看下我们不使用 mybatis 之前,如何查询数据。 //2.获得数据库的连接 Connection conn = DriverManager.getConnection(URL, NAME, PASSWORD); //3. 其实关键就是应用模板设计方法。

    67830发布于 2019-09-10
  • 来自专栏全栈程序员必看

    java-计算器模板源码

    java-计算器模板源码 计算器实现了大部分基础功能:基本运算,菜单栏选项,并且拓展了普通型和科学兴选项等等,读者可以在此基础上进行修改和拓展。 其他具体实现方法可以看源码,里面有详细的概述,代码框架清晰。 读者在阅读和引用过程中,如有问题欢迎评论区留言和私信交流。 JMenuBar mb = new JMenuBar(); JMenu m1 = new JMenu("选项"); JMenu m2 = new JMenu("编辑"); JMenu m3 setSize(100, 100); b3.addActionListener(this); b4.setSize(100, 100); b4.addActionListener(this) ; panel2.add(b1); panel2.add(b2); panel2.add(b3); panel2.add(b4); } // 初始化计算器基本界面 private

    1.4K30编辑于 2022-09-09
  • 来自专栏博客趣

    唯美心情语录随笔个人博客模板源码

      这是一款关于心情日记随笔个人博客模板,心情语录随笔个人博客模板主要记录心情日记的博客网站。采用html5+css3设计,模板基于dedecms程序搭建测试。  1、主页html代码<! 模板源码下载

    <script type=" /images/libg.png) 10px -294px no-repeat;line-height:29px;height:29px;font-size:14px;color:#<em>3</em>b<em>3</em>b<em>3</em>b;padding :10px 0 10px 50px;}.bloglist h2 a{color:#<em>3</em>b<em>3</em>b<em>3</em>b;display:block;width:80%;}.bloglist h2 a:hover{width:90% 1;-moz-animation:'fadeInRight' <em>3</em>s 1;-ms-animation:'fadeInRight' <em>3</em>s 1;-o-animation:'fadeInRight' <em>3</em>s 1

    55910编辑于 2024-01-09
  • 来自专栏Java架构筑基

    JDK源码——利用模板方法看设计模式

    模板方法使得子类可以在不改变算法结构的情况下,重新定义算法的某些步骤。 可以说,模板方法提供了一个很好的代码复用平台 三、JDK中的模板方法模式 在刚接触ArrayList的时候一直没注意它继承的类和实现的接口。 下面我们直接看源码,由于方法很多,我们就介绍一下addAll方法。 四、总结 模板方法模式只需要简单的继承关系就可以完成。相信平常我们在写代码的时候也是使用过模板方法模式,只是我们并不知道是这种设计模式。 重点理解模板,这个模板尽量使用抽象类。因为抽象类比接口更加的灵活,能将模板定义的更好。其实看完上面的源码解析,总结起来就是一句话AbstractList是ArrayList的模板

    76430发布于 2019-04-25
  • 来自专栏前端工程师面试指南

    vue源码分析-挂载流程和模板编译

    按照Vue源码的设计思路,初始化过程还会进行很多操作,例如组件之间创建关联,初始化事件中心,初始化数据并建立响应式系统等,并最终将模板和数据渲染成为dom节点。 3.1.1 Runtime + Compiler一个完整的Vue版本是包含编译器的,我们可以使用template进行模板编写。编译器会自动将模板字符串编译成渲染函数的代码,源码中就是render函数。 参考vue源码视频讲解:进入学习3.2.1 流程图图片如果用一句话概括挂载的过程,可以描述为确认挂载节点,编译模板为render函数,渲染函数转换Virtual DOM,创建真实节点。 但是设计者又不希望在相同平台下编译不同模板时,每次都要传入相同的配置选项。这才有了源码中较为复杂的编译实现。 3.根据不同平台将AST语法树转换成渲染函数,对应的generate函数接下来具体看看createCompilerCreator的实现:function createCompilerCreator (baseCompile

    79300编辑于 2022-10-10
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券