进击的你的博客

该组件可全局拖拽，点击环境切换后，需重启小程序

当Number类型的id超过16位时，JavaScript的数据处理和储存问题

仓库：https://github.com/JACK-Liang-2020/jar-common-tool演示：https://jarv2021.github.io/#/indexhttps://qiu2046.gitee.io/jarv2021.github.io/#/index##双项轮播组件###使用```使用方式：<carousel:swiperConfig="swiperConfig":displayConfig="disp...

pdf阅读组件该pdf组件有两种模式，翻页阅读和滚动阅读，适用于页数少的pdf仓库：https://github.com/JACK-Liang-2020/jar-common-tool演示：https://jarv2021.github.io/#/indexhttps://qiu2046.gitee.io/jarv2021.github.io/#/index使用```！前提模块安装：pdfjs-distpdfjs-dist文档：https...

头像上传组件（此组件为仿twitter版）组件需求和思路分析```需求：1.需允许上传gif|jpg|jpeg|png|bmp|GIF|JPG|PNG等比较通用的图片格式2.鼠标滚轮可以缩放，并且获取缩放的百分比3.截图框不能拖动，上传的图片可以拖动，但是图片的拖动不能离开截图框扩展：1.是否做上传图片大小限制2.是否截图框和上传图片都能拖动3.上传图片是否按比例变大或缩小，填满截图框针对需求的优化：1.参考vue-Cropp...

ms题：双向绑定的原理：把 Dep / Observer/ Watcher几个类的关系，如何做到双向绑定、依赖的更新怎么处理https://www.cnblogs.com/libin-1/p/6893712.htmlhttps://www.cnblogs.com/kidney/p/6052935.html?utm_source=gold_browser_extensiondiff的原理：https://www.cnblogs.com/wangtong111/p/11198393.html

前言：面试被问到webpack的问题，趁机补充一下知识面gulp/grunt 与 webpack的区别是什么?三者都是前端构建工具，grunt和gulp在早期比较流行，现在webpack相对来说比较主流，不过一些轻量化的任务还是会用gulp来处理，比如单独打包CSS文件等。grunt和gulp是基于任务和流（Task、Stream）的。类似jQuery，找到一个（或一类）文件，对其做一系列链式操作，更新流上的数据， 整条链式操作构成了一个任务，多个任务就构成了整个web的构建流程。w.

最近在研究ionic4，对ion-tabs的用法有疑惑在tab模块里的写法tab.html<ion-tabs selectedIndex="{{constants.rootTab}}"> <ion-tab [root]="tab1Root" tabTitle="主页" tabIcon="home"></ion-tab> <ion-tab [...

以下是2020年3月到11月遇到问题的解决方式和部分技术积累移动端vw、vh适配方案https://www.jianshu.com/p/87d43d241501移动端 滚动隐藏浏览器地址栏和工具栏https://wanghi.cn/202003/26727.html移动端真机调试指南https://aotu.io/notes/2017/02/24/Mobile-debug/index.htmlvue 移动端调试工具（vconsole）https://www.cnblogs.co...

vue官方文档中是这么解释的：　　混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。人话： Vue.mixin给我们提供了一种混入Vue实例的方法，创建了混入对象之后，我们自定义的方法或者变量可以很轻松的挂载在Vue实例上。V...

前置条件：npm install --save-dev gulpgulp-replace不多说，上代码constgulp=require('gulp')constreplace=require('gulp-replace')constfs=require('fs')constjoin=require('path').joinc...

最近使用event-emitter比较多，特地去查看了相关源码和加上自己的理解，写下点笔记，各位大佬觉得写得有错的指教一下，谢谢。参考资料：Event emitter的监听事件：https://www.php.cn/xiaochengxu-391850.htmlJS的EventEmitter使用步奏详解：https://www.php.cn/xiaochengxu-39184...

在 JavaScript 里使用 typeof 来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object”，“function” 六种。对于数组、null、对象来说，其关系错综复杂，使用 typeof 都会统一返回 “object” 字符串。要想区别对象、数组、函数单纯使用 typeof 是不行的，JavaScri...

#Mockjs的应用记录github：https://github.com/15815407241/mock-use##此次为不需要开启node服务器的模拟应用```Mock官网:http://mockjs.com/``````使用方法：1.引用mock目录下的mock.js2.参考loginjs进行应用```var Moc...

github：https://github.com/15815407241/License-Plate-Selector<template> <div class="container"> <div class="in-mask" @click="clickMask"></div> ...

#Vue##1.熟练使用Vue的API、生命周期、钩子函数官网：https://cn.vuejs.org/v2/api/##2.MVVM框架设计理念参考资料：http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.htmlhttps://segmentfault.com/a/1190000009397476...

#浏览器原理##1.各浏览器使用的JavaScript引擎以及它们的异同点、如何在代码中进行区分各浏览器使用的JavaScript引擎：https://www.cnblogs.com/gdutbean/archive/2012/02/21/2362003.html##2.请求数据到请求结束与服务器进行了几次交互参考资料：https://blog....

#浏览器API##1.浏览器提供的符合W3C标准的DOM操作API、浏览器差异、兼容性参考资料：https://blog.youkuaiyun.com/TrackerMe/article/details/83852573https://developer.mozilla.org/zh-CN/docs/Web/API##2.浏览器提供的浏览器对象模型 (BOM)提供的所有全...

