不胜旧时光-CSDN博客

原创观察者模式实现视频的弹幕功能

思路利用遮罩将视频覆盖,文字在遮罩上显示和运行。前端代码<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 135

原创原生JS通过前后端通信，实现三级级联菜单

实现效果实现思路开始设置默认值，获取最初的菜单状态每次点击向后端通信，获取点击后的相应省/市/区的数据获取到相应的数据后，再次重新渲染页面代码服务端代码

2020-11-16 08:25:55 361

实现效果：网页第二次打开可以自动获取上次给出的评价分数和星星数。实现效果：分析网页结构左边为文字(自定义生成)，中间是星级评论(结构类似），右边为分数（与星星同步生成）。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 166

原创 JS 的数据类型和转换

类型string 字符串使用单引号、双引号或者是反引号括起来，控制台输出为黑色字体number 整数、小数、负数、科学计数法表示的数，控制台输出为蓝色字体boolean 只有 true 和 false 两个值undefined 定义为 undefined 或变量声明没有赋值nullobject判断方式 typeof 操作符可能出现的结果有 undefined，number，string，boolean，object，function，symbol类型转换强制类.

2020-10-17 15:28:42 77

原创三种引入javascript文件的方式

内部书写通过 <style> 标签在其内部书写 JavaScript 代码。要注意 <style> 标签的书写位置，由于 html 代码的执行从上到下，会出现 JavaScript 代码中的需要操作元素渲染到 JavaScript 代码之后，这是由于相应的元素没有加载进入，所以 JavaScript 代码无法获取到。外部引入通过<script> 的 scr 属性来指明需要引入的 js 文件。为了避免 js 文件太大，加载时（浏览器停止渲染）文件下载的同步问题出.

2020-10-17 15:14:22 2572

原创 JavaScript 的组成成分

ECMAScript(核心)规定了 javascript 的基本语法，制定了一系列的标准。推动 JavaScript 成为全球标准，几个公司联合 ECMA 组织定制了 JavaScript 语言的标准，被称为 ECMAScript 标准。没有浏览器兼容性问题。DOM(文档对象)文档对象，操作 html 文档有一些浏览器兼容问题BOM(浏览器对象)浏览器对象，html css 以及 js 运行的环境。也是可以使用 JS 进行操作。不同浏览器之间完全不兼容...

2020-10-17 15:11:35 121

原创三目运算符的注意点

三目运算符与赋值的优先级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 582

原创 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 72 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 427

qq_40860699的博客