javascript
关注
分享
扫一扫
文章平均质量分 93
chq_yys
这个作者很懒，什么都没留下…
展开
-
es6语法学习
es6 1.环境搭建 方法一 下载node.js，在git-bash.exe中输入 node -v 显示node.js版本 输入 npx es10-cli create es2019初始化项目 cd 到项目目录 npm start 访问http://localhost:8080 方法二 使用npx命令 npm版本 >5.2.0 npm install es10-cli -g es10-cli create projectName cd projectName npm start 方法三原创 2021-01-13 14:45:30 · 377 阅读 · 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 · 110 阅读 · 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 · 234 阅读 · 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 · 277 阅读 · 0 评论 -
3.js条件判断
1.if、else判断 if/else if/else var num = 12; if(num>10){ num++; }else if(num>0 && num <=1=){ num--; }else{ num+=2; } 只要有一个条件成立 后面不管条件成不成立，都不在判断执行了 ...原创 2020-11-17 09:58:24 · 540 阅读 · 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 · 152 阅读 · 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 · 266 阅读 · 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 · 135 阅读 · 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 · 193 阅读 · 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 · 405 阅读 · 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 · 226 阅读 · 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 · 698 阅读 · 0 评论