JavaScript
文章平均质量分 63
出太阳下雨�
xcx:办公室鱼塘
展开
-
年份范围选择器
年份范围选择器,由于element官方的DatePicker日期选择器的type没有yearrange。原创 2022-12-14 11:12:10 · 895 阅读 · 0 评论 -
chrome浏览器禁用js中的debugger
在js文件中加入debugger; 相当于是打断点,在浏览器中执行到debugger; 则会中断运行。 如果不想让程序中断,则在chrome浏览器中,可以按下Deactivate breakpoints按钮,关闭debugger调试。原创 2020-12-11 15:46:03 · 3328 阅读 · 2 评论 -
对象属性值赋给变量
对象属性值赋给变量 如果一个对象中有多个值,想把对象的属性值提取为变量。let itemobj = { "datasize": "1,1", "datapos": "1,3", "uid": "13519494246273345", "pageid": "EnergyPortal", "componentid": "ZJ011", "url": "keyAreaAnalysis.html", "name": "重点区域用能", "conf原创 2020-12-09 14:45:19 · 663 阅读 · 0 评论 -
vscode快捷键
vscode快捷键ctrl+shift+p 或者 f1会在上方中间位置显示控制面板ctrl+创建多个编辑器ctrl+1 、 2光标聚焦到第1、2个编辑器ctrl+w快速关闭ctrl+B显示/隐藏侧边栏ctrl+J显示/隐藏控制台ctrl+G跳转到指定代码行ctrl+shift+跳转到匹配的括号...原创 2020-08-31 17:02:49 · 141 阅读 · 0 评论 -
树形结构
树形结构,遍历每个结点,都赋值labeltreeDataFormat(data) { data.forEach(val => { val.label = val.name; if (val.children && val.children.length > 0) { this.treeDataFormat(val.children); } }); return data;原创 2020-08-06 21:41:26 · 148 阅读 · 0 评论 -
深拷贝浅拷贝
深拷贝浅拷贝区别深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体,而不是引用。 浅复制 — 只是拷贝了基本类型的数据,而引用类型数据,复制后也是会发生引用,我们把这种拷贝叫做“(浅复制)浅拷贝”,换句话说,浅复制仅仅是指向被复制的内存地址,如果原地址中对象被改变了,那么浅复制出来的对象也会相应改变。 深...原创 2019-11-27 11:36:16 · 160 阅读 · 0 评论 -
PHP与MySQL
PHP PHP 后端的开发语言 在HBuilder中配置“运行”“设置web服务器”设置HTML类文件和PHP类文件为自己配置的“外置Web服务器配置”。 localhost 对应的是documentRoot那个路径(项目需要放置的位置),Apache中的httpd.conf和httpd-vhosts.conf文件。PHP语法使用语法:写在<?php ?>中,echo输...原创 2019-09-09 21:45:22 · 370 阅读 · 0 评论 -
cookie&ajax
cookie操作cookie用于存储在用户本地的一些数据 , 存储大小4k 条数在170左右 ,可设置过期时间。// 增加document.cookie = "username=admin";document.cookie = "password=abc"; // 更改,同名替换document.cookie = "username=mmh"; // 查let dc ...原创 2019-09-10 22:23:17 · 480 阅读 · 0 评论 -
Promise与跨域
Promise 异步编程的解决方案。主要是为了解决回调函数的嵌套问题(回调地狱)promise有三种状态:pending fulfilled rejected有两种状态变化:pending->fulfilled pending-rejected(注:promise的状态一旦发生改变就不再变化)let p = new Promise(function(resolve,reject)...原创 2019-09-11 21:20:14 · 1650 阅读 · 0 评论 -
闭包&继承
闭包 JavaScript中的函数会形成闭包,闭包是由函数以及创建该函数的词法环境组合形成。这个环境包含了这个闭包创建时所能访问的所有局部变量。1、每次调用执行foo函数,将foo内部从头到尾执行一遍,打印10。function foo(){ var a = 10; function bar(){ a++; console.log(a); } bar();}foo();...原创 2019-09-16 22:19:03 · 222 阅读 · 2 评论 -
设计模式及补充知识
补充1、hasOwnProperty// 判断一个属性是否是构造函数或原型对象的属性function Foo(){ this.name = "haha";} Foo.prototype.age = 20; var foo = new Foo();// 判断某一个属性是否是实例本身的属性console.log(Foo.prototype.hasOwnProperty("...原创 2019-09-18 20:31:04 · 181 阅读 · 0 评论 -
jQuery
jQuery简介 jQuery是JavaScript和query的简写, jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西( The Write Less, Do More)。 它是最常被用到的 JavaScript 库之一。优点:1、轻量级。核心文件オ几十kb,不会影响页面加载速度2、跨浏览器兼容。基本兼容了现在主流的浏览器...原创 2019-09-20 10:08:28 · 169 阅读 · 1 评论 -
node.js
node.js简介 node.js是一个基于Chrome v8引擎的javascript 运行环境。Node.js使用了一个事件驱动、非阻塞式 I/O的模型,使其轻量又高效。npmnpm : node package manager(node包管理器)npm常用命令:(1)install(2)uninstall(3)update(4)search(5)list注:一般使用之前...原创 2019-09-24 22:08:57 · 162 阅读 · 0 评论 -
git及github使用
git git是开源的分布式的版本管理工具,svn是集中式版本管理工具。 git的作用:1、管理文件的修改,备份;2、团队协同开发; 远程版本库有:GitHub 码云两种,任选一种熟悉使用即可。安装git 在官网https://git-scm.com/downloads下载安装程序,按默认选项安装即可。安装完成之后,进行git config --global user.name ......原创 2019-09-29 11:50:13 · 363 阅读 · 0 评论 -
轮播图案例
由透明度实现轮播图案例1、HTML结构,左右箭头和数字下标部分通过js添加,可以实现灵活的组件轮播图需要的部分。<div id="sliderBox"> <ul id="imgLists"> <li><img src="img/1.jpg" ></li> <li><img src="img/2....原创 2019-09-05 21:28:47 · 936 阅读 · 0 评论 -
购物车案例
购物车1、准备数据// 准备工作:把data存放到localStorage中,模拟从数据库中调出来var tvData = { "1001":{id:"1001",title:"长虹 55D5S 55英寸4K超高清",price:2099,srcImg:"img/1.jpg"}, "1002":{id:"1002",title:"创维 43*463 英寸",price:1349,srcI...原创 2019-09-05 17:36:43 · 276 阅读 · 0 评论 -
JavaScript数组及排序
数组的创建数组:有序的值的集合。通常来讲,数组中的元素类型均保持一致。数组的创建有字面量和构造函数两种方式。1、字面量:[]里面的值为数组元素;如果[]为空时,就创建一个空数组2、构造函数:没有参数时,创建一个空数组;一个参数时,表示数组的长度,元素都为empty;多个参数时,表示数组的每一项元素原创 2019-08-19 21:25:15 · 272 阅读 · 4 评论 -
DOM&BOM
BOM(Browser Object Model) 浏览器对象模型,提供了独立于页面而与浏览器本身相关的一些属性和方法,其核心对象是window。 window下有document、frames、history、location、navigator、screen等供用户使用。1、navigator对象浏览器代理检测 navigator.userAgent(1)判断浏览器类型if(s...原创 2019-08-23 09:32:52 · 319 阅读 · 0 评论 -
DOM节点及高级操作
DOM属性节点(1)attributes得到DOM属性节点(包含所有的默认属性、自定义属性的属性名和属性值)<div id="box" class="test" data="111"></div><script type="text/javascript"> var oBox = document.getElementById("box"); //查看...原创 2019-08-24 14:52:51 · 212 阅读 · 0 评论 -
ES5新增数组方法及字符串相关操作
严格模式和普通模式严格模式:规避了代码的不规范 不严谨的地方 提高了代码的安全性。“use strict” 可将该作用域变为严格模式严格模式有以下特点:1、变量声明:定义变量时,必须加var声明2、禁止使用with:var obj = { age:20}with(obj){ console.log(age);}// Strict mode code may not incl...原创 2019-08-20 21:29:32 · 432 阅读 · 5 评论 -
Math函数和Date函数与计时器
Math函数Math对象直接调用相应的属性和方法。1、对象属性,共有八个,常用的是Math.PIconsole.log(Math.PI);//3.1415926535897932、对象方法(1)三角函数(正弦 余弦等)// 方法的参数是弧度// 1度是 Math.PI/180console.log(Math.sin(Math.PI/2));(2)取整// Math.rou...原创 2019-08-21 20:19:50 · 343 阅读 · 4 评论 -
JavaScript结构及函数
JavaScript三大基本结构1、顺序结构代码从上到下,依次执行2、逻辑分支结构单分支结构:if(条件){ //statements //如果条件为真,就执行花括号里的语句}双分支结构:if(条件){ //statements //如果条件为真,就执行花括号里的语句}else{ //如果if里面的小括号条件为假,就执行else}多分支结构:if(条件){ ...原创 2019-08-16 21:27:53 · 432 阅读 · 0 评论 -
JavaScript事件
事件基础 JavaScript 事件是由访问 Web 页面的用户引起的一系列操作。 当用户执行某些操作的时候,再去执行一系列代码。或者用来获取事件的详细信息,如鼠标位置、键盘按键等。事件处理函数 javaScript可以处理的事件类型为:鼠标事件、键盘事件、HTML事件 所有的事件处理函数都会都有两个部分组成,on + 事件名称,函数体1、鼠标事件onclick 用...原创 2019-08-26 21:57:35 · 762 阅读 · 0 评论 -
正则表达式
正则表达式 是由普通字符及特殊字符(元字符)组成的对字符串进行过滤的逻辑公式。正则表达式的创建1、字面量// 以/斜杆开始和结束,中间部分为需要匹配的字符串var reg = /abc/;2、构造函数// 构造函数中第一个参数为需要匹配的字符串var reg1 = new RegExp("abc");正则表达式的方法1、test()是正则表达式的方法返回一个布尔值,如果...原创 2019-08-28 21:09:52 · 427 阅读 · 2 评论 -
ES6及babel转换
ES6简介 ES6又称ES2015,在之前的版本基础上增加了新的特性,并不是独立于之前的版本存在。node安装 babel配置 在Node.js的官网https://nodejs.org/en/可下载适合自己电脑版本的node,安装全程点next,直到finish。 在命令行窗口输入node -v,如果出现版本号,说明node安装成功。由于ES6新增特性可能在低版本浏览器会出现运行...原创 2019-08-29 21:27:30 · 883 阅读 · 0 评论 -
JavaScript运动函数
DOM对象在页面中的运动效果 DOM对象在页面中有位置(left/top)、宽高(width/height)、透明度(opacity)等属性的变化。封装一个适用的运动函数,使用时只需引入即可。封装的运动函数 封装的运动函数,存放在startMove.js文件中,使用时只需引入到当前页面。// 获取样式的兼容性代码/** * domobj 指dom对象 * attr 指要获得属性名...原创 2019-08-31 09:43:18 · 245 阅读 · 0 评论 -
JavaScript面向对象
面向对象思想OOP(面向对象编程) Object Oriented Programming面向对象的思想就是谁去做,所有的事丢给对象去处理,操作对象,首先需要创建对象。是将数据和数据的操作集中在一起,向外暴露需要的接口。创建对象的几种方式1、字面量方式 优点:直观简洁 缺点:代码冗余let student1 = { name:"mmh", age:20, sayHello...原创 2019-09-02 20:21:45 · 159 阅读 · 0 评论 -
综合案例
星星评分 主要思想:鼠标移到某个小星星上,该小星星及它左边的小星星被点亮;如果没有星星被点击,鼠标移出时,所有的小星星变灰,如果有星星被点亮,移出时,点击的小星星及它左边的小星星被点亮;鼠标点击某个小星星时,确定索引值及改变flag的值。1、HTML结构<!-- 设置五个li,背景图片为小星星 --><ul id="starLists"> <li>&...原创 2019-09-04 21:28:01 · 213 阅读 · 0 评论 -
JavaScript基础
JavaScript概念 JavaScript是基于对象和事件驱动,并具有安全性能的客户端脚本语言。 由ECMAScript核心+DOM(文档对象模型)+BOM(浏览器对象模型)三部分组成。编写JS及如何运行JS1.在HTML普通标签中直接写入JS代码<input type="button" id="btn" value="点我" onclick="alert('hello w...原创 2019-08-13 17:38:44 · 166 阅读 · 0 评论