首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端day14-JS(WebApi)学习笔记(BOM、定时器)

    sessionStorage:临时存储(存在内存,HP值一条命,只要浏览器关闭就没有了) 02-定时器作用及语法 1.1-setInterval 定时器:某一件事(一段代码...)并不是马上执行,而是隔一段时间执行 setInterval:创建定时器 特点:一旦创建立即计时,必须要手动停止,否则会无限的每隔一段时间执行代码 clearInterval(定时器id):清除定时器...通过制定定时器id可以清除特定的定时器 1.2-setTimeout 定时器setTimeout与setInterval唯一的区别是,setTimeout定时器只会执行一次 总结: 1.如果你想让这个代码一段时间后只执行一次...,使用setTimeout 2.如果你想让这个代码每隔一段时间执行一次(执行多次),使用setInterval

    1.7K00

    前端day12-JS(WebApi)学习笔记(操作元素属性,事件介绍)

    1-WebApi介绍 1.1-WebAPI概念介绍 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力...任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log()) WebAPI概念 浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) 此处的...元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应 DOM工作原理: 硬盘代码读取到内存...因为浏览器会将html代码读取到内存中,生成一颗dom树对象(document),修改了dom树内容,最终页面也会变化 1.4-BOM browerser object model:浏览器对象模型 BOM...什么元素在什么时刻做什么事 2.事件的三要素:组成事件的三要素 事件源:什么元素(div p) 事件类型:什么时刻(鼠标点击onclick 鼠标移入:onmouseover) 事件处理函数:做什么事(一段代码

    1.6K00

    前端培训二:前端代码规范

    最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。 对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格(例如,box-shadow)。...只有在某些情况下是可选的,但是,为了代码的一致性,建议都加上双引号。 避免为 0 值指定单位,例如,用 margin: 0; 代替 margin: 0px;。...5.避免使用undefined 值,除非要判断一个变量是否定义,typeof操作符 代码格式 【强制】缩进 4个空格,避免使用tab进行缩进 行的长度 ​ 每行的长度不该超过80个字符...,超长的不可分割的代码允许例外,比如复杂的正则表达式。...var inset = { top: 10, right: 20, bottom: 15, left: 12 }; 比较长的标识符或者数值,不要为了让代码好看些而手工对齐

    1K20

    前端代码规范

    第一部分 编写灵活、稳定、高质量的HTML代码的规范 一、唯一定律 无论有多少人共同参与同一项目,一定要确保每一行代码都像是唯一个人编写的。...九、属性顺序 9.1 从大到小 HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性。...十、注释 10.1 注意 代码是由人编写并维护的。请确保你的代码能够自描述、注释良好并且易于他人理解。好的代码注释能够传达上下文关系和代码目的。不要简单地重申组件或 class 名称。...十三、代码组织 13.1 注意 (1)以组件为单位组织代码段。 (2)制定一致的注释规范。 (3)使用一致的空白符将代码分隔成块,这样利于扫描较大的文档。...十四、编辑器配置 14.1 避免代码不同 将你的编辑器按照下面的配置进行设置,以避免常见的代码不一致和差异: (1)用两个空格代替制表符(soft-tab 即用空格代表 tab 符)。

    2.5K31

    前端开发代码编辑器_前端自动生成代码

    目录 前言 CodeSandbox介绍 多种模板代码选择 VSCode一致体验 运行Node容器 CodeSandbox示例 前言 有时候需要经常写一些测试代码或示例,然后将这些代码分享给他人,少量的代码通过...因此使用在线代码编辑器就能解决上面说到的问题, CodeSandbox介绍 我用过几个在线代码编辑器,如知名的CodePen,Jsfilddle和Jsbin也有使用过,对比起来,还是CodeSandbox...使用它绝对能满足你在线代码编辑的要求,我想唯一问题就是,访问它比较慢,因为它是国外的。当然如果你会科学上网,这都不是问题。...多种模板代码选择 下图是官方创建Sandbox的页面,可以看出它不仅支持JavaScript三大主流框架。...VSCode一致体验 CodeSandbox 的代码编辑器是基于 Monaco 的,而 Monaco 是为 VSCode 的提供支持的代码编辑器。相当于他们有同一个爹。

    93130
    领券