健康头条

JS 和 CSS 小结

2022-11-01 22:58 由 luis林 发表于 #前端开发

JavaScript(js)

  • html中嵌入js代码的三种方式
  • js函数定义的两种方式
  • js中的6种数据类型以及typeof运算符6种结果
  • js中常用事件以及两种事件注册方式
  • 回车键捕捉以及void运算符唯一用法
  • 控制语句
  • 获取和设置各标签属性
  • innerText和innerHtml
  • 正则以及trim函数
  • prototype动态添加方法和属性
  • 表单验证
  • 周期函数setInterval、clearInterval
  • BOM编程之open、close、confirm、location、history
  • 顶级窗口的设置
  • js中json在开发中的使用

CSS

换行：（单目符）
<br>

保留格式：

<pre>
	xxx
</pre>

实体符号：

&lt; 小于号
&gt; 大于号
&nbsp; 空格

重点：
换行
横线
实体符
表格（核心）
图片（背景颜色，背景图片）
超链接（核心）
有序、无序列表
表单（核心）
下拉列表
file控件
隐藏域hidden控件
readonly和disabled
控制可输入的字符数maxlength

html中引入css样式的三种方式：

  1. 内联定义
  2. 样式块
  3. 引入css文件

https://www.bilibili.com/video/BV1ov411M7hP/?spm_id_from=autoNext
汉堡菜单：https://codepen.io/erikterwan/pen/EVzeRP
css弹出效果：https://codepen.io/imprakash/pen/GgNMXO
css下拉选择：https://codepen.io/imprakash/pen/VejpQP
下拉式菜单：https://codepen.io/andornagy/pen/xhiJH
CSS图片轮播图：https://codepen.io/AMKohn/pen/EKJHf
侧边栏菜单：https://codepen.io/plavookac/pen/qomrMw
悬停按钮：https://codepen.io/kathykato/pen/rZRaNe
按钮悬停效果：https://codepen.io/sfoxy/pen/XpOoJe
CSS开关按钮：https://codepen.io/himalayasingh/pen/EdVzNL
CSS输入文本动画：https://codepen.io/alewinski/pen/grqgqx
CSS动画菜单：https://codepen.io/joellesenne/pen/qtLEG
CSS提示：https://codepen.io/cristina-silva/pen/XXOpga
CSS表格：https://codepen.io/alexerlandsson/pen/mPWgpO
CSS分段控件：https://codepen.io/fstgerm/pen/Jafyj
纯CSS响应式选项卡：https://codepen.io/Fallupko/pen/ruLdg
CSS下列菜单：https://codepen.io/Moslim/pen/gmzvQj
响应式CSS标签：https://codepen.io/imprakash/pen/epZvbQ

热门相关：地球第一剑   豪门闪婚：帝少的神秘冷妻   刺客之王   人间欢喜   薄先生，情不由己