javascript
文章平均质量分 93
chq_yys
这个作者很懒,什么都没留下…
展开
-
es6语法学习
es61.环境搭建方法一下载node.js,在git-bash.exe中输入 node -v 显示node.js版本输入 npx es10-cli create es2019初始化项目cd 到项目目录npm start访问http://localhost:8080方法二使用npx命令 npm版本 >5.2.0npm install es10-cli -ges10-cli create projectNamecd projectNamenpm start方法三原创 2021-01-13 14:45:30 · 260 阅读 · 0 评论 -
1.js基础知识(个人学习笔记)
1.javascript简介https://es6.ruanyifeng.com/js:轻量级的客户端脚本语言(面向对象编程),基于node可以做服务器端程序1.1js的组成部分ESMAScript(ES):JS的核心语法DOM:document object model 文档对象模型提供各种API(属性和方法),让js可以获取或者操作页面中的HTML元素(DOM)BOM:browser object model 浏览器对象模型,提供各种API,让js可以操作浏览器1.2ESMAScri原创 2020-11-17 09:39:24 · 68 阅读 · 0 评论 -
9.js中的数学函数Math
Math称为数学函数,但是它属于对象类型的typeof Math =>"object"之所以叫做数学函数,是因为Math这个对象中提供了很多操作数字的方法Math中提供的常用方法abs:取绝对值ceil/floor:向上或者向下取整round:四舍五入sqrt:开平方pow:取幂(N的M次方)max/min:获取最大值和最小值PI:获取圆周率random:获取0~1之间的随机小数Math.round(Math.ran原创 2020-11-17 10:58:19 · 173 阅读 · 0 评论 -
2.js的运行机制(堆栈内存和不同数据类型操作方式)
js的运行机制(堆栈内存和不同数据类型操作方式)var a=12;var b=a;b=13;console.log(a); //a=>12 var obj1={n:100};var obj2=obj1;obj2.n = 200;console.log(obj1.n); //=>200理解js的运行机制 1.当浏览器(内核、引擎)渲染和解析js的时候,会提供一个供js代码运行的环境,我们把这个环境称之为"全局作用域(global /window scope)" 2..原创 2020-11-17 09:43:39 · 229 阅读 · 0 评论 -
3.js条件判断
1.if、else判断if/else if/elsevar num = 12; if(num>10){ num++; }else if(num>0 && num <=1=){ num--; }else{ num+=2; } 只要有一个条件成立 后面不管条件成不成立,都不在判断执行了 ...原创 2020-11-17 09:58:24 · 370 阅读 · 0 评论 -
4.函数数据类型的运行机制
1.17函数数据类型的运行机制在js中,函数就是一个方法(一个功能体),基于函数一般都是为了实现某个功能 var total=10; total+=10; total=total/2; total=total.toFixed(2); //=>保留小数点后两位函数诞生的目的就是为了实现封装,吧实现一个功能的代码封装到一个函数中,低耦合高内聚(减少页面中的冗余代码,提高代码的重复使用率)function fn(){ var total=10; t原创 2020-12-17 10:53:15 · 86 阅读 · 0 评论 -
5.隔行变色&选项卡
1基于css实现隔行变色<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } ul,ol{ list-style: none; } .box{ width:300px; margin:20px auto; }原创 2020-12-17 11:10:14 · 190 阅读 · 0 评论 -
6.js中数据类型的转换
2.js中数据类型的转换JS中的数据类型分为【基本数据类型】数字 number字符串 string布尔 boolean空 null未定义 undefined【引用数据类型】对象 object普通对象数组对象 (Array)正则对象 (RegExp)日期对象 (Date)数学函数 (Math)…函数 function真实项目中,根据需求,我们往往需要把数据类型之间进行转换2.1把其它数据类型转换为number类型1.发生的情况isNaN检测的时候:当检测的值不是数字类原创 2020-12-17 10:55:38 · 75 阅读 · 0 评论 -
7.js数组常用方法剖析
js数组常用方法剖析数组也是对象数据类型的,也是由键值对组成的var ary = [12,23,34];/* * 结构: * 0:12 * 1:23 * 2:34 * length:3 */1. 以数组作为索引(属性名),索引从零开始递增2. 有一个LENGTH属性存储的是数组长度ary[0] 获取第一项ary[ary.length-1] 获取最后一项数组中每一项的值可以是任何数据类型的//=>多维数组var ary = [ {原创 2020-11-17 10:27:10 · 158 阅读 · 0 评论 -
8.js中字符串常用方法剖析
JS中关于字符串的一些细节知识在JS中所有用单引号或者双引号包起来的都是字符串,每一个字符串是由零到多个字符组成var str = 'zhufengpeixun';str.length ->字符串长度str[0] ->'z'str[str.length-1] ->'n'str[100] ->undefined//=>字符串中的每一个字符都有一个自己对应位置的索引,也有类似于数组一样的length代表自己的长度//=>循环遍历字符串,输出每原创 2020-11-17 10:36:19 · 162 阅读 · 0 评论 -
10.dom树
dom tree 当浏览器加载HTML页面的时候,首先就是DOM结构的计算,计算出来的DOM结构就是DOM树(把页面中的HTML标签像树桩结构一样,分析出之间的层级关系)<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body><div class="box" id="box"> <ul> <...原创 2020-11-17 11:16:02 · 177 阅读 · 0 评论 -
vue去哪儿网
vue开发去哪儿网1.原生js代码与Vue对比打印hello world</!DOCTYPE html><html><head> <title>hello world</title> <script src= "./vue.js"></script></head><body><div id="app"> {{content}}</div><sc原创 2020-07-15 17:31:38 · 527 阅读 · 0 评论