- 博客(9)
- 收藏
- 关注
原创 观察者模式实现视频的弹幕功能
思路利用遮罩将视频覆盖,文字在遮罩上显示和运行。前端代码<style> .bullet { width: 530px; height: 40px; line-height: 40px; font-size: 30px; } .mask { position: absolute; top: 8px; left: 8px; width: 535px; heigh
2020-11-21 12:15:03 167
原创 原生JS通过前后端通信,实现三级级联菜单
实现效果实现思路开始设置默认值,获取最初的菜单状态每次点击向后端通信,获取点击后的相应省/市/区的数据获取到相应的数据后,再次重新渲染页面代码服务端代码
2020-11-16 08:25:55 388
原创 借助cookie实现缓存记录五星好评
实现效果:网页第二次打开可以自动获取上次给出的评价分数和星星数。实现效果:分析网页结构左边为文字(自定义生成),中间是星级评论(结构类似),右边为分数(与星星同步生成)。JS生成页面结构constructor(_label) { super(); Object.assign(this.elem.style, { height: "32px", margin: "16px 3px 0 10px", }); this.createLabel(_label); this
2020-11-01 20:27:28 184
原创 JS 的数据类型和转换
类型string 字符串 使用单引号、双引号或者是反引号括起来,控制台输出为黑色字体number 整数、小数、负数、科学计数法表示的数,控制台输出为蓝色字体boolean 只有 true 和 false 两个值undefined 定义为 undefined 或变量声明没有赋值nullobject判断方式 typeof 操作符 可能出现的结果有 undefined,number,string,boolean,object,function,symbol类型转换强制类.
2020-10-17 15:28:42 103
原创 三种引入javascript文件的方式
内部书写 通过 <style> 标签 在其内部书写 JavaScript 代码。要注意 <style> 标签的书写位置,由于 html 代码的执行从上到下,会出现 JavaScript 代码中的需要操作元素渲染到 JavaScript 代码之后,这是由于相应的元素没有加载进入,所以 JavaScript 代码无法获取到。外部引入 通过<script> 的 scr 属性来指明需要引入的 js 文件。为了避免 js 文件太大,加载时(浏览器停止渲染)文件下载的同步问题 出.
2020-10-17 15:14:22 2644
原创 JavaScript 的组成成分
ECMAScript(核心)规定了 javascript 的基本语法,制定了一系列的标准。推动 JavaScript 成为全球标准,几个公司联合 ECMA 组织定制了 JavaScript 语言的标准,被称为 ECMAScript 标准。 没有浏览器兼容性问题。DOM(文档对象)文档对象,操作 html 文档 有一些浏览器兼容问题BOM(浏览器对象)浏览器对象,html css 以及 js 运行的环境。也是可以使用 JS 进行操作。 不同浏览器之间完全不兼容...
2020-10-17 15:11:35 140
原创 三目运算符的注意点
三目运算符与赋值的优先级var a = 1;var b;b = a-= 0 ? a+=1 : a+=2;console.log(b); -> -2三目运算符的优先级高于赋值运算符的,因此三目运算符的返回值为3,但是此时 a 变量的值没有发生改变,仍然是1.此时继续执行 b = a -= 3;得到 b = -2,a = -2;三目运算符的嵌套var a = 1, b = 2, c = 3, d; d = a > 10 ? 0 : b > 3 ? c : 1; --&.
2020-10-17 15:10:29 618
原创 js的基础学习(历史)
1.JS数据类型JS中有七种数据类型,它们可以分为原始类型和对象类型。基础类型(原始值)Undefined,Null,String,Boolean,Number,Sysbol复杂类型(对象值)Object2.产生隐式类型转换的三种情况ToPrimitive() 将对象类型转换为原始值 ,es5 中默认先调用 object 的 valueOf 方法,如果无法转换为原始值会再次调用 object 的 toString 方法。ToString()ToNumber()...
2020-10-17 15:09:08 121 1
原创 switch 的特殊用法
分隔不同状态的代码 // 让 div 先向左移动,再向下移动,然后向右移动,最后向上移动回到原点,如此循环往复。 var div = document.getElementById("div"); const LEFT = "left", BOTTOM = "bottom", RIGHT = "right", TOP = "top"; var x = 0, y = 0; var status = LEFT; setInterval(function(){ .
2020-10-05 15:02:46 455
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人