王继伟2021

开发环境一般是本地开发时所使用的环境，改动很频繁。测试环境较为稳定的版本，一般用于部署测试。这样在启动项目时使用不同命令后通过。3个文件创建完成，在项目中打印。就可以判断当前处于什么环境，生产环境发布到线上的版本。可获取文件配置的内容。...

JS（JavaScript）方法获取屏幕缩放比例与分辨率。

随着前端的快速发展，作为最经典的语言JavaScript也是在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，现在最新出现的5个新特性，大家一定不要错过：有时，我们想知道对象上是否存在某个属性，一般会使用“in”操作符或“obj.hasOwnProperty”，但它们都有各自的缺陷。如果指定的属性位于对象或其原型链中，“in”运算符将返回true。obj.hasOwnProperty 方法会返回一个布尔值，表示对象自身属性中是否具有对应的值（原型链上的属性不会读取）。已经可以

实时监听vuex里面的变量，响应页面内容

在前端项目中，绝对肯定的会涉及到日期时间的格式化的需求，并且很多地方都会用到。格式化日期时间的方法有很多，封装一个函数是一个很好的方法，仔细想来，遇到更多的需求还是有一定的局限性。这个时候安装一个依赖“moment.js”就可以很好的满足日期格式化的各种需求。安装：npm install moment//或者yarn add moment引入：在main.js里面引入// require 方式const moment = require('moment');// i

我们在做项尤其是后台项目。都会涉及到登录。我们一般是用token来设置项目的登录状态。脱坑的有效时长，根据自身的项目需求来设定，而当token过期之后，我们就需要使得整个项目页面自动跳转到登录页面，去让用户重新登录。例如： 我公司的token时效在生产环境设置为一个小时，当token过期，所有接口都直接返回；每次路由跳转都会对token进行判断，设置了一个全局的beforeEach钩子函数，如果token存在就跳到你所需要的页面，否则就直接跳转到登录页面，让用户登录重新存取token：接口返回的信

很多人因为使用的电脑不是管理员账户或者没有管理员权限，导致安装不了字体，不能为所有用户安装字体；或者安装上去，在VSCode（Visual Studio Code）前端编辑器上设置的字体无效，无法显示出来，这样的问题也让我烦恼了很长时间。经过研究，大家可以按照我的方法来解决：1、下载你想要的字体，放在电脑本地目录下即可；2、找到VSCode安装目录下的workbench.desktop.main.css 文件（以我的为例，是在E:\Microsoft VS Code\resources\ap

1. vuex简介vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指的是vue组件中data里面的属性。了解vue的同学应该是明白data是怎么回事的吧，如果不懂的话，建议先学完vue的基础知识再看vuex。2. vuex的组成结构示意图vuex的特点是把数据单独隔离，形成一棵树状图。单独隔离就意味着它有自己的生态系统。输入和输出，其中action作为数据的输入，state作为数据的输出。如下图：

一 、概况FormData接口提供了一种表示表单数据的键值对 name/value 的构造方式，能够将数据通过前端 Ajax 请求发送给后端。FormData的主要用途有两个：异步上传文件。 实现form表单数据的序列化，将数据以键值对 name/value 的形式传到后台，从而减少表单元素的拼接，提高工作效率。二、如何使用（1）创建一个FormData对象// 通过new FormData() 来创建一个对象let formData = new FormData();

ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统。在打磨了近 3 年之后，通过字节内部大量业务沉淀和验证，我们开源了 ArcoDesign 设计系统。旨在让社区听见更多的声音，为更多中小型企业及个人设计师和开发者提效，创造更多高效美观的“最佳实践”。ArcoDesign 拥有系统的设计规范和资源，依据此规范提供了覆盖 React、Vue、Mobile 的原子组件。基于丰富的原子组件，Arco 提供了除风格配置平台、物料平台的定制化工具外还包括图标平台、品牌

闭包的概念闭包就是一个函数，两个函数彼此嵌套，内部函数就是闭包形成闭包条件是内部函数需要通过return给返回出来。 看下面的代码，你就懂了：function f1() { function f2() { alert('我是js闭包！') } return f2}var f = f1()f() //弹出：我是js闭包！闭包特点闭包有权利调用其上级环境的变量信息。父级环境的信息已经固化为本身 AO 的成员了。看下代码，更好理解：function f1

需要去重的数组：// 原数据是这样的[{ "goodsId": "1", "quota": 12, "skuId": "1"},{ "goodsId": "2", "quota": 12, "skuId": "2" },{ "goodsId": "1", "quota": 12, "skuId": "1"}]去重方法：1.使用filter和Map代码最为简介，运行最快，五星推荐⭐⭐⭐⭐⭐function uniqueFunc(

导读作用域：《你不知道的js》中指出，作用域是一套规则，这套规则用来管理引擎如何在当前作用域以及嵌套的子作用域中根据标识符名称进行变量查找。简单来说，作用域规定了如何查找变量。 静态作用域：又称词法作用域，函数的作用域在函数定义的时候就决定了，通俗点说就是你在写代码时将变量和块作用域写在哪里决定的。 动态作用域：函数的作用域在函数调用时才决定的。静态作用域与动态作用域JavaScript采用的是静态作用域，函数定义的位置就决定了函数的作用域。 具体看一个例子，理解一下什么是静态作用域与动态

