![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
Pandora_417
以码为梦,不负韶华
展开
-
五个简答题
1、css外部文件引用1、直接在div中使用css样式制作div+css网页2、直接在header 里面写css3、使用@import引用外部CSS文件4、使用link引用外部CSS文件2、 Cookie 和 Session 有什么区别什么是 Cookie?HTTP Cookie(也叫 Web Cookie或浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,原创 2021-07-23 09:31:17 · 99 阅读 · 1 评论 -
BOM 之常用 API
BOM 之常用 API ?navigator:window 中封装浏览器属性和配置信息的对象cookieEnabled:识别浏览器是否启用 cookie,返回值 true/falseuserAgent:保存了浏览器名称和版本的字符串plugins:保存浏览器中所有插件信息的集合,每个 plugin 对象的 name 属性保存了插件的名称screen:保存显示屏信息的对象history:保存窗口的历史记录栈location:指代当前窗口正在访问的 url 地址对象location.href:保原创 2021-07-21 11:05:19 · 338 阅读 · 0 评论 -
element document Array Math
// element.className// element.classList// element.classList.add// element.classList.remove// element.getAttribute// element.setAttribute// element.innerHTML// element.insertBefore// element.parentNode// document.querySelector// document.querySel原创 2021-07-21 09:39:28 · 112 阅读 · 0 评论 -
04——Vue+Webpack打造todo应用(webpack配置优化)
一、css分离单独打包由于css文件会被打包成js文件,所以要安npm i extract-text-webpack-plugin插件这个插件能帮助我们把非js文件打包成静态资源文件然后在webpack.config.js里面引入const ExtractPlugin = require('extract-text-webpack-plugin')extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;use: 指原创 2020-10-30 17:11:41 · 220 阅读 · 0 评论 -
localStorage存储数组以及取数组方法
一个简单的例子var weekArray = ['周一','周二','周三','周四','周五']存:localStorage.setItem('weekDay',JSON.stringify(weekArray));取: weekArray = JSON.parse(localStorage.getItem('weekDay'));频繁ajax请求导致页面响应变慢。于是考虑将数据存...原创 2020-10-30 10:52:30 · 7516 阅读 · 0 评论 -
闭包 & reduce & 非父子组件传值 & flex布局
一、闭包二、reduce函数三、v-on="$attrs v-bind="$listens"原创 2020-10-27 14:58:28 · 241 阅读 · 0 评论 -
JS
好久没用都忘了,再来复习复习!JavaScript语言中共有几种基本类型什么是原型什么是闭包什么是原型链,作用域链js只有函数作用域,没有块作用域该怎么理解原创 2020-05-30 19:44:51 · 130 阅读 · 0 评论 -
基础知识+正则表达式
在 JavaScript 中有 5 种不同的数据类型:stringnumberbooleanobjectfunction3 种对象类型:ObjectDateArray2 个不包含任何值的数据类型:nullundefined请注意:NaN 的数据类型是 number数组(Array)的数据类型是 object日期(Date)的数据类型为 objectnull ...原创 2019-04-02 17:46:37 · 149 阅读 · 0 评论 -
javascript使用误区
1、赋值运算符应用错误在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。if 条件语句返回 false (是我们预期的)因为 x 不等于 10:var x = 0;if (x == 10) 2、加法与连接注意事项加法是两个数字相加。连接是两个字符串连接。JavaScrip...原创 2019-04-02 17:57:07 · 102 阅读 · 0 评论 -
JavaScript 验证 API
JavaScript 验证 API一、约束验证 DOM 方法:checkValidity() 如果 input 元素中的数据是合法的返回 true,否则返回 false。setCustomValidity()设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的方法。使用 setCustomValidity 设置了自定义提示后,validity....原创 2019-04-02 18:03:37 · 145 阅读 · 0 评论 -
谷歌浏览器插件(jsonview)的下载与安装
1、下载地址:https://github.com/gildas-lormeau/JSONView-for-Chrome2、解压压缩包3、打开谷歌浏览器的扩展程序界面方法如下:4、加载JsonView扩展程序选中开发者模式,点击【加载已解压的扩展程序…】,选择插件目录点击确定就加载成功了,安装好的界面如下...原创 2019-07-23 14:58:30 · 296 阅读 · 0 评论 -
Javascript基础
先挂几本好书,O’Reilly出本社出版的《数据结构与算法JavaScript描述》,《学习JavaScript数据结构与算法》(第2版)。javascript面向对象编程创建一个普通对象有两种方式:第一种:var obj = new Object();第二种:var obj= {};在面向对象编程(OOP)中,对象是类的实例。 function Book(title,page,...原创 2019-07-27 15:55:23 · 89 阅读 · 0 评论 -
isChecked()方法
这个方法是用于复选框的。即CheckBox对象。区分CheckBox是否被选中,isChecked有两种返回值:1 当CheckBox对象的复选框被选中时,isChecked()返回true,即1;2 当CheckBox对象的复选框没有被选中时,isChecked()返回false,即0....原创 2019-08-15 16:07:20 · 19088 阅读 · 0 评论 -
JavaScript 求两个数组的交集,并集,差集,去重
文章目录1.差集2.交集3.并集4.去重a = [1, 2, 3],b = [2, 4, 5]1.差集(a-b 差集:属于a但不属于b的集合)a-b=[1,3],b-a=[4,5]filter + includes// 差集let difference = a.concat(b).filter(v => !a.includes(v) ) Set + Array.fro...原创 2019-08-19 15:30:25 · 786 阅读 · 0 评论 -
原型和原型链&apply bind call
原型和原型链&apply bind call一、原型和原型链二、apply bind callconsole.log(foo.getX.bind(obj)()); //81console.log(foo.getX.call(obj)); //81console.log(foo.getX.apply(obj)); //81三个输出的都是81,但是注意看使用 bin...原创 2019-09-24 21:00:16 · 158 阅读 · 0 评论 -
JS响应事件整理
JS响应事件整理javascript事件列表解说原创 2019-03-10 09:50:34 · 1013 阅读 · 0 评论 -
关于json和Ajax
今天周一,记一些思路和感想吧!上周要写的功能是根据json数据遍历渲染出众多保险,如下图:$(document).ready(function() { var elem = ' '; $.ajax({ type: "GET", //方式 url: "http://localhost/cms/content/ins...原创 2019-08-12 14:22:31 · 178 阅读 · 0 评论 -
JS获取URL中参数
js对文字进行编码涉及3个函数:escape()函数可对字符串进行编码encodeURI()函数可把字符串作为 URI 进行编码encodeURIComponent()函数可把字符串作为 URI 组件进行编码。encodeURIComponent() 函数 与 encodeURI() 函数的区别之处:前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 enco...原创 2019-08-09 15:56:29 · 115 阅读 · 0 评论 -
闭包
闭包原创 2019-04-10 14:01:26 · 141 阅读 · 0 评论 -
原型和原型链
前言与大部分面向对象语言不同,ES6之前中并没有引入类(class)的概念,JavaScript并非通过类而是直接通过构造函数来创建实例。在介绍原型和原型链之前,我们有必要先复习一下构造函数的知识。一、构造函数构造函数模式的目的就是为了创建一个自定义类,并且创建这个类的实例。构造函数模式中拥有了类和实例的概念,并且实例和实例之间是相互独立的,即实例识别。构造函数就是一个普通的函数,创建方...转载 2019-04-10 10:02:35 · 96 阅读 · 0 评论 -
一、JavaScrip设计模式
JavaScrip设计模式一、JavaScrip设计模式简介定义:设计模式是一套被反复使用、思想成熟、经过分类和无数实战设计经验而总结的。作用:使用设计模式是为了让系统代码可重用、可扩展、可解耦、更容易被人理解、还能保住代码可靠性。(代码复用、增加可维护性)原则:开闭原则:对扩展开放,对修改关闭里市转换原则:子类继承父类,单独调用完全可以依赖倒转原型:引用一个对象,如果这个对象有底...原创 2019-04-24 09:37:33 · 132 阅读 · 0 评论 -
二、JavaScrip设计模式之单例模式
二、JavaScrip设计模式之单例模式单例模式的定义:是产生一个类的唯一实例,但js本身是一种“无类”语言。很多实现方法一般是先判断实例存在与否,如果存在直接返回,确保一个类只有一个实例对象。在JavaScript里,单例作为一个命名空间提供者,从全局命名空间里提供一个唯一的访问点来访问对象。作用:模块间通信系统中某个类的对象只能存在一个保护自己的属性和方法注意事项:注意th...原创 2019-04-24 09:40:30 · 116 阅读 · 0 评论 -
三、JavaScript设计模式之构造函数模式
一、构造函数模式概念构造函数用于创建特定类型的对象——不仅声明了使用过的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数,然后在里面声明自定义类型对象的属性或方法。在JavaScript里,构造函数通常是认为用来实现实例的,JavaScript没有类的概念,但是有特殊的构造函数。通过new关键字来调用自定义的构造函数,在构造函数内部,this关键...原创 2019-04-24 10:37:10 · 222 阅读 · 0 评论 -
四、JavaScript设计模式之建造者模式
四、JavaScript设计模式之建造者模式一、建造者模式模式概念建造者模式可以将一个复杂的对象的构建与其表示相分离,使得同样的构建过程可以创建不同的表示。也就是说如果我们用了建造者模式,那么用户就需要指定需要建造的类型就可以得到它们,而具体建造的过程和细节就不需要知道了。建造者模式实际就是一个指挥者,一个建造者,一个使用指挥者调用具体建造者工作得出结果的客户。建造者模式主要用于“分步骤构建...原创 2019-04-24 10:38:48 · 181 阅读 · 0 评论 -
五、JavaScript设计模式之工厂模式
五、JavaScript设计模式之工厂模式一、工厂模式概念工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型(抽象工厂)。这个模式十分有用,尤其是创建对象的流程赋值的时候,比如依赖于很多设置文件等。并且,你会经常在程序里看到工厂方法,用于让子类定义需要创建的对象类型。二、工厂模式的...原创 2019-04-24 10:40:12 · 217 阅读 · 0 评论 -
七、JavaScript设计模式之代理模式
七、JavaScript设计模式之代理模式一、代理模式概念代理,顾名思义就是帮助别人做事,GoF对代理模式的定义如下:代理模式(Proxy),为其他对象提供一种代理以控制对这个对象的访问。代理模式使得代理对象控制具体对象的引用。代理几乎可以是任何对象:文件,资源,内存中的对象,或者是一些难以复制的东西。解释:房屋中介,可以代理帮助卖家把房子卖给买家,这中间卖家说要卖的价钱就可以了,买家也可...原创 2019-04-24 10:44:24 · 141 阅读 · 0 评论 -
十、JavaScript设计模式之命令模式
十、JavaScript设计模式之命令模式一、命令模式概念命令模式(Command)的定义是:用来对方法调用进行参数化处理和传送,经过这样处理过的方法调用可以在任何需要的时候执行。也就是说该模式旨在将函数的调用、请求和操作封装成一个单一的对象,然后对这个对象进行一些列的处理。他也可以用来消除调用操作的对象和实现操作的对象之间的耦合。这为各种具体的类的更换带来了极大的灵活性。二、命令模式的作用...原创 2019-04-24 10:45:45 · 127 阅读 · 0 评论 -
JS跨页面传值
<script> $(document).ready(function() { var proId = location.search.substring(1, location.search.length).split('=')[1]; var elem_ins = ''; var elem_clause = ''; ...原创 2019-08-10 17:27:18 · 546 阅读 · 0 评论 -
Js 对象依据Key获取值如何做?及遍历结果相同
Js 对象依据Key获取值如何做?for(var person in Status){ if(Status[person].id === '10') //这里可以访问Status[person].text }原创 2019-08-21 15:07:24 · 539 阅读 · 0 评论 -
数组中出现__ob__: Observer无法取值,及批量出现getter&setter的情况
将返回的数据data先转换为JSON字符串形式,然后再从字符串形式转换成JSON格式JSON.parse(JSON.stringify(data))。但还有一些其他问题 vue的原型是object,于是就在ajax里在引一层数据,最后传给vue里面的data好了。关键代码如下 var vue = new Vue({ el: "#app", ...原创 2019-08-16 15:14:42 · 1870 阅读 · 0 评论 -
在线jquery.min.js引用
jQuery:<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"><...原创 2019-07-23 17:27:14 · 1340 阅读 · 0 评论 -
关于location
LocationLocation 接口表示其链接到的对象的位置(URL)。所做的修改反映在与之相关的对象上。 Document 和 Window 接口都有这样一个链接的Location,分别通过 Document.location和Window.location 访问。属性Location 接口不继承任何属性,但是实现了那些来自 URLUtils 的属性。Location.href包含整...原创 2019-08-06 16:36:58 · 234 阅读 · 0 评论 -
作用域和作用域链
作用域和作用域链转载 2019-04-10 13:27:03 · 204 阅读 · 0 评论