只为编程-CSDN博客

原创从头梳理JS基础（二）从头开始梳理函数执行的整个过程

本文主要梳理JS 函数执行的整个过程，包括执行上下文，作用域链，内存空间，闭包，this指向和call，apply，bind等，会持续补充更新哦！执行上下文评估和执行 JavaScript 代码的环境的抽象概念。全局执行上下文— 这是默认或者说基础的上下文，任何不在函数内部的代码都在全局上下文中（一个程序中只会有一个全局执行上下文）。函数执行上下文— 每当一个函数被调用时, 都会为该函数创建一个新的上下文（函数上下文可以有任意多个）。每当一个新的执行上下文被创建，它会按定义的..

2020-07-13 22:44:00 278

原创 2020年大前端发展趋势

迅速发展的前端开发，在每⼀年，都为开发者带来了新的关键词。2019 年早已结束，2020 年前端发展的关键词⼜将有哪些呢？发展的方向又会是什么呢？参考2019年大前端的发展，不出意外，前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开（可以参考2019年大前端技术趋势深度解读）。1.小程序在⼩程序⽅⾯，今年仍然是⼩程序突⻜猛进的⼀年，各⼤主流的 App 都上线了⼩程序能⼒的⽀持，各前端团队也都有了专⻔的⼩程序开发团队，以适应更快的⼩程序开发需求。同时Ap...

2020-07-03 20:37:37 175

原创程序员的小浪漫-手撸烟花特效

多代码，慎读！！！预览属性设计烟花状态：烟花应有三个状态：升空等待炸裂炸裂后烟花：发射点（x, y），爆炸点(xEnd, yEnd)，升空后等待炸裂时间（wait），炸裂后微粒个数（count），烟花半径（radius）烟花炸裂后微粒：自身位置（x, y），自身大小（size），自身速度（rate），最大烟花半径（radius）。config：为全局变量，以及控制参数，包括画布宽高，设定烟花属性等。设定全局变量 const c.

2020-07-01 19:05:56 2687 1

原创案例｜原生手写一个轮播图——渐隐渐显版

今天我们自己手写一个渐隐渐显版的轮播图，先上效果图????由于文件太大，只能压缩成这样给大家看了????既然不能传大文件，那大家就委屈一下先听听小编我描述一下具体的需求吧????一、需求❝1、实现渐隐渐显自动轮播效果；❞就如上面效果图一样；❝2、鼠标划上：显示左右切换箭头停止自动轮播； ❞如图：此时小芝麻鼠标在图上，所以显示左右箭头，并且不再自动轮播❝3、鼠标离开: 隐藏左右切换箭头继续自动轮播； ❞与??

2020-07-01 15:31:14 421

原创真的！！！两行css代码实现瀑布流，html,css最简单的瀑布流实现方式且没有缺点

两行css如下:<style scoped> .waterfall-container { /*分几列*/ column-count: 2; } .waterfall-item { /*不留白，不知道什么意思可以取消这个样式试试*/ break-inside: avoid; }</style>/*列间距，可有可无，默认30px*//*column-gap: 0;*/效果图如下：...

2020-06-30 14:46:51 109

原创【硬货】vue全家桶+Echarts+百度地图，搭建数据可视化系统

本文章篇幅略长，内容有点多，大佬可根据目录选择性查阅，新人可一步步来阅读。1、前言1.1 业务场景突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图，类似于数据可视化的方式。本人之前从未接触过Echarts，然后需要2周拿出成果，有点慌????????1.2 业务分析拿到需求看了一下。支持用户名、密码登录，默认显示一个维度数据，然后点击可钻取进入第二维度数据，再点击进入第三维度数据展示。大致估摸着。。。系统搭建vue-cli vuex记录登录信息

2020-06-09 22:14:52 815

原创前端常用60余种工具方法

1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => {.

2020-06-02 22:06:45 97

原创前端都该懂的浏览器工作原理，你懂了吗？

前言在我们面试过程中，面试官经常会问到这么一个问题，那就是从在浏览器地址栏中输入URL到页面显示，浏览器到底发生了什么？这个问题看起来是老生常谈，但是这个问题回答的好坏，确实可以很好的反映出面试者知识的广度和深度。本文从浏览器角度来告诉你，URL后输入后按回车，浏览器内部究竟发生了什么，读完本文后，你将了解到：浏览器内有哪些进程，这些进程都有些什么作用浏览器地址输入URL后，内部的进程、线程都做了哪些事我们与浏览器交互时，内部进程是怎么处理这些交互事件的原文地址

2020-05-29 22:39:59 219

原创用英雄联盟的方式讲解JavaScript设计模式！

简介在JavaScript里，构造函数通常是认为用来实现实例的特殊的构造函数。通过new关键字来调用定义的构造函数，你可以告诉JavaScript你要创建一个新对象并且新对象的成员声明都是构造函数里定义的。在构造函数内部，this关键字引用的是新创建的对象。作为一个老联盟fans，一定要亲手实现一下设计模式也可以融会贯通。现在打算创建一个英雄联盟对象，需要地图，英雄，士兵，野怪，还有开始游戏的按钮。function LOL(maps, heros, soldier, monster.

2020-05-25 21:16:51 599

weixin_48119069的博客