web
文章平均质量分 53
要爆炸的臭臭君
纸上得来终觉浅,觉知此事要躬行!
展开
-
js异步问题
js中分为同步和异步代码 js 代码执行规则为: 从上到下执行 同步代码马上执行 异步代码先放到异步代码队列中,等待同步代码执行完毕后再去执行 使用promise进行修饰改造(使用node进行演示) 如果像下面代码: const fs = require('fs') var a = '' fs.readFile('./fs/fs.text', 'utf8', (error, res) => { a = res }) console.log(a) //此时的输出,a变量肯定是空的,因为读取文件原创 2021-03-17 13:21:42 · 325 阅读 · 10 评论 -
js模块化
一、何为模块化? javascript中,有两种格式的模块,一种是Node.js专用的CommonJS模块,简称CJS,另一种为,ES6模块简称ESM。 二、两种模块的差异(CommonJS和ESM)、 CommonJS是使用require()方法引入,module.exports进行抛出,而ESM是使用import引入,export抛出 CommonJS是同步执行的,而ESM是异步执行的! 三、node中模块分类 在nodejs中,应用有模块组成,一个js文件就是一个模块,每个js文件都是一个独立的作原创 2021-01-28 19:47:52 · 186 阅读 · 2 评论 -
js的this指向
this指向 普通函数:this指向的是window对象 function f1(){ console.log(this) } f1() //输出是window对象 构造函数:this指向的是实例化对象,原型对象里面的方法也是指向实例化对象 function F1(){ console.log(this) } F1.prototype.run=function(){原创 2020-12-23 15:16:01 · 297 阅读 · 5 评论 -
css弹性布局总结
css静态页面搭建总结 弹性布局 弹性布局很方便,可以快速的搭建出想要的布局 1、header部分 效果图: 实现思路: 一个header部分html结构是使用一个版心里面两个div一个是logo另一个是nav导航,样式搭建好后,使用弹性布局,给版心加:display:flex;justify-content:space-between;两端对齐,刚好两个div占在版心左右两端,然后,如果想垂直居中的话再设置align-item:center;可以快速搭建出布局,不用使用浮动,不用使用margin去挤。原创 2020-12-08 14:10:56 · 171 阅读 · 0 评论 -
javascript基础switch条件分支语句
javascript基础switch条件分支语句 一、switch语法: //我们先来看一下如果用if来写一个条件语句 var a=prompt("请输入:"); //将输入的值转换为整数类型 var num=Number(a) //如果num值等于数字1,那么浏览器页面会出现一个字符串“一” if(num==1){ document.write("一") } //如果num值等于数字2,那么浏览器页面会出现一个字符串“二” if(num==2){ document.write("二") }原创 2020-09-23 09:15:12 · 268 阅读 · 0 评论 -
2.javascript标识符
javascript标识符 在js中所有的可以由我们自己命名的都可以称为是标识符。 例如:变量名、函数名、属性名都是属于标识符 命名一个标识符时需要遵守的规则: 1.标识符中可以含有字母、数字、_下划线、$ 2.标识符不能以数字开头 3.标识符不能是ES中的关键字或者是保留字 4.标识符一般都采用驼峰命名法:首字母小写,每个单词的开头大写 ,其余字母小写。例如:helloWord 小写。例如:helloWord JS底层保存标识符时实际上是采用的Unicode编码,所以理论上讲,所有的u原创 2020-09-09 11:26:40 · 506 阅读 · 0 评论 -
Javascript字面量和变量通俗易懂
Javascript字面量和变量 一、字面量 字面量都是一些不可改变的值 比如:1 2 3 4 5 6 字面量都是可以直接使用的,但是我们一般不会直接使用字面量 二、变量 变量可以用来保存我们的字面量,而且变量的值是可以任意改变的,变量更加方便我们的使用,所以在我们们开发当中都是通过,变量来保存我们的字面量,特别少的时候会直接使用字面量 2.1声明变量 在JS中使用var关键字来声明一个变量,给变量赋值。 可以通过变量对字面量进行描述 浏览器器返回结果为: ...原创 2020-09-08 10:30:19 · 153 阅读 · 0 评论 -
js的基础语法需要注意的小细节
javascrip基础语法 一、js注释 多行注释,注释中的内容不会被执行,但是可以在源代码中查看 要养成良好的注释习惯,也可以通过注释,来对代码进行调整 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-09-08 09:54:01 · 132 阅读 · 0 评论 -
css基础
css基础 一、CSS样式 行内样式 就是在标签里面添加style样式,代码结构如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</原创 2020-09-07 16:49:39 · 102 阅读 · 0 评论