跨域和解决方案:JSONP绕过实现,CORS绕过介绍
题目
什么是跨域？
JSONP
CORS(服务端支持)
知识点
同源策略
跨域解决方案
同源策略
ajax请求的时候，浏览器基于安全的需求要求当前网页和server端必须同源
同源:协议，域名，端口，三者必须一致。前端页面请求：http: a.com;请求API:https: b...[2021/1/4]
JS面试题总结
1. JS 有哪些数据类型？
根据 JavaScript 中的变量类型传递方式，分为基本数据类型和引用数据类型两大类七种。
基本数据类型包括Undefined、Null、Boolean、Nu...[2021/1/4]
JavaScript--总结三（数组和函数）
数组
数组的概念：
将多个元素（通常是同一类型）按照一定顺序排列放到一个集合中，这个集合称之为数组---简（一组有序的数据）
数组的作用：可以一次性存储多个数据
数组的定义：
1.通过构造函数创建数组
语法：
var 数组名=new Array();
var array=new A...[2021/1/4]
JavaScript设计模式
设计模式简介：
设计模式是可重用的用于解决软件设计中一般问题的方案。设计模式如此让人着迷，以至在任何编程语言中都有对其进行的探索。
其中一个原因是它可以让我们站在巨人的肩膀上，获得前人所有的经验，保证我们以优雅的方式组织我们的代码，满足我们解决问题所需要的条件。
设计模式同样也为我们...[2021/1/4]
JavaScript(五)-循环
循环样式
* for( ① ; ② ; ③ ){
* ④
* }
*
* ①：定义变量
* ②：判断条件（条件为真，继续循环，为假则退出循环）
* ③：变量的变化
*
* ④：若干行循环代码
*
* 1...[2021/1/4]
小tips：使用JSON.parse(JSON.stringify(object))实现深拷贝的局限及扩展
使用JSON.parse(JSON.stringify(object))实现深拷贝局限
大部分情况我们都可以使用JSON.parse(JSON.stringify(object))来实现深拷贝，但该方法也有局限性，如下：
会忽略 undefined
会忽略 symb...[2020/12/28]
蒲公英 · JELLY技术周刊 Vol.35: Flash 四宗罪？蒲公英 · JELLY技术周刊 Vol.35: Flash 四宗罪？
蒲公英 · JELLY技术周刊 Vol.35
Flash 曾是 Web 迈向新世代的福音书，它为这个世界带来了缤纷色彩，但也如伊甸园的苹果，闪耀着智慧的光芒，却四灾随行。诞生 1995 年至今 25 年，这个潘多拉魔盒终于要被人们关上并尘封入土，然以史为鉴可知兴替，flash 缘起...[2020/12/28]
jq绑定事件
<div style="width:100px;height:100px;border:1px solid red;overflow:auto;" id="box">
<div style="width:50px;height:50px;bo...[2020/12/28]
window.parent、window.top、window.self
在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口。
1.window.parent
功能：返回父窗口。
语法：window.parent
示例：
比如我们在使...[2020/12/28]
每天学一点ES6（一）开始
最近学习vue，发现很多用法都不会了，虽然照猫画虎可以跑起来，但是总感觉很朦胧，是是而非的感觉不太好。
听说这些都是ES6的用法，所以决定要学习一下ES6
ES6
全称：ECMASctipt 6
简称：ES6
是JavaScript语言的下一代标准（前一代标准是ES 3 吗？），...[2020/12/28]
js隐式类型转换 - angle-xiu
隐式类型转化
四则运算
加法运算符+是双目运算符，只要其中一个是String类型，表达式的值便是一个String。
eg:
var a = 2 + ''3'' ''23''
对于其他的四则运算，只有其中一个是Number类型，表达式的值便是一个Number。
eg...[2020/12/28]
node之path模块
#naviContainer { display: inline-block !important; position: fixed !important }
#navi { position: relative !important; left: calc(-1 * 100%) !imp...[2020/12/28]
axios前端加密通讯的处理
axios前端加密通讯的处理
今天谈一谈前段时间，项目中遇见的前端axios加解密的处理。
先谈谈项目前景，因为安全的要求，所以我们要把前端所有的请求都得加密与服务端应用进行通讯，当然服务端的响应也是加密的，前端也需要对应得解密。
一、拦截器InterceptorManager
遇见...[2020/12/28]
凹凸实验室的过去与未来
作者：凹凸曼
凹凸实验室隶属于京东零售用户体验设计部（JDC），成立于 2015 年秋冬之交，诞生自深圳前海之滨，至今已走过 5 个年头，5 年的时光穿梭而过，凹凸实验室也不断发展壮大，从曾经专注前端的团队成长为如今涵盖前后端、全栈、算法、测试各类方向的全能型研发团队，工作模式也...[2020/12/28]
凹凸技术揭秘·羚珑智能设计平台·逐梦设计数智化凹凸技术揭秘·羚珑智能设计平台·逐梦设计数智化
作者：凹凸曼 - 羚珑
1、简介
羚珑智能设计平台是由京东零售集团用户体验设计部打造的在线设计设计服务平台，专注于泛零售领域的设计，帮助客户解决日常经营过程中所碰到的各类设计需求，例如商品上新时的商品主图视频、各种节日大促时的商品主图更新，还有直播带货场景时所需要的各种设计物料等等。
...[2020/12/28]
理解js闭包9大使用场景
1.返回值（最常用）
1.返回值 最常用的
function fn(){
var name="hello";
return function(){
return name;
}
}
var fnc = fn();
console.log(f...[2020/12/28]
第五章 UI层松耦合
UI层松耦合
当你能够做到修改一个组件而不需要去更改其他组件时，你就做到了松耦合。对于多人大型系统来说，很多人参与维护代码，松耦合对于代码可维护性来说至关重要。你绝对希望开发人员在修改某部分代码时不会破环其他人的代码。
当一个大系统的每个组件的内容有了限制，就做到了松耦合。本质上讲，每...[2020/12/28]
第六章 零全局变量
避免使用全局变量
一般来讲，创建全局变量被认为是最糟糕的实践，尤其是在团队开发的大背景下更是问题多多。随着代码量的增长，全局变量会导致一些非常重要的可维护性难题。全局变量越多，引入错误的概率也就越来越高。
命名冲突
当脚本中的全局变量和全局函数越来越多的时候，发生命名冲突的概率随之增高...[2020/12/28]
事件冒泡,事件对象,事件委托的综合理解事件冒泡,事件对象,事件委托的综合理解
先来上一段个人总结的理解
1/事件分为三个部分
(1)捕获阶段
(2)目标阶段
(3)冒泡阶段
事件冒泡
1/阻止事件冒泡是对同类名事件而言 (为什么得出这个结论呢:mousedown ,mouseup , mouseove ,...[2020/12/28]
vue3.0自定义指令（drectives)vue3.0自定义指令（drectives)
在大多数情况下，你都可以操作数据来修改视图，或者反之。但是还是避免不了偶尔要操作原生 DOM，这时候，你就能用到自定义指令。
举个例子，你想让页面的文本框自动聚焦，在没有学习自定义指令的时候，我们可能会这么做。
const app = Vue.createApp({
mounte...[2020/12/28]
vue3.0 mixin 混入
首先是官方定义：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
通俗来讲，就是 mixin 中的属性，比如 data、methods 或者自...[2020/12/28]
vue中路由嵌套的作用
vue中为什么要有路由嵌套啊，一般的路由不就行了吗？我们可以看一个很简单的例子，页面效果是这样的：
html文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="U...[2020/12/28]
第十三章 搜索算法
二分搜索
二分搜索是应用在已排序的数组中的搜索算法，其在搜索算法中的高效体现在其一次排除元数据的一半元素【也正因为要排除一半的元素，所以这个算法是在排序的数组中搜索】
左指针：指向数组的起始位置，或者你认为的起始搜索的部分
右指针：指向数组的终止位置，或者你认为的终止搜索部分
终止条件...[2020/12/28]
JavaScript基础ES5/ES6常用数组方法汇总
一、Array数组常用方法
1、栈方法（先进后出）
push()：在数组的最后一项后追加值（参数：可以为多个值或数组）
返回：数组的长度，改变了原数组
var a=[1,2,3]
a.push(9); 返回数组的长度 4，改变了原数组
console.log...[2020/12/22]
js文件替换js文件替换
js文件替换
浏览器插件 ReRes
# 项目地址 https: github.com/annnhan/ReRes
# 没有梯子的我这里保存了一份 ,下载 链接：https: pan.baidu.com 1IuxHroLKrpoiG5PPIRxgYA 提取码：oulq
# 安装 ...[2020/12/22]
一劳永逸，解决基于 keep-alive 的后台多级路由缓存问题
用过 vue-element-admin 的同学一定很清楚，路由的配置直接关系侧边栏导航菜单的展示，也得益于这种设计思路，几乎大部分后台框架都采用这个方案，当然也包括了我写的 Fantastic-admin 这个中后台框架。
但这个方案有个明显的问题，就是为了实现多级侧边栏导航菜单，则...[2020/12/22]
TS 变量声明
官网链接：https: www.tslang.cn/doc handbook/variable-declarations.html
本文知识体系：
变量声明
var声明
作用域规则
捕获变量怪异之处
let声明
块作用域
重定义及屏蔽
块级作用域变量的获取
const声明
le...[2020/12/22]
TS vs JS基础类型
布尔值
ts:let isDone:boolean = false;
js:var isDone = false;
数字
和JavaScript一样，TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了...[2020/12/22]
对象的隐式类型转换 - angle-xiu对象的隐式类型转换 - angle-xiu
对象的隐式转换
只有在 JavaScript 表达式或语句中需要用到数字或字符串时，对象才被隐式转换。 当需要将对象转换成数字时，需要以下三个步骤：
调用 valueOf()。如果结果是原始值（不是一个对象），则将其转换为一个数字。
否则，调用 toString() 方法。如...[2020/12/22]
vue中插槽slot的使用vue中插槽slot的使用
一、什么是插槽
官方解释：Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。
大白话：插槽就是子组件中的提供给父组件使用的一个占位符，用<slot>< lot> 表示，父组件可以在这个占位符中填...[2020/12/21]
第四章 变量、函数和运算符
变量、函数和运算符
变量声明
function doSomething() {
var result = 10 + value;
var value = 10;
return result;
}
变量value在声明之前参与了运算，这是完全合法的，...[2020/12/21]
蒲公英 · JELLY技术周刊 Vol.34: 芜湖～ Flutter
蒲公英 · JELLY技术周刊 Vol.34
提及跨端，你能想到那些技术？PWA、小程序、Ionic、React Native、Weex……当然也少不了 Flutter，历时 3 年，Flutter 也取得了不小的发展，那么它在国内境遇如何？使用 Dart 开发又有哪些挑战？开发体...[2020/12/21]
【震惊】padding-top的百分比值参考对象竟是父级元素的宽度
引言
书写页面样式与布局是前端工程师Coding 中必不可少的一项工作，在定义页面元素的样式时，padding 属性也是经常被使用到的。
padding 属性用于设置元素的内边距，其值可以是length、inherit，当然也可以是百分比。
今天为什么会聊到padding-top设置...[2020/12/21]
JS 终止执行的方法
我们在前端执行判断时如果条件不成立就让他禁止执行后边的程序 分三种方法：
一)在function里面
（1）return;
（2）return false;
(二)非function方法里面
alert("before error.");
throw Synt...[2020/12/21]
使用@nuxtjs/sitemap给项目添加sitemap(网站地图)使用@nuxtjs/sitemap给项目添加sitemap(网站地图)
安装使用步骤参照:此博客内容转载博客地址:https: huangliangbo.com/2097
如何使用?(详细图文)
在项目根目录下使用yarn/npm/cnpm 安装 @nuxtj itemap
yarn add @nuxtj itemap -D
npm i @nuxtj it...[2020/12/21]
Taro 周报 #7: 收获「e代驾」案例，发布 v2.2.16 和 v3.2.0-canary.2
Taro 周报 2020 年 12 月 05 日 - 2020 年 12 月 12 日 ，更多的Taro周报点击
Taro 大事件
58 技术发布文章《开源 | Taro 3 支持 React Native》
Taro 3 发布后暂不支持 React-Native 平台，于是我们向...[2020/12/21]
Vue全局解决限制input输入表情和特殊字符方案
背景：开发中遇到的表单输入，往往会有对输入内容的限制，比如不能输入表情和特殊字符，只能输入数字或字母等。
我们常规方法是在每一个表单的 on-change 事件上做处理。
1 <template>
2 <input type="text...[2020/12/21]
vue TV端焦点移动插件 vue-tv-focusable
第一次tv端开发，记录下来我的坎坷路程
最近做TV端的项目，需要用到焦点移动。自己写一套不太现实，网上各种各样的插件层出不穷，用用就发现不是这有问题就是那有bug，要一直填坑，搞得头都大了。
搞了好久，最后找到了vue-tv-focusable，感觉和我想要的差不多
下面是安装以及...[2020/12/21]
怎样在vue项目中使用axios处理接口请求
vue项目中使用axios处理后端接口请求，参考摘录自axios官方文档
1、axios插件包安装
npm install axios --save
2、在main.js中全局引入axios
因为axios不是为了vue写的插件(插件内要处理)不支持vue.use()加载方...[2020/12/21]
JS实现计算器，带三角函数，根号
极简主义网页计算器。
实现了按键特效，可响应键盘按键，实时显示计算结果。
可切换模式，拓展高级功能，包括根号、三角函数、括号等。
效果如下：
代码如下：
html：
<!D...[2020/12/21]
ES5 01 严格模式
理解:
除了正常运行模式(混杂模式)，ES5添加了第二种运行模式："严格模式"（strict mode）。
顾名思义，这种模式使得Javascript在更严格的语法条件下运行
目的/作用
消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为
消除代码运行的一...[2020/12/21]
ES5 02 JSON对象ES5 02 JSON对象
Function.prototype.bind(obj) :
作用: 将函数内的this绑定为obj, 并将函数返回
面试题: 区别bind()与call()和apply()?
都能指定函数中的this
call()/apply()是立即调用函数
bind()是将函数返回
...[2020/12/21]
ES5 03 Object扩展
ES5给Object扩展了好一些静态方法, 常用的2个:
Object.create(prototype, [descriptors])
作用: 以指定对象为原型创建新的对象
为新的对象指定新的属性, 并对属性进行描述
value : 指定值
writable : 标识当前属性...[2020/12/21]
ES5 04 Array扩展
Array.prototype.indexOf(value) : 得到值在数组中的第一个下标
Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
Array.prototype.forEach(function(item, index)...[2020/12/21]
ES5 05 Function扩展
Function.prototype.bind(obj) :
作用: 将函数内的this绑定为obj, 并将函数返回
面试题: 区别bind()与call()和apply()?
都能指定函数中的this
call()/apply()是立即调用函数
bind()是将函数返回
...[2020/12/21]
思索 p5.js 的最佳实践
思索 p5.js 的最佳实践
本文写于 2020 年 12 月 18 日
p5.js 是一个 JavaScript 库，用于为艺术家、设计师提供更容易上手的创意编程。
它有着完整的一套基于 Canvas 的作画功能，并且你可以把整个浏览器都当成你的“画布”——利用 p5.dom.js...[2020/12/21]
JYadmin-react-antd react+antd封装的优秀后台模板集成方案("^1.0.0")
版本：【 "JYadmin-react-antd": "^1.0.0"】
版权所有：微信公众号【微新悦】
原文链接：https: www.weixinyue.cn/frontCourse #/JYAdminReactAntd1.0/1（阅读效果更佳）
...[2020/12/21]
JS模块化编程规范1——require.js
目录1. 概述2. 详论2.1. 定义2.2. 调用2.3. 入口3. 结果4. 参考
1. 概述
require.js是各种网络APP中非常常见的JS依赖库，它其实不仅仅是个模块加载器那么简单。它背后蕴含了一个非常重要的设计，也就是JS模块化编程。模块化是任何一个编程语言都会支持的...[2020/12/21]
js数值进制 - angle-xiujs数值进制 - angle-xiu
数值的进制
使用字面量（literal）直接表示一个数值时，JavaScript 对整数提供四种进制的表示方法：十进制、十六进制、八进制、二进制。
十进制：没有前导0的数值。
八进制：有前缀0o或0O的数值，或者有前导0、且只用到0-7的八个阿拉伯数字的数值。
十六进制：有前缀0x或0...[2020/12/21]
console.log(typeof null)//object - angle-xiuconsole.log(typeof null)//object - angle-xiu
js 在底层存储变量的时候，会在变量的机器码的低位1-3位存储其类型信息??
000：对象
010：浮点数
100：字符串
110：布尔
1：整数
but, 对于 undefined 和 null 来说，这两个值的信息存储是有点特殊的。
null：所有机器码均为0
und...[2020/12/21]
经验首页