　修饰器（Decorator）是一个函数，用来修改类的行为。一、概述　　ES6 引入了这项功能，目前 Babel 转码器已经支持Decorator　　首先，安装babel-core和babel-plugin-transform-decorators。由于后者包括在babel-preset-stage-0之中，所以改为安装babel-preset-stage-0亦可$ npm i...

#数据结构##1.理解常见数据结构的特点，以及他们在不同场景下使用的优缺点参考资料：https://blog.youkuaiyun.com/u014419014/article/details/78770812##2.理解数组、字符串的存储原理，并熟练应用他们解决问题参考资料：https://blog.youkuaiyun.com/donspeng/article/details/8...

children和childNodes1，childNodes 属性，标准的，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。有些人错误的使用()去取该集合元素，下表列出各浏览器对childNodes(i)的支持情况：

JS中的call()和apply()方法博客分类： JS 1、方法定义call方法: 语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初

html px em pt单位区 目录 认识3单位 html单位案例对比 单位换算 em单位介绍 推荐单位PX(像素) 关于px pt em总结单位一、PX\EM\PT单位介绍 - TOPpx单位名称为像素，相对长度单位，像素（px）是相对于显示器屏幕分辨率而言的国内推荐； em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸，国外使用比较多；扩展阅读：html em标

/ ** 获得当前时间/*function getCurrentDate() {return new Date()}/**获得该月的天数@param year年份@param month月份*/function getMonthDays(year, month) {// 本月第一天 1-31var relativeDate = new Date(year, month,...

统一设置请求头// 创建axios实例// https://www.kancloud.cn/yunye/axios/234845const service = axios.create({baseURL: process.env.BASE_API, // api的base_urltimeout: 5000, // 请求超时时间// 所有请求都以Json形式传送//...

tip：本文含部分Es6语法1.if(a)的自动转换数据类型 转换为true的值 转换为false的值 Boolean true false String 任何非空字符串 ""（空字符串） Number 任何非零数字值（包括无穷大） 0和NaN Object 任何对象 ...

面试的时候，我们经常会被问从在浏览器地址栏中输入 url 到页面展现的短短几秒内浏览器究竟做了什么？那么浏览器到底做了啥？浏览器的多进程架构一个好的程序常常被划分为几个相互独立又彼此配合的模块，浏览器也是如此，以 Chrome 为例，它由多个进程组成，每个进程都有自己核心的职责，它们相互配合完成浏览器的整体功能，每个进程中又包含多个线程，一个进程内的多个线程也会协同工作，配合完成所在进程的职责...

##执行机制###1.为何try里面放return，finally还会执行，理解其内部机制参考资料：https://segmentfault.com/a/1190000019224768?utm_source=tag-newest###2.JavaScript如何实现异步编程，可以详细描述EventLoop机制####JavaScript如何实现异步编程...

##语法和API###1.理解ECMAScript和JavaScript的关系ECMAscript到底是什么？它和JavaScript的关系？要讲清楚这个问题，需要回顾历史。1996年11月，JavaScript的创造者Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这种语言能够成为国际标准。次年，ECMA发布262号标准文件（ECM...

#一、JavaScript基础##变量和类型###1.JavaScript规定了几种语言类型JavaScript规定了七种语言类型，他们是：Undefined、Null、Boolean、String、Number、Symbol、Object###2.JavaScript对象的底层数据结构是什么表意不明###3.Symbol类型在实际开发中的...

##原型和原型链###1. 理解原型设计模式以及JavaScript中的原型规则####原型设计模式JavaScript是一种基于对象的语言， JavaScript中的所有对象， 都具有prototype属性。 prototype属性返回对象的所有属性和方法， 所有 JavaScript 内部对象都有只读的 prototype 属性， 可以向其原型中动态添加属性...

##作用域和闭包###1.理解词法作用域和动态作用域####作用域####静态作用域。作用域是指程序源代码中定义变量的区域。作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。JavaScript 采用词法作用域(lexical scoping)，也就是静态作用域。function f1() {alert(v)...

【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个...

#编译原理##1.理解代码到底是什么，计算机如何将代码转换为可以运行的目标程序编译原理参考资料：https://baike.baidu.com/item/%E7%BC%96%E8%AF%91%E5%8E%9F%E7%90%86/4194?fr=aladdin##2.正则表达式的匹配原理和性能优化参考资料：https://www.cnblogs.com/wang...

什么是柯里化？在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数且返回结果的新函数的技术。函数柯里化的主要作用和特点就是参数复用、提前返回和延迟执行。function curry(fn, args) { var length = fn.length; var args = ...

#JavaScript编码能力##1.多种方式实现数组去重、扁平化、对比优缺点参考资料：https://blog.youkuaiyun.com/xiaobing_hope/article/details/79458288https://blog.youkuaiyun.com/ganyingxie123456/article/details/77947704###简单数组去重...

#手动实现前端轮子##1.手动实现call、apply、bind参考资料：https://www.jianshu.com/p/3b69fb0d4c2f##2.手动实现符合Promise/A+规范的Promise、手动实现async await手动实现符合Promise/A+规范的Promise：https://www.jianshu.com/p/8d5c3a...