目录加载时1.减少HTTP请求2.使用服务端渲染3.静态资源使用CDN4.CSS写头部，JS写底部关于 defer 与 async 区别：5.字体图标代替图片6.使用HTTP缓存7.图片优化8.其他方式运行时1.避免大量DOM元素与深层镶嵌2.减少回流和重绘3.降低CSS选择器的复杂性4.使用弹性布局(flexbox)5.用transform等新属性来实现动画6.使用事件委托7.防抖和节流8.不要覆盖原始方法作为前端开发工程师.

目录JavaScript 实用工具库lodashunderscoreoutilsramda常用动画库、图表汇总（常用）animejsanimistaanimate.cssthree.jsd3jsechartsChart.jshighchartsnpm库集合查npm的下载情况npm包下载量对比常用的npm包前端监控、埋点growingiofundebugsentrysonarkibanapinpoint.

1. 有条件地向对象添加属性我们可以使用展开运算符号(...)来有条件地向 JS 对象快速添加属性。const condition = true;const person = { id: 1, name: 'John Doe', ...(condition && { age: 16 }),};如果每个操作数的值都为 true，则 && 操作符返回最后一个求值表达式。因此返回一个对象{age: 16}，然后将其扩展为person对象的一部分。

GETHTTP GET 方法请求指定的资源。使用 GET 的请求应该只用于获取数据GET请求没有主体，在正确实现的条件下GET 方式是安全、幂等、可缓存的，并且支持html表单提交POSTHTTP POST 方法 发送数据给服务器POST请求通常是通过HTML表达发送，并返回服务器的修改结果POST有请求体，POST方式是不安全、不幂等、可缓存的幂等：连续调用一次或者多次的效果相同（无副作用）但连续调用同一个POST可能会带来额外的影响，比如多次提交订单总结：

导读每个IT开发者都希望自己成为大神，尤其是最近几年流行的vue、react、Angular前端三大框架，大大加快了前端开发者的开发速度，几乎是革命性的改变！而vue框架是现在最火热的，也是使用人数最多的框架，全面的掌握它，便能在成为大神的道路上更进一步。以下是我总结的几乎所有的vue的知识：1. Vue的优缺点优点：渐进式，组件化，轻量级，虚拟dom，响应式，单页面路由，数据与视图分开缺点：单页面不利于seo，不支持IE8以下，首屏加载时间长2. Vue是渐进式框架渐进..

目录1. 数字操作（1）生成指定范围随机数（2）数字千分位分隔2. 数组操作（1）数组乱序（2）数组扁平化（3）数组中获取随机数3. 字符串操作（1）生成随机字符串（2）字符串首字母大写（3）手机号中间四位变成*（4）驼峰命名转换成短横线命名（5）短横线命名转换成驼峰命名（6）全角转换为半角（7）半角转换为全角4. 格式转化（1）数字转化为大写金额（2）数字转化为中文数字5. 操作存储（1）存储loalStorage（2

文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结RegExp对象正则表达式是描述字符模式的对象。正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。语法1.定义当使用 构造函数 创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）/* 比如，以下两种方式的定义是等价的 */// 构造函数方式const reg = new RegExp("\\w+");// 字面量方式...

最简单的绑定:class="{ 'active': isActive }" 判断是否绑定一个active:class="{'active':isActive==-1}" /*或者*/ :class="{'active':isActive==index}" 绑定并判断多个单纯数组数组对象结合动态判断数组与三元运算符结合判断选择需要的class..

下面是前端vue框架中插入富文本编辑器的使用方法：依赖npm install vue-quill-editor --save引入import { quillEditor } from "vue-quill-editor";import 'quill/dist/quill.core.css';import 'quill/dist/quill.snow.css';import 'quill/dist/quill.bubble.css';Template<quill

1、官网https://element.eleme.cn/#/zh-CN（element-UI官网）点击打开2、安装依赖npm i element-ui –S3、全局引入（一般在main.js文件）import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);...

拷备项目：git clone <仓库地址>拷贝项目远程分支：git clone -b<branch name> <仓库地址>创建分支：git branch <name>创建并进入分支：git checkout –b <nam>查看状态：git status添加所有文件：git add .提交：git commit –m ‘这里是当前提交的描述’拉取：git pull推送：git push查看分支：git bra.

浏览器名称console.log(navigator.appCodeName);次版本信息console.log(navigator.appMinorVersion);完整的浏览器名称console.log(navigator.appName);浏览器版本console.log(navigator.appVersion);浏览器编译版本console.log(navigator.buildID);是否启用cookieconsole.log(naviga

构建前端VUE项目之前，必须先确保电脑已经安装node；1、构建项目my-vuevue create my-vue2、配置信息路由模式有两种：hash、historyhash - 即地址栏URL中的 # 符号；如：http://www.abc.com/#/hellohistory —— 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。（这个方法就是面试中常问到的，怎么去除URL中的“#

1、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$有两位小数的正实数：^[0-9]+(.[0-9]{2})?$

1、计算两个时间（毫秒）的差值，返回相差的天/时/分/秒function getInterval(start, end) { var day, hour, minute, second, interval; interval = end - start; interval /= 1000; day = Math.round(interval / 60 /60 / 24); hour = Math.round(interval / 60 /60 % 24); minute = M

1、深拷贝exportfunctiondeepClone(source){if(!source&&typeofsource!=='object'||source==null||source==undefined){thrownewError('errorarguments','shallowClone')}consttargetObj=source.constructor===Array?[]...