【Tips】JS+webstorm常用快捷

最新推荐文章于 2022-07-13 23:40:36 发布

阿阿阿是阿翼啊

最新推荐文章于 2022-07-13 23:40:36 发布

阅读量149

点赞数

分类专栏： Tips 文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_43226986/article/details/111309459

版权

Tips 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1. type = “text/html”

当type="text/html"的时候，<script>片断中定义一个被JS调用的代码，代码（包括按钮图片等）不会在页面上显示；在页面渲染的时候，浏览器不会读取script标签中的html代码。
例如下述代码中的两个按钮不会直接显示，而是通过下面的JS进行调用。

<script type="text/html" id="userTbBar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

/* 表格工具条点击事件 */
        table.on('tool(userTable)', function (obj) {
            if (obj.event === 'edit') { // 修改
                showEditModel(obj.data);
            } else if (obj.event === 'del') { // 删除
                doDel(obj);
            } 
        });

2. layui-config(options)

可以在使用模块之前，全局化配置一些参数，尽管大部分时候它不是必须的。但可以让使用变得更简单。

3. webstorm快捷键

① Tab–补全代码
② ctrl + / : 单行注释
③ ctrl + shift + / : 块注释
④ Ctrl+N 查找类
⑤ Ctrl+Alt+L 格式化代码
⑥ Ctrl+F 查找文本
⑦ Ctrl+空格代码提示
⑧ ctrl + F12: 可以显示当前文件的结构
⑨ ctrl + F12: 可以显示当前文件的结构
⑩ ctrl + b: 跳到变量申明处

4. fieldset和legend

<fidldset>标签可以将表单内的相关元素分组。
<legend> 标签为 <fieldset> 元素定义标题。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<form>
 <fieldset>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
 </fieldset>
</form>

</body>
</html>

阿阿阿是阿翼啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
【Tips】JS+webstorm常用快捷

1. type = “text/html”当type="text/html"的时候，<script>片断中定义一个被JS调用的代码，代码（包括按钮图片等）不会在页面上显示；在页面渲染的时候，浏览器不会读取script标签中的html代码。例如下述代码中的两个按钮不会直接显示，而是通过下面的JS进行调用。<script type="text/html" id="userTbBar"> <a class="layui-btn layui-btn-primary lay
复制链接

扫一扫