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

    plop js 模板工具

    ## plop 模板工具 概述 plop 模板生成cli 安装 // 全局安装 npm i -g plop // 本地安装 npm i --save-dev plop 配置文件 // 更目录创建文件 plopfile.js plop将已该文件作为执行入口 // 导出执行函数 module.exports = function(plop){ plop.getGenerator("模板名称 -cwd // 帮助 -h, --help // 全局初始化 -i, --init // 显示版本 -v, --version generator 生成器 API 生成器, 用来生成执行文件模板或向文件中加入模板信息 abortOnFail 当有action 执行失败时, 是否终止其他 action 默认 action API addA 创建文件 path 文件生成目录 template 模板字符串, 使用字符串模板生成文件内容 { template: '

    {{ title }}

    ' } templateFile 模板文件地址, 使用模板文件生成文件 skipIfExists 如果文件已存在,将跳过

    6.5K10发布于 2019-12-12
  • 来自专栏人生代码

    Vue 3 模板语法

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

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

    Vue 3 模板引用

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

    1.3K10发布于 2020-11-03
  • 来自专栏CSS森林

    小巧的文件模板工具

    小巧的文件模板工具 由 Ghostzhang 发表于 2016-12-14 22:47 工作中常有一些小页面,结构是一样的,换换图、换换文字就是一个新需求。 在一个以内容发布为主的需求中,一般与之相对应的发布系统都是比较后面才会实现的, TIDemo是一个小巧的模板工具,通过制作简单的模板文件,即可实现将模板中需要更换的内容生成对应的表单,提供更直观的输入体验

    69340编辑于 2022-08-22
  • 来自专栏前端时空

    工具推荐 | 项目日志模板

    以上便是「项目日志模板」的雏形, 首先说说感受,连我这么懒的一个人,都一直坚持维护了 10+ 周直到项目告一段落,说明不麻烦。 投稿幕布模板 恰好得知幕布近期即将推出「模板中心」功能,而且还搞了个模板大赛的事情:幕布首届模板大赛,赢字节跳动周边! ?

    2.5K71发布于 2020-11-11
  • Vue3 模板语法

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

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

    Django-3 模板使用

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

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

    【Vue3模板语法

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

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

    Vue3 模板语法

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

    97520发布于 2021-07-28
  • 来自专栏编程技术分享

    Vue3 模板编译原理

    模板 } 主要用于区分上述四种类型节点。 再看一下 parse 阶段的 HTML 模板字符串:

    <! 从生成的代码中也可以看出,生成的节点和模板中的代码是一一对应的。静态节点的作用就是只生成一次,以后直接复用。 压缩工具在打包时会将未被使用的代码直接删除(shaking 摇掉)。 Vue3 系列文章 Vue3 响应式原理 Vue3 模板编译原理

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

    CSS3 Media Queries模板

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

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

    Bootstrap3和4模板

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

    1.4K10编辑于 2022-09-15
  • 来自专栏软件工程师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.3K10编辑于 2022-08-30
  • 来自专栏数据结构与算法

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

    图论 最短路 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

    35.3K110发布于 2018-04-12
  • 3款智能任务优先级工具实测指南(附模板

    一、先搞懂:优先级混乱的 3 个典型坑 你以为的 “忙碌”,可能只是在做 “优先级陷阱” 里的无用功。 二、定规则:优先级设置的 3 个核心原则 工具只是辅助,先掌握 “判断优先级” 的底层逻辑,才能让工具用得更顺手: 1. 3. 给任务 “设保质期”,避免无限拖延 再重要的任务,不设 “截止时间 + 缓冲期” 也会被拖延。 三、选对工具3 类优先级设置工具实战推荐 不同工作场景(个人 / 小团队 / 大企业)需要不同工具。 四、用到位:工具使用的 3 个关键技巧 选对工具后,这 3 个技巧能让优先级管理效率翻倍: ◦ 每周 “优先级校准”:固定每周一早上花 10 分钟,用工具回顾所有任务 —— 有没有 “高优先级任务被低优先级挤压

    60010编辑于 2025-08-12
  • 来自专栏软件工程师Michael

    Vue3模板语法--动态参数

    -----使用Vue3,首先要引入Vue ---这个做法有点类似与jQuery或其他js库的用法-----> <script src="https://unpkg.com/vue@<em>3</em>"></script / "data":function(){ /* 变量池 */ return{ content:"Vue3" //alert(1); //console.log(this) //this.content='hi Vue3' } }).mount("#lio");/*---mount()方法指定挂载元素,只会挂载符合条件的第一个元素--*/ </script></body></html>以上是Vue3模板语法中动态参数完整的代码实例

    1.6K40编辑于 2022-08-30
  • 来自专栏自动化测试实战

    flask第十九篇——模板3

    今天我们继续模板的知识,现在我们增加字典的复杂度,这个时候在render_template第二个参数可以传**title,以后我们会用**context代替原来的title=title。 我们来页面上通过开发者工具查看一下,发现给的路径就是'login': ? 只要我们点击“链接到登录页面”,页面就会到转到127.0.0.1:5000/login/了。 ?

    68570发布于 2018-05-21
  • 来自专栏菩提树下的杨过

    velocity模板引擎学习(3)-异常处理

    按上回继续,前面写过一篇Spring MVC下的异常处理、及Spring MVC下的ajax异常处理,今天看下换成velocity模板引擎后,如何处理异常页面: 一、404错误、500错误 1 <error-page> 2 <error-code>404</error-code> 3 <location>/nopage.do</location> 4 < RequestMethod.GET) 2 public String pageNotFound(Locale locale, Model model) throws Exception { 3 return "errors/500"; 9 } 上面是Controller的处理 二、常规异常的处理 Controller里的处理还是跟以前一样,关键是errors/error.vm这个模板文件如何写 doctype html> 2 <html> 3 <head> 4 #parse("comm/header.vm") 5 #set($ex=$request.getAttribute

    1.3K80发布于 2018-01-19
  • 来自专栏自动化测试实战

    flask第二十篇——模板3

    现在我们通过查询字符串的方式给render_template传参,我们就要用到flask库的flask.request.args.get()函数先获取参数,在index.html中给url_for传next,最后在login.html函数中通过{{ next }}传值。代码如下: rendertemplateDemo.py文件 # coding: utf-8 from flask import Flask, render_template import flask app = Flask(__name

    64360发布于 2018-05-21
  • 来自专栏前端文章小tips

    vue3后台管理系统(模板

    目的在于学习vite和vue3等新技术,以便于后续用于实际开发工作中; 本文章将从管理系统页面布局、vue路由鉴权、vuex状态管理、数据持久化、用户信息加密等方面进行介绍和记录; 这也是我边学习边实践的过程 ,此次记录一是方便自己日后开发过程中有用到时候便于借鉴和复习,再次是为了初学vue3和尝试上手vite2和vue3搭建管理系统的小伙伴提供一些学习方法和技术点; 本Vue后台管理系统使用的技术点主要有: vite2、vue3、vue-router4.x、vuex4.x、vuex-persistedstate(vuex数据持久化)、Element Plus等。 setup函数中完成的,在vue3中无法通过 this 来获取当前组件的实例,故无法像vue2中那样操作数据和事件函数; vue3中为了获取到当前组件的实例,我们可以采用 vue3 中提供的 getCurrentInstance 来获取组件的实例; 当我们使用全局对象或者函数时,我们大多是将事件函数绑定在vue的原型实例上,当再次访问时只需使用过this来访问自己指定的事件名即可; 在vue3中我们若是使用全局变量或者事件函数时

    5.7K21发布于 2021-11-25
领券