JavaScript入门-函数function(二)
JavaScript入门-函数function(二)
递归函数
什么是递归函数？
递归简单理解就是，在函数体里，调用自己。
我们在求一个10的阶乘的时候，可能会这么做
写一个循环
var total = 1
for(var i=10; i>...[2021/1/18]
异步解决方案----Promise与Await异步解决方案----Promise与Await
目录前言一、Promise的原理与基本语法1.Promise的原理2.Promise的基本语法二、Promise多个串联操作三、Promise常用方法四、Async/Await简介与用法1、Async/Await简介2、Async/Await的用法五、Async/Await错误处理六、为...[2021/1/18]
scrollIntoView()方法导致整个页面产生偏移
问题描述
今天在做页面UI改版的时候发现，我之前使用的是dom.scrollIntoView(); 使得点击右侧题目编号的时候，让左侧题目滚动到页面可视区域。
如果不知道 scrollIntoView 如果使用，我有篇文章专门写了 scrollIntoView 的简单使用：scrol...[2021/1/18]
lodash函数库 -- drop函数lodash函数库 -- drop函数
drop 函数
drop函数功能:按顺序删除数组元素,当n为正数时,从左删除n个元素;当n为负数时,从右删除n个元素.;当n为0时,创建一个副本.
drop返回值:返回一个新的数组.
/**
* 创建一个切片数组，去除array前面的n个元素。（n默认值为1。）
*
* 切片数...[2021/1/11]
nvm切换node的版本
有些奇葩的情况下，就是一个项目依赖的node版本和你本机的node不相同，这个时候，你有几种做法，自己亲测可行！就把找的博客整理一下，便于以后查看
1.把你本地的node卸载，然后重新下载一个node
2.使用n进行管理node版本，可以直接使用“npm install ...[2021/1/11]
详解ES6 中的Object.assign()的用法实例代码
方法：Object.a ign()
作用：将sourse对象的 值 赋值给目标对象，两者都有的会覆盖，target独有会保留，sourse独有会添加
使用方法：
Object.a ign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对...[2021/1/11]
JS removeAttribute()方法实现删除元素的某个属性
在 JavaScript 中，使用元素的 removeAttribute() 方法可以删除指定的属性。用法如下：
removeAttribute(name)
参数 name 表示元素的属性名。
示例1
下面示例演示了如何动态设置表格的边框。
<script...[2021/1/11]
JS addEventListener()和attachEvent()方法实现注册事件
在 JavaScript 的 DOM 事件模型中，通过调用对象的 addEventListener() 方法注册事件。用法如下：
element.addEventListener(String type, Function listener, boolean useCaptrue);
参数说...[2021/1/11]
多年经验总结，写出最惊艳的 Markdown 高级用法
点赞再看，养成习惯，微信搜索【高级前端进阶】关注我。
本文 GitHub https: github.com/yygmind 已收录，有一线大厂面试完整考点和系列文章，欢迎 Star。
最近在学习的时候看到了 Markdown 代码 diff 高亮的效果，感觉挺有意思的。突然发现...[2021/1/11]
JS代码实现页面切换效果
本文实例为大家分享了JS代码实现页面切换效果的具体代码，供大家参考，具体内容如下
HTML+CSS部分
添加所有页面，和上一页、具体页、下一页的按钮，
设置div样式，默认第一页显示，其他页隐藏。
<!DOCTYPE html>
<html>...[2021/1/11]
el-input限制只能输入数字（开发小记）el-input限制只能输入数字（开发小记）
输入框中限制通常有三种处理方法
第一种：设置type属性（不推荐）
设置type属性为number，text等等，此方法输入框的后面会有不必要样式出现
<el-input type="number"></el-input>
第二种：在属性中添加onk...[2021/1/11]
Webpack4.0各个击破（8）tapable篇
目录一. tapable概述二. tapable-0.2源码解析2.1 代码结构2.2 事件监听方法2.3 事件触发方法三. tapable1.0概述
一. tapable概述
tapable地址：【tapable-0.2】
tapable是webpack的核心框架（4.0以上版本...[2021/1/11]
百度地图 - 基础学习(6): 鼠标绘制工具添加、图形几何运算(长度、面积等)
地图鼠标绘制，打算分两部分学习，主要是牵涉东西太多。今天主要是 鼠标绘制工具添加及配置，以及图形长度和多边形面积的计算
一、 鼠标绘制工具
鼠标绘制工具主要采用开源库 DrawingManager，通过此工具用户可以在地图任意位置上画点、画圆、画折线、画多边形、以及...[2021/1/11]
如何利用 React Hooks 管理全局状态
如何利用 React Hooks 管理全局状态
本文写于 2020 年 1 月 6 日
示例代码：https: github.com/AerospaceXu/hooks-soa
React 社区最火的全局状态管理库必定是 Redux，但是 Redux 本身就是为了大型管理数据而妥协设...[2021/1/11]
JavaScript(六)-函数
函数:定义函数
定义方式
第一种定义方式:可在后面定义前面调用.可提前调用
function gg(){
console.log("函数内部的代码");
}
第二种定义方式:必须先定义后面执行,提前调用报错
b(); 报错 -- let...[2021/1/11]
lodash函数库 -- chunklodash函数库 -- chunk
loadsh函数库中的 chunk 函数采用 typescript 语法重写.
chunk 函数
将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组。
如果array 无法被分割成全部等长的区块，那么最后剩余的元素将组成一个区块。
/**
*
*...[2021/1/11]
webpack4.0各个击破（9）—— karma篇
目录一. webpack与自动化测试二. karma-webpack2.1 自动化单元测试库简介2.2 基本使用2.3 默认跑完全部测试用例的场景三. 测试报告四. 配置参考
一. webpack与自动化测试
webpack对应的关键词是模块化，它的主要任务就是打包和管理模块，所以首...[2021/1/11]
lodash 函数库- - compack函数lodash 函数库- - compack函数
compack函数
创建一个新数组，包含原数组中所有的非假值元素。
例如false, null,0, "", undefined, 和 NaN 都是被认为是“假值”。
一般用于过滤数组中的假值
在定义返回类型时候,采用Exclude条件类型把null、undefiend、false...[2021/1/11]
凹凸技术揭秘 · 夸克设计资产 · 打造全矩阵优质物料
1、诞生背景
近几年围绕业务中台化的场景，涌现了很多中台，有面向开发者的，有面向产品的，有面向运营团队的，但是却缺少一个可以提供给设计师协作的中台，设计师与开发、交互的协作仍处于源文件交换的原始刀耕火种时代。
上下游之间的合作成本高，没有统一的规范性。往往一个视觉稿会经历反反复复的...[2021/1/11]
js 浮点数陷阱js 浮点数陷阱
众所周知，JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果，如 0.1+0.2=0.30000000000000004、1-0.9=0.09999999999999998...[2021/1/11]
浏览器兼容 – 事件兼容(1): 鼠标滚轮事件的firefox兼容
时代的印记，在W3C规范尚未形成，ECMAScript标准尚未建立的上古时代，各家浏览器厂商都形成了各自对JS的理解，继而各自打下各自的江山，建立各自的帝国。
正是因为各家浏览器对JS的理解和实现不同，继而导致了后续的各种不一致，逼得可怜的前端人不得不去兼容各种不同的浏览器。今次话题：...[2021/1/11]
Angular入门到精通系列教程（2） - Angular基本概念
1. Angular （Angular2）v.s. AngularJS
2. 检查本地环境的版本
3. TypeScript
4. Angular CLI
5. Angular 的版本
6. Angular 版本如何升级
7. 依赖注入（dependency injection）
8. ...[2021/1/11]
Javascript装饰器原理
一个以@开头的描述性词语。英语的decorator动词是decorate，装饰的意思。其中词根dek(dec发音)原始印欧语系中意思是“接受”。即，原来的某个事物接受一些新东西（而变得更好）。从另外一个角度描述，装饰器主要是在被装饰对象的外部起作用，而非入侵其内部发生什么改变。装饰器模式...[2021/1/11]
JavaScript => ?
起因
最近在研究 cron 表达式和时间的互相转化问题，然后突然看到了一个有意思的语法，于是就拿来研究了一下。
一、js 中神奇的 ?
说到 ? ，大家肯定都不陌生吧，立马就能够想到三元表达式，当然还有其它的语法，比如双问号语法 ?? ，还有在正则表达式中。
1、三元表达式
...[2021/1/11]
百度地图 - 基础学习(7): 折线构成闭合图形面积计算
前面 GeoUtils 类可以很好的计算密闭多边形、矩形框出的区域面积，但没有解决折线自相交框出的区域面积计算，这就需要开发人员自己去解决了。
度娘了几篇文章，最终找到了一个计算方法，经实测效果不错，结果也比较精准。
计算图形面积
path:...[2021/1/11]
Webpack4.0各个击破（10）integration篇Webpack4.0各个击破（10）integration篇
一. Integration
下文摘自webpack中文网：
首先我们要消除一个常见的误解，webpack是一个模块打包工具(module bundler)，它不是一个任务执行工具，任务执行器是用来自动化处理开发中常见任务的，例如检查(lint)，构建(build)，测试(test)...[2021/1/11]
JavaScript入门-js的变量以及运算
关于js变量
变量，就是一个用来存储数据的容器
一般来说，我们的变量都是可以得先声明，再使用，就像是一个东西先必须存在，才能看得见摸得着。然而在js里（es5），可以先使用，后声明。
a = 100;
var b =200;
console.log(a,b)
...[2021/1/11]
用js写一个简易计算器
要求
1.实现最基本的+ - * / %运算，样式不做要求。
2.有一个【清除】按钮，清除所有输入
有几个地方需要注意:
如何获取输入框的内容？ 用H5的方法获取元素内容
var n1 = document.querySelector(''.n1'');
...[2021/1/11]
JavaScript入门-流程控制和break、continue关键字JavaScript入门-流程控制和break、continue关键字
JavaScript-流程控制
流程控制分为：条件选择，循环控制
条件选择
if、else
1. if
if(条件){
执行语句
}
2. if...else
if(条件){
执行语句1
...[2021/1/11]
JavaScript(七)-函数的拓展
函数返回值
return可以改变函数内部的"返回值".
1.一个函数执行完之后，默认的返回值是undefined,
function x(){
return 111;
}
函数自执行,内部运行return就是函数的返回值
console.log(...[2021/1/11]
凹凸技术揭秘·羚珑页面可视化·成长蜕变之路凹凸技术揭秘·羚珑页面可视化·成长蜕变之路
作者： 凹凸曼
前言
京东零售集团 · 用户体验设计部打造的「羚珑智能设计平台」于 2019 年 5 月为内部运营及商家推出了智能页面设计工具，羚珑智能页面设计是一款在线可视化页面搭建平台，拥有在线搭建 PC、H5、小程序等多平台页面能力，覆盖频道页、活动页、店铺页、滑屏宣传页、答...[2021/1/4]
百度地图 - 基础学习(2): 地图缩放比例ZOOM的获取和设置
地图缩放比例ZOOM的获取和设置：template
<template>
<el-row cla ="el-col el-col-24 queryPar-form-wrapper">
<el-form
cla ="el__form...[2021/1/4]
百度地图 - 基础学习(3): 地址关键字模糊查询、出行路线规划百度地图 - 基础学习(3): 地址关键字模糊查询、出行路线规划
地址关键字模糊查询、出行路线规划：template
<template>
<el-row cla ="el-col el-col-24 queryPar-form-wrapper">
<el-form
cla ="el__form...[2021/1/4]
别再费劲去找后台的前端框架了，2021 年就用 Fantastic-admin 吧
前言
你知道光是基于 Vue 的后台框架在 Github 上有多少个仓库么？
如果你搜索 vue admin 会得到 13120 个仓库，如果用 vue 后台 会得到 7596 个仓库，如果把两者结合一下，搜索 vue admin 后台 也还是能得到 2719 个（以上搜索统计截止至 ...[2021/1/4]
js定时器出现第一次延迟的原因及解决方法
我们在使用js定时器，经常会出现间隔几秒获取一次数据，这是通过setInterval实现的。而且如果setInterval() 参数传递不当，定时器会延迟试行。本文向大家介绍js定时器第一次延迟的原理及实现过程。
setInterval()
作用是在播放动画的时，每隔一定时间就调用函数、...[2021/1/4]
JavaScript--总结二（流程控制+调试）
表达式和语句
表达式------
一个表达式可以产生一个值，有可能式运算，函数调用，有可能是字面量。表达式可以放在任何需要值的地方
语句-----
语句可以理解为一个行为，循环语句和判断语句就是典型的语句，一个程序有很多个语句组成，一般情况下；分割一个一个的语句
流程控制（代码的执行...[2021/1/4]
浅谈vue原理（二）
上篇说了一下vue中的数据劫持和数据代理，就是将data中的数据都添加set/get方法，这使得扩展性更好了，后续的会在这个set/get方法添加我们需要的逻辑；
现在我们说说怎么才能够使得data中的数据和html标签中的内容绑定呢？
1.编译模板
首先我们要思考一下...[2021/1/4]
蒲公英 · JELLY技术周刊 Vol.36: 你好 Hooks，再见 2020蒲公英 · JELLY技术周刊 Vol.36: 你好 Hooks，再见 2020
蒲公英 · JELLY技术周刊 Vol.36
不知不觉，蒲公英已经伴随我们走过了一年时光，在这一年我们从基础技术、前端框架、图形编程、人工智能等诸多领域为大家推介了三百余篇文章，尽管这一年来风雨不断，但是技术演进的方向却并不会停歇，在和 2020 挥别之前，可不要忘记本期的内容推荐...[2021/1/4]
GET 与 POST 其实没有什么区别
GET 与 POST 其实没有什么区别
本文写于 2020 年 12 月 30 日
GET 与 POST 是两种 HTTP 方法，并且是最常用的两种。
今天在使用 Postman 测试 api 的时候，突发奇想：在 Get 请求的请求体中写 Body 参数，在 Post 请求中写 Q...[2021/1/4]
浅谈vue原理（三）
上一篇已经实现了发布订阅模式了，现在我们实现从model->view的数据绑定，也就是当data中的数据改变后，页面上的数据也要跟着变化；
1.发布订阅代码的实际应用
我们思考一下，怎么把我们上一篇实现到的发布订阅模式用到我们的vue中去呢？
（1）Watcher...[2021/1/4]
promise 学习笔记
promise是什么？
1、主要用于异步计算
2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果
3、可以在对象之间传递和操作promise，帮助我们处理队列
为什么会有promise？
为了避免界面冻结（任务）
同步：假设你去了一家饭店，找个位置，叫来服务员...[2021/1/4]
浅谈vue原理（四）
经过了前面这么久，我们已经弄好了数据劫持，数据代理，还通过了发布订阅模式实现了data中数据变化，页面上也会跟着变化；
现在还差点东西，就是当页面上的数据变化的时候，data中的数据也能跟着变化，进而使得页面的数据都刷新成最新数据，这就是view->model这条线；
...[2021/1/4]
js常见排序算法实现
1.冒泡排序
原理：对数组进行遍历，根据相邻两个元素大小进行交换，每一次遍历都将最小值推至最前方，然后对剩下的值再次进行比较
时间复杂度：O(n^2)
空间复杂度：O(1)
稳定性：稳定
冒泡排序
function bubbleSort(arr) {
let len...[2021/1/4]
Webpack4.0各个击破（7）plugin篇
目录一. plugin概述1.1 Plugin的作用1.2 Compiler1.3 Compilation二. 如何写一个plugin四. 实战【参考】
一. plugin概述
1.1 Plugin的作用
plugin机制是webpack中另一个核心概念，它基于事件流框架tapabl...[2021/1/4]
收下这款 Vue 项目模版，它将让你的开发效率在 2021 年提高 50%
众所周知，虽然 Vue CLI 提供了脚手架的功能，但由于官方的脚手架过于简单，生成好的项目在实际项目开发的时候，还需要做很多事情，而 vue-automation 就是来解决这一痛点，让你的开发效率至少提升 50% 以上
这是什么
vue-automation 是一款开箱即用的 Vu...[2021/1/4]
JS编写的科学计算器
最近半个月编写了一个JS+ＣＳＳ＋ＨＴＭＬ的网页计算器，从最初的具有简陋界面的简单计算器改版到最终具有科学／标准计算器转换功能并且界面非常友好的计算器，收获良多！总的来说，代码简单，通俗易读，下面贴上代码，供前端新手学习！欢迎提出宝贵意见，不吝指正！
...[2021/1/4]
百度地图 - 基础学习(1): 地图开发环境搭建
Vue项目接入百度地图，此次学习用的是原生API。
一、引入百度地图JS
在 index.html 内添加script标签，引入百度地图api地址：
<script type="text/javascript" src="http: api.map.baidu.com/api...[2021/1/4]
JavaScript(二)JavaScript(二)
属性、样式操作
改变元素样式的方式：外部样式表、内部样式表、行内样式。
获取元素的显示样式
获取节点的方式:
通过id获取：document.getElementById()
通过选择器来获取：document.querySelector(),document.querySelect...[2021/1/4]
JavaScript(三)
运算符
1.算术运算符: +(加法), -(减法), *(乘法), /(除法), %(余数), ++(自增), --(自减)
2.赋值运算符: = , +=, -=, *=, /=, %=
3.字符串运算符: +, +=
4.比较运算符: ==(等于), ===(全等于...[2021/1/4]
js 基本数据类型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
&...[2021/1/4]
经验首页