Typescript骚操作,在TS里面直接插入HTML

Typescript骚操作,在TS里面直接插入HTML,还有语法提示

先给大家看一个图

因为我不喜欢用很重的框架,主要是并非专业UI,但是偶尔会用到,还是觉得直接element组装受不了,想想能在ts文件里面能直接插入html就好了。

插进去不难,可是苦于没有语法提示,大家看上面这个图,语法提示的问题已经解决了。

下面我来详细讲解一下这个骚操作

一、安装vscode,别的工具我没研究,大差不差

二、安装插件

是由这个插件提供的语法高亮

三、添加两个函数

export function raw(a:TemplateStringsArray,...values:any[]):string

{

var len = a.length-1;

var outstr = a[0];

for(var i=0;i<len;i++)

{

outstr+=values[i]+a[i+1];

}

return outstr;

}

export function html(a:TemplateStringsArray,...values:any[]):HTMLDivElement

{

var div =document.createElement("div");

div.innerHTML =raw(a,values);

return div;

}

这两个函数是自定义两个拼装字符串的方法 针对于ts中的特殊字符串

如果遇到问题,最常见的就是 export的,删掉export

用这个特殊的引号引起来的字符串,注意键位,不是普通的单引号

四、浪起来

然后就可以带着语法提示写字符串了

这两个标签我定义为 raw ‘’ 返回一个字符串

Html 返回一个div对象

原文地址:https://www.cnblogs.com/crazylights/p/10192490.html

时间: 2024-10-10 03:21:44

Typescript骚操作,在TS里面直接插入HTML的相关文章

各种骚操作线段树

线段树是世界上最美的数据结构(主要记录一些有意义的线段树.....特别是骚操作 1.uestc1425 Another LCIS  http://acm.uestc.edu.cn/#/problem/show/360 题意:两种操作 对于一段区间的数加上c 查询最长连续上升序列 题解:彻底弄清楚区间更新lazy的含义 就是切水题 直接区间更新然后区间合并用点小技巧即可 #include <iostream> #include <algorithm> #include <cst

如何在命令长度受限的情况下成功get到webshell(函数参数受限突破、mysql的骚操作)

0x01 问题提出 还记得上篇文章记一次拿webshell踩过的坑(如何用PHP编写一个不包含数字和字母的后门),我们讲到了一些PHP的一些如何巧妙地绕过数字和字母受限的技巧,今天我要给大家分享的是如何在命令长度受限的情况下成功get到webshell,以及关于函数参数受限的突破,mysql的一些骚操作技巧~~~ 0x02 问题分析 我们先看个例子: <?php $param = $_REGUEST['param']; if(strlen($param) < 17){ eval($param)

于南邮平台游荡关于宽字节注入——骚操作

脚本名:unmagicquotes.py 作用:宽字符绕过 GPC addslashes12345 Example:* Input: 1′ AND 1=1* Output: 1%bf%27 AND 1=1–%20 今天早上在南邮平台游荡的时候,做了一题关于宽字节注入的题目,虽然宽字节注入属于很常见的题目 但是,大多数人使用的都是手工注入,我作为一个小萌新(手工注入太难了QAQ) 今天get到一个新的骚操作: 题目分析: . 首先:进行简单的手工注入操作: 可以看出这个属于典型的宽字节注入:关于宽

闪电侠 Netty 小册里的骚操作

前言 即使这是一本小册,但基于"不提笔不读书"的理念,仍然有必要总结一下.此小册对于那些"硬杠 Netty 源码 却不曾在千万级生产环境上使用实操"的用户非常有用.当然,对那些没有 Netty 编程经验的人来说,更为有用. 放个小册地址:[Netty 入门与实战:仿写微信 IM 即时通讯系统](https://juejin.im/book/5b4bc28bf265da0f60130116) 再次强烈推荐,一碗黄焖鸡/半杯 Luckin coffee/一包炫赫门 的价

记一次SqlServer骚操作——递归

目录 记一次SqlServer骚操作--递归 创建一个测试表,并灌入一些数据 兼容MSSQL2008以下的版本 正向查找 反向查找 MSSQL2008以后的版本 正向查找 反向查找 记一次SqlServer骚操作--递归 ? 最进需要用到sql递归更新数据的问题,因为需要兼容Sql Server 2000的语法,所以在Sql Server2008前后有两种不同的写法,这里简单记录一下. 创建一个测试表,并灌入一些数据 CREATE TABLE Test ( Id INT, PId int ) I

There is no getter for property named &#39;XXX&#39; in class &#39;aaa.bbb.ccc&#39;(终极骚操作的解决方法)

使用SpringBoot整合Mybatis时,遇到了像标题的异常,博主当时是用Bean类对象作为参数的,所以百度了很久都没有建设性答案.贴一下报错的xxxDao文件和xxxMapper.xml文件: package com.cjs.dao; import com.cjs.bean.User; import org.apache.ibatis.annotations.Mapper; import org.apache.ibatis.annotations.Param; import java.ut

Python 数据库骚操作 — MongoDB

前言 MongoDB GUI 工具 PyMongo(同步) Motor(异步) 后记 前言 最近这几天准备介绍一下 Python 与三大数据库的使用,这是第一篇,首先来介绍 MongoDB 吧,这里介绍 MongoDB 的两款操作库,走起!! MongoDB GUI 工具 首先介绍一款 MongoDB 的 GUI 工具 Robo 3T,初学 MongoDB 用这个来查看数据真的很爽.可以即时看到数据的增删改查,不用操作命令行来查看. PyMongo(同步) PyMongo 是一个同步操作的数据存

位运算的骚操作

位运算的骚操作(一)之四则运算 ? 可以这样说,位运算是我们刚开始学计算机就会接触到的一种东西.那么位运算这么常见,我们是否可以使用它来做一些骚操作呢? 使用的运算符包括下面(java还有一个>>>无符号右移): 含义 运算符 例子 左移(后面补0) << 0011 => 0110 右移(正数前面补0,负数补1) >> 0110 => 0011 按位或 ︳ 0011 ------- => 1011 1011 按位与 & 0011 ----

全球首次!玩5G日本来了一波骚操作

5G基站信号覆盖范围较小是5G技术应用中需要面临的问题之一,从目前的报道来看,在人口密集的城市中其理想覆盖范围只有250米左右,这也就意味着5G基站的数量和密度相比4G要成倍的增加. 可以想象,当5G基站全面铺开之后我们生活的“角角落落”将会被基站充斥.所以如何高效的利用现有设备,不做过多添加以节约资源和成本是技术人员亟需考虑的问题. 从5G应用角度来看,5G基站的覆盖范围主要受到的是基站所处高度和建筑密度的影响,据此特点,日本政府别开脑洞打起了信号灯的主意.全球首次!信号灯作5G基站:日本来了