2021年3月10日
搞清楚原型链
摘要： 前提须知（敲黑板）. JavaScript内置对象 内置对象指的是：JavaScript本身就自己有的对象，可以直接拿来就用。例如Array String 等等。JavaScript一共有12内置对象 (1).其中10个函数类型( String,Number,Boolean,Array,Functi 阅读全文
posted @ 2021-03-10 10:07 天午正阳 阅读(42) 评论(0) 推荐(0) 编辑
数组的方法总结（夯实基础啊）
摘要： 数组常用方法：push()、pop()、shift()、unshift()、slice()、splice()、concat()、toString()、join()、reverse()、sort()、map()、forEach()、filter()、every()、some()、Array.isArr 阅读全文
posted @ 2021-03-10 10:05 天午正阳 阅读(58) 评论(0) 推荐(0) 编辑
2021年3月7日
前端战五渣学前端——跨域
摘要： 跨域（Cross-Origin） 这几年的工作、面试中，还遇到一个不能回避的问题，那就是跨域，一般面试的时候会问你‘怎么解决跨域问题’，‘跨域是什么’，‘为什么会有跨域’等类似的问题。前段时间后端大佬又弄服务器什么正向、反向代理，就又想到了跨域的问题，所以今天就总结一下前端在跨域问题中怎么解决 总结 阅读全文
posted @ 2021-03-07 12:51 天午正阳 阅读(63) 评论(0) 推荐(0) 编辑
2021年3月4日
CSS3学习笔记
摘要： 最近在学习css3，以下是我在学习过程中，边学编写的一个demo。刚学的知识容易忘掉，所以写下这篇博客便于以后回顾查看，同时也是对所学知识的输出总结。本篇博客只是我在学习过程的模仿练习，参考了网上其他很优秀的博客都有链接，特别感谢菜鸟教程。 之前是太懒了，每次学习新知识不知道总结，遇到不会的问题就上 阅读全文
posted @ 2021-03-04 14:12 天午正阳 阅读(44) 评论(0) 推荐(0) 编辑
2021年3月1日
Vue工程化入口文件main.js中Vue.config.productionTip = false含义
摘要： 阻止启动生产消息，常用作指令。通俗理解为消息提示的环境配置。 阻止启动生产消息 這又是什麽意思? 看下效果 （1）Vue.config.productionTip = false （2）Vue.config.productionTip = true 感覺多了一行信息 小结： 开发环境下，Vue 会提 阅读全文
posted @ 2021-03-01 16:43 天午正阳 阅读(134) 评论(0) 推荐(0) 编辑
2021年2月28日
CSS选择器有哪几种？举例轻松理解CSS选择器
摘要： CSS选择器汇总（清爽版） 1、元素选择器 标签名{ } 2、id选择器 #id属性值{ } 3、类选择器 ·class属性值{ } 4、选择器分组（并集选择器） 作用：通过它可以同时选中多个选择器对应的元素（通常用于集体声明） 语法：选择器1，选择器2，选择器n{ } 5、复合选择器（交集选择器） 阅读全文
posted @ 2021-02-28 12:42 天午正阳 阅读(475) 评论(0) 推荐(0) 编辑
css选择器优先级顺序
摘要： 一、选择器的优先级排序 1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式，在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自定义属性和继承 阅读全文
posted @ 2021-02-28 12:40 天午正阳 阅读(438) 评论(0) 推荐(0) 编辑
项目开发中会遇到的环境
摘要： 一、开发环境：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意， 为了开发调试方便，一般打开全部错误报告。通俗的讲，项目尚且在编码阶段，我们的代码一般在开发环境中，不会在生产环境中，生产环境组成：操作系统 ，web服务器 ，语言环境。 二、测试环境：一般是克隆一份生产环境的配置，一个程序在测 阅读全文
posted @ 2021-02-28 12:08 天午正阳 阅读(184) 评论(0) 推荐(0) 编辑
vue中Axios的封装和API接口的管理
摘要： 一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-r 阅读全文
posted @ 2021-02-28 11:28 天午正阳 阅读(187) 评论(0) 推荐(0) 编辑
2021年2月27日
如何配置Webpack/Vue-CLI实现前端跨域（附跨域大全）
摘要： 背景 作为一个前端工程师，跨域是无论如何都绕不过的问题，在我有限的工作经历中，接触最多的还是vue和webpack，如何配置跨域着实让我抓耳挠腮了好一阵，好在大大小小的坑都踏过了，写一篇文章总结下，让自己印象深刻的同时，希望也能帮助到有同样困惑的小伙伴，在前端的道路上走的更加稳健~Fight~ 本文 阅读全文
posted @ 2021-02-27 21:04 天午正阳 阅读(491) 评论(0) 推荐(0) 编辑
前端面试几个重要知识点
摘要： 前端面试几个重要知识点 分类 编程技术 1、 viewport <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable= 阅读全文
posted @ 2021-02-27 20:36 天午正阳 阅读(81) 评论(0) 推荐(0) 编辑
js常用函数
摘要： 常用 JS 函数 各种业务开发都离不开对数据的处理，然而遇到的很多数据都是不好处理的。这个时候就需要寻求搜索引擎的帮助。这种方法效率是非常低下的，而且根据作者的个性不能保证其对自己的口味。因此这篇文字包含了一份 JS 常用业务函数手册，例如时间格式的处理、用的是哪个手机浏览器，手机号、邮箱的验证，以 阅读全文
posted @ 2021-02-27 20:30 天午正阳 阅读(148) 评论(0) 推荐(0) 编辑
JS中的枚举和不可枚举
摘要： 一、枚举是什么 枚举指对象的属性是否可以遍历出来，简单点说就是是否可以被列举出来。可枚举性决定了这个属性能否被for…in查找遍历到。 js中基本包装类型的原型属性是不可枚举的，比如： 基本包装类型：Boolean,Number和String，就是即是基本类型，也是引用类型。基本包装类型还可以像引用 阅读全文
posted @ 2021-02-27 18:08 天午正阳 阅读(709) 评论(0) 推荐(0) 编辑
可配置性属性和不可配置性属性
摘要： 全局var的属性,一旦经历了var的操作所得到的的属性,成为window上的属性,这种属性叫做不可配置性属性,不可配置的属性,delete不掉可删除: 不可删除: 阅读全文
posted @ 2021-02-27 18:01 天午正阳 阅读(158) 评论(0) 推荐(0) 编辑
Object.create()和深拷贝
摘要： 语法：Object.create(proto, [propertiesObject])//方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。 参数： proto : 必须。表示新建对象的原型对象，即该参数会被赋值到目标对象(即新对象，或说是最后返回的对象)的原型上。该参数可以是nul 阅读全文
posted @ 2021-02-27 17:55 天午正阳 阅读(321) 评论(0) 推荐(0) 编辑
JavaScript 中 call()、apply()、bind() 的用法
摘要： JavaScript 中 call()、apply()、bind() 的用法 分类 编程技术 其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！ 先看明白下面： 例 1 obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 shows( 阅读全文
posted @ 2021-02-27 16:29 天午正阳 阅读(39) 评论(0) 推荐(0) 编辑
从深入到通俗：Object.prototype.toString.call()
摘要： 一、Object.prototype.toString() 的调用 对于 Object.prototype.toString() 方法，会返回一个形如 "[object XXX]" 的字符串。 如果对象的 toString() 方法未被重写，就会返回如上面形式的字符串。 ({}).toString( 阅读全文
posted @ 2021-02-27 16:24 天午正阳 阅读(312) 评论(0) 推荐(0) 编辑
2021年2月24日
js原生实现三级联动下拉菜单
摘要： js代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>三级联动</title> <style> select{ width:150px; height:35px;} </style> </head> <body> <sel 阅读全文
posted @ 2021-02-24 11:58 天午正阳 阅读(691) 评论(0) 推荐(0) 编辑
2021年2月23日
如何理解JavaScript的原型和原型链？
摘要： JavaScript的特点JavaScript是一门直译式脚本语言，是一种动态类型、基于原型的语言。 JavaScript的灵活性不亚于C++，你可以使用JavaScript尝试不同的程序设计范型。比如类jQuery风格的函数式编程、基于过程的指令式编程、以及基于原型的面向对象编程。不同于Java、 阅读全文
posted @ 2021-02-23 09:23 天午正阳 阅读(115) 评论(0) 推荐(0) 编辑
三个等号和两个等号的区别（“===”和“==”）
摘要： 1、 ：称为等同符，当两边值的类型相同时，直接比较值，若类型不相同，直接返回false； 2、==：称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值，再进行比较； 类型转换规则：1）如果等号两边是boolean、string、number三者中任意两者进行比较 阅读全文
posted @ 2021-02-23 09:21 天午正阳 阅读(420) 评论(0) 推荐(0) 编辑
从输入URL到页面加载的全过程
摘要： 概述 从输入URL到页面加载的主干流程如下： 1、浏览器构建HTTP Request请求 2、网络传输 3、服务器构建HTTP Response 响应 4、网络传输 5、浏览器渲染页面 构建请求 1、应用层进行DNS解析 通过DNS将域名解析成IP地址。在解析过程中，按照浏览器缓存、系统缓存、路由器 阅读全文
posted @ 2021-02-23 09:19 天午正阳 阅读(784) 评论(0) 推荐(0) 编辑
2021年2月22日
jQuery-入口函数，$冲突问题
摘要： jQuery-入口函数，$冲突问题 原生js和jQuery加载模式不同 原生js会等DOM加载完成，图片等资源也加载完成再执行； jQuery会等DOM加载完成，但不会等图片等资源加载完成就会执行。 多个入口函数 原生js如果编写了多个入口函数，后面编写的会覆盖前面编写的。 window.onloa 阅读全文
posted @ 2021-02-22 16:51 天午正阳 阅读(85) 评论(0) 推荐(0) 编辑
jQuery静态方法（each、map、isFunction, isWindow, isArray, .trim(), .holdReady()）
摘要： 添加js的静态方法和实例方法 - 1.定义一个类 - 2.给这个类添加一个静态方法：直接添加给类的就是静态方法.结晶态方法直接通过类调用. - 3.给这个类添加一个实例方法：在类的原型上添加.实例方法通过类的实例调用,创建一个实例(创建一个对象) //1.定义一个类 function AClass( 阅读全文
posted @ 2021-02-22 16:50 天午正阳 阅读(56) 评论(0) 推荐(0) 编辑
JS预编译
摘要： JS预编译 js运行三部曲 语法分析 预编译 解释执行 ** 预编译 ** 预编译发生在函数执行前的一刻。 简单现象：函数声明整体提升, 变量 声明提升（定义赋值不提升） ** 预编译过程（四部曲）：**1.创建AO对象（Activated Object）（执行期上下文）2.找形参和变量声明，将变量 阅读全文
posted @ 2021-02-22 16:43 天午正阳 阅读(59) 评论(0) 推荐(0) 编辑
js函数、作用域、作用域链、闭包、立即执行函数
摘要： 1.函数 定义 1.函数声明 function test(){函数体}; 2.函数表达式： - 命名函数表达式 - ```java var fn = function test(){}; （匿名）函数表达式 var fn = function(){}; #### 组成形式 1.函数名称 2.参数（形 阅读全文
posted @ 2021-02-22 16:42 天午正阳 阅读(86) 评论(0) 推荐(0) 编辑
js原型、原型链、call/apply
摘要： js原型、原型链、call apply 原型 1.定义：原型是function对象的一个属性，它定义了构造函数构造出的对象的共同祖先，通过这个构造函数创建的对象可以继承该原型的属性和方法。原型也是对象。2.利用原型的特点和概念，可以提取共有属性。3.对象如何查看原型:隐式属性 .proto4.对象如 阅读全文
posted @ 2021-02-22 16:41 天午正阳 阅读(59) 评论(0) 推荐(0) 编辑
js继承模式、命名空间、对象枚举
摘要： 继承模式 继承发展史 1、传统形式--原型链 过多的继承了没用的属性 2、借用构造函数 不能继承借用构造函数的原型 每次构造函数要多走一个函数 3、共享原型 不能添加自己原型的自定义属性，会把共享原型的对象的原型的属性也更改。 4、圣杯模式 //1.原型链 Grand.prototype.lastN 阅读全文
posted @ 2021-02-22 16:39 天午正阳 阅读(78) 评论(0) 推荐(0) 编辑
js-arguments
摘要： js-arguments arguments arguments是函数执行时的一个对象，用开存储传进函数的参数，下标从0开始存储。arguments是对象，不是Array，但它有点类似Array，它不具备除了length之外的其他方法。 callee：arguments对象的一个属性。1）它用来指向 阅读全文
posted @ 2021-02-22 16:37 天午正阳 阅读(59) 评论(0) 推荐(0) 编辑
js-克隆(浅克隆 & 深克隆）
摘要： js-克隆 浅克隆 浅克隆的对象的引用值是拷贝对象里的引用，这两个对象里面的引用（如对象里的数组或者内嵌对象）指向的地方是一致的。 var obj = { name:"chen", age:18, gender:"female", card:['visa','cb'], wife:{ name:'a 阅读全文
posted @ 2021-02-22 16:36 天午正阳 阅读(78) 评论(0) 推荐(0) 编辑
js-数组、类数组
摘要： js-数组 数组的定义 new Array(length/content) 字面量 区别：当只传一个参数时，new Array会把参数当成是长度，即创建一个限定长度的值为undefined的数组；字面量则认为这一个参数是数组第一个元素。 //数组的定义 var arr = [1,2,3];//数组字 阅读全文
posted @ 2021-02-22 16:34 天午正阳 阅读(99) 评论(0) 推荐(0) 编辑
js-try catch、ES5.0严格模式
摘要： js-try catch、ES5.0严格模式 try...catch try{}catch{}finally{},用以捕捉错误而不影响后面代码的执行。即try里面的代码如果报错了，不会影响try catch后面代码块的执行。 try{ console.log('a');//a console.log 阅读全文
posted @ 2021-02-22 16:33 天午正阳 阅读(80) 评论(0) 推荐(0) 编辑
js-DOM
摘要： js-DOM DOM定义 DOM -- Document Object Model DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。也有人称DOM对象是对HTML及XML的标准编程接口。 DOM基本操作 节点的类型 节点名 阅读全文
posted @ 2021-02-22 16:31 天午正阳 阅读(43) 评论(0) 推荐(0) 编辑
js-定时器（setInterval, setTimeout）
摘要： js-定时器（setInterval, setTimeout) setInterval() 表示没间隔一定时间执行一次函数 清除方法：clearInterval(timer) var cnt = 0; var timer = setInterval(function(){ cosole.log(cn 阅读全文
posted @ 2021-02-22 16:30 天午正阳 阅读(543) 评论(0) 推荐(0) 编辑
js-获取DOM尺寸、位置
摘要： 获取DOM尺寸、位置 查看滚动条的滚动位置 window.pageXOffset / window.pageYOffset(IE8及其以下版本不支持) document.body/documentElement.scrollLeft/scrollTop 兼容性比较混乱，使用时通常取两个属性值相加，因 阅读全文
posted @ 2021-02-22 16:29 天午正阳 阅读(130) 评论(0) 推荐(0) 编辑
js-脚本化CSS
摘要： 脚本化CSS 1.读写CSS属性 domEle.style.prop 可读写行间样式，没有兼容性问题；像float这样的关键字属性应在前面加css。 float --> cssFloat； 复合属性必须拆解，组合单词采用小驼峰式写法 写入值必须是字符串格式 2.查询计算样式 window.getCo 阅读全文
posted @ 2021-02-22 16:28 天午正阳 阅读(40) 评论(0) 推荐(0) 编辑
js-JSON, js异步加载
摘要： 1. JSON json是一种传输数据的格式（以对象为样板，本质上就是对象，但用途有区别，对象是本地的，JSON是用于传输的。 JSON.parse();//string --> json JSON.stringify();//json --> string 2. 页面渲染 randerTree = 阅读全文
posted @ 2021-02-22 16:27 天午正阳 阅读(152) 评论(0) 推荐(0) 编辑
js-正则表达式
摘要： 参考正则表达式教程 正则表达式 作用： 对字符串执行模式匹配，匹配特殊字符或有特殊搭配原则的字符。 创建方式 直接量:/expression/gim;-->两个斜杠中间书写正则表达式，右边的i代表ignore case忽略大小写；g代表全局匹配；m代表多行匹配模式。 new RegExp(patte 阅读全文
posted @ 2021-02-22 16:25 天午正阳 阅读(55) 评论(0) 推荐(0) 编辑
js-事件
摘要： 1.什么是事件 HTML页面与JS之间的交互时通过事件来完成的。事件，就是文档与浏览器窗口发生的一些特定的交互瞬间。可以使用侦听器（处理程序）来预订事件，以便事件发生时执行相应的程序代码。 2.如何绑定事件 elem.onxxx = function(event){}； 兼容性很好，但是一个元素只能 阅读全文
posted @ 2021-02-22 16:23 天午正阳 阅读(65) 评论(0) 推荐(0) 编辑
JS对象、包装类
摘要： 属性的增、删、改、查 增加属性：ojb.newProp = “what";删除属性：delete ojb.Prop 对象的创建方法 var obj = {} plainObject 对象字面量/对象直接量 构造函数1）系统自带的构造函数 new Object（）2）自定义构造函数。构造函数结构上和函 阅读全文
posted @ 2021-02-22 16:22 天午正阳 阅读(45) 评论(0) 推荐(0) 编辑
js刷题网站
摘要： codewars.com https://leetcode-cn.com/ 牛客网：https://www.nowcoder.com/intelligentTest 阅读全文
posted @ 2021-02-22 16:03 天午正阳 阅读(588) 评论(0) 推荐(0) 编辑