- 博客(44)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 ERROR Invalid options in vue.config.js: “externals“ is not allowed
意思是vue.config.js里面没有这个字段，可以先参考vue-cli的配置参考如果里面没有这个字段，那可能是你配置的这个webpack字段vue并没有把它映射到vue.config.js中。这种情况这样在vue.config.js里这样配置(高版本vue-cli3.3之后里没有webpack.config.js)：// vue.config.jsmodule.exports = { configureWebpack: { externals: 'hls.js' }// 配置webpack的
2020-11-24 17:33:46
9988
2
原创 Module not found: Error: Can‘t resolve ‘hls.js‘ in ‘E:\Projects\since\startnetweb3.0\starnetweb\node
报错这个报错信息是vue-video-player里面的某个模块找不到，虽然是警告⚠，但是看见了就想把它解决了。解决方法：既然没用到这个文件，那我就直接忽略它，不加载它就可以了，用externals:'hls.js,即可。// 在webpack.config.js里配置externals: 'hls.js'如果是高版本的vue-cli，里面默认没有了build文件夹，只能在vue.config.js里面配置。而且vue-cli更新废除了之前好多的字段。具体去vue-cli官网查看：vue-cl
2020-11-24 17:26:45
3673
原创 变量提升在V8引擎中是如何实现的-2020-09-28
变量提升在V8引擎中是如何实现的。首先，我们知道用var声明的变量会产生变量提升。那么let、const会吗？console.log(b);//undefinedvar b = 5;//========================console.log(a);//ReferenceError: a is not defined//用let 或const声明后，和没有用声明报一样的错误。显然，let、const不存在变量提升。console.log(a);//ReferenceErro
2020-09-28 11:16:56
533
2
原创 指令v-model的实现
父组件代码：<template> <div id="app"> <!-- 原生v-model --> <input type="text" v-model="name"> <!-- 利用v-bind和@input实现 --> <myInput :value1='name' @input1="val=>this.name=val" ></myInput> <
2020-09-19 10:05:41
221
原创 快手用户增长实习一面。
首先问了项目的背景。问了js的数据类型闭包、闭包的应用ES6的新特性提了promise，进而提出宏微任务。我说dom的是异步操作是宏任务，面试官给我讲了下，说应该是微任务。给我举例了vue中的nextTick方法，是在所有dom的异步操作后执行。然后问我nextTick的实现原理，如果dom操作是异步宏任务，会等的比较长的时间，（宏任务执行优先级低？所以等的时间长，不是，而是macrotask有哪些可选的方案呢？前面提到了setTimeout是一种，但它不是理想的方案。因为setT..
2020-08-29 00:10:32
808
原创 字节飞书一二面---8.24
二面说一下浏览器缓存吧。怎么判断是否走强缓存，什么时候走协商缓存怎样实现一个扇形？我说了用border实现。写一个归并排序吧。写不出来的话，拆分一下，先写一个排序算法，将两个已排序的数组合并为一个排序的数组。if([]){console.log(1)} if([] == ![]){ console.log(2)}new Promise(resolve => { console.log(1); resolve(3); Promise.
2020-08-24 00:10:59
386
原创 滴滴面试-zoom视频实习生-8.11
怎样开始学习前端的？在学校都学过什么课程？backgroud的图片居中403状态码路由传参的两种方式、两种方式怎么接受？一般兄弟间传参，你都怎么传？vuex用过没？watch和computed区别用过哪些钩子函数，如果指向渲染一次，用哪个钩子函数把一个数组转为key：value模式[‘tom’,‘15’,‘man’],把这个数组变成key-value方式正则匹配：以小写字母开头，包含大小写字母，数字，中横线，长度不超过32判断：A、undefined == null undefi.
2020-08-11 22:18:45
669
原创 字节一二面---8.10
一面下面的输出var a = { name: 'bytedance', func: function() { console.log(this.name); }};Var fun1 = a.func;fun1();一秒后输出1，两秒后输出4，三秒后输出5…let a = [1, 4, 5, 7, 9]// 1s1// 2s4// 3s5display都有哪些属性？inline、inline-block、block的区别？像是margin、
2020-08-10 21:31:18
286
原创 根据请求的数据动态懒加载图片
思考：假如给你50+张图片，你如何实现懒加载？我的思路：加载loading图片：先在显示9张带着loading图片的div块进行占位获取后台数据，根据请求图片数量替换并生成同等数量的带着loading的div块利用Image()对象先将图片加载至内存，待加载完毕再将图片替换loading.png;知识预热：利用图片到 浏览器顶部的距离offsetTop的距离=浏览器可视窗口的距离clientHeight+滚动条距离scrollHeight 的时候开始加载图片。可视窗口获取api：原生
2020-07-27 16:16:11
632
原创 ES6类继承的源码是怎样实现的呢？？？
废话不多说，先看ES6转成ES5后的源码????ES6继承class A{ constructor(name){ this.name = name; } sayA(){ console.log(this.name,'sayA'); } static privateA(){ console.log(this,'A的私有属性'); }}class B extends A{ constructor(n
2020-07-26 16:15:27
325
原创 原生JS的几种原型继承的区别
function A(name){ this.name = name;}A.prototype.sayA = function(){ console.log(this.name+'Asay')}function B(name){ this.name = name;}B.prototype.sayB = function(){ console.log(this.name + 'Bsay');}B.prototype.proto = A.prototype//
2020-07-25 16:52:42
224
原创 https加密过程复习
HTTPS：给应用程序披上安全的防护罩。https加密流程：客户端发起https，连接到服务器端的443端口（https默认端口）服务器端提供证书公钥和私钥返回证书的公钥客户端解析证书：证书是否有效、生成随机值、公钥加密将加密的密钥发给服务端服务器端进行解析，私钥解密得到密钥、密钥加密发送内容服务器将收到的随机值当成共享加密（对称加密）的密钥进行加密。RSA：非对称的加密算法，仅存在理论上破解的可能http在没有加密的情况下，相当于明文传输，很容易被黑客截取数据对称加密是客户端
2020-07-25 15:38:33
503
1
原创 redux中componse函数的实现原理
首先，请看redux源码let componse = (...fns) => fns.reduce((a, b) => (...args) => a(b(...args)));如果要你实现一个componse函数，可能你会用这种方式；function componse(...fn){ return (...args)=>{ let lastFn = fn.pop(); //console.log(lastFn); ret
2020-07-24 23:38:29
259
原创 封装原生ajax需要注意的问题
文章目录原生JS四步使用兼容性处理封装代码展示使用实例利用ES6的class和闭包封装+常用方法封装原生JS四步使用第一步：创建xhr第二步：打开url第三步：监听状态和获取数据第四步：发送请求除了第二步要在第四步前，二和三、三和四没有先后顺序。//创建XHRlet xhr = new XMLHttpRequest;//打开URLxhr.open('get','/index.php?what=info');//使用post请求，是必须要加的：表示传递给服务器的数据格式为字符串xhr.
2020-07-10 18:31:01
319
原创 从服务器请求的数据汉字为utf-8格式
像是这种格式u7f8e\u56fd\u5de5\u7a0b\u9662P. Somasundaran\u9662\u58eb\u518d\u6b21\u6765\u8bfe\u9898\u7ec4\u5b66\u672f\u4ea4\u6d41你只需要将返回数据格式化为对象就行，因为服务器返回的数据为json格式，所以只需一步JSON.parse(response),就ok了！！...
2020-07-10 16:50:54
1120
原创 一次学会使用flex
flex属性介绍父元素设置display：flex；会在父元素容器内形成两根轴：水平的水平轴、垂直的交叉轴，默认按照主轴排列这几个属性是设置在父元素上用来控制子元素如何显示的。flex-direction： row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。flex-wrap: nowrap（默认）
2020-06-27 00:10:21
189
原创 面试题之css选择器优先级
css优先级规则CSS 优先规则1： 最近的祖先样式比其他祖先样式优先级高。CSS 优先规则2："直接样式"比"祖先样式"优先级高。CSS 优先规则3： 优先级关系：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器CSS 优先规则4： 计算选择符中 ID 选择器的个数（a），计算选择符中类选择器、属性选择器以及伪类选择器的个数之和（b），计算选择符中标签选择器和伪元素选择器的个数之和（c）。按 a、b、c 的顺序依次比较大
2020-06-16 11:22:55
1035
原创 面试题之实现上下固定、中间自适应的布局---三种实现
文章目录利用绝对定位+margin利用flex和三栏布局不一样，float没有上下浮动，所以不能利用float进行布局；像是圣杯布局，双飞翼布局都是利用浮动+margin ，所以上下三栏布局方法就相应的少了一些。像是圣杯、双飞翼布局可参考一次搞定面试常问的三栏布局–五种实现利用绝对定位+margin <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me
2020-06-13 21:19:34
567
2
原创 面试常问的 border实现三角形&使一个矩形水平垂直居中并设定宽高比
实现一个矩形，居中，宽高2：1复习position：static：默认的布局；即元素在正常文档流的位置。relative：相对定位；不脱离文档流，移动参照点是定位前的位置。absolute：绝对定位；脱离文档流，参照点是最近的非static的祖先元素。fixed：绝对定位；脱离文档流，参照点是屏幕视口。sticky：粘性定位；不脱离文档流，参照点是最近的滚动父元素。具体效果请查看MDN.box{ position: absolute; to
2020-06-12 09:49:06
320
原创 一次搞定面试常问的三栏布局--六种实现
实现左栏宽100px，右栏200px，中间自适应，高度100%利用浮动+margin左边左浮动，右边有浮动，中间设置高度宽度100%，然后，设置margin空出左右位置。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2020-06-11 16:11:48
371
1
原创 一次学会HTTPS 如何加密
文章目录HTTP 的缺点 ：HTTP+ 加密 + 认证 + 完整性保护 =HTTPS对称加密：共享密钥加密非对称加密 ：公开密钥加密。HTTPS采用混合加密机制HTTPS的通信步骤：HTTP 的缺点 ：通信使用明文（不加密），内容可能会被窃听不验证通信方的身份，因此有可能遭遇伪装无法证明报文的完整性，所以有可能已遭篡改HTTP+ 加密 + 认证 + 完整性保护 =HTTPS相互交换密钥的公开密钥加密技术 ：SSL 采用一种 叫做公开密钥加密（Public-key cryptography）
2020-05-22 17:29:54
733
原创 8中数组去重方法
文章目录for循环去重filter去重forEach去重sort（）去重es6---includes()去重reduce去重map去重最简单 set去重for循环去重let arr = [1,1,2,2,3,4,5,4,5,8,7,6,7,6,9,0];// for循环去重function uniqueArr1(arr){ let resArr = []; // 1、这一种更快一点 // for(let i=0;i<arr.length;i++){ //
2020-05-15 18:28:25
190
原创 快速熟悉ES6语法
文章目录@[toc]ESnext '下一代 js'语言babellet&const解构赋值:字符串模板:函数变化:扩展运算符(...)、Rest运算符:箭头函数:尾调用、尾递归数组:ES5里面新增一些东西ES6新增对象:对象扩展及新增方法Promise: 承诺，许诺模块化:程序中类class里面取值函数(getter), 存值函数(setter)继承super：拖拽数据类型:symb...
2020-03-26 17:06:40
412
原创 快速熟悉jQuery语法
jQuery笔记笔记编写者 九日文章目录jQuery笔记jQuery介绍页面的加载jQuery对象与DOM对象的互转jQuery中的选择器DOM中获取元素的方式:jQuery获取元素的方式:索引选择器获取兄弟元素的方法操作类样式链式编程断链链式编程实例arguement.callee其他的动画函数animate方法stop方法jQuery中DOM操作表单&value操作offset、l...
2020-03-26 16:57:19
256
原创 js 异步&Promise
js 异步&Promise主任务任务队列主任务只有一个主任务运行结束后，会从任务队列中寻找任务执行主(同步)任务、promise、宏任务、微任务setTimeout():属于宏任务。console.log():属于主任务。new Promise():里面的resolve => {resolve();//或reject()...
2020-03-26 16:55:12
169
原创 关于一个Link可以匹配多个Route的解释
<Link to="/moive/in_theaters/2">电影</Link>,在app.jsx中通过<Route path="/moive" component={Moive}></Route>进入moive.jsx中，然后又匹配到<Route path="/moive/:type/:page" component={MoiveList}...
2020-03-03 20:20:14
657
原创 webpack解析jsx语法，报 缺少loader
报错信息webpack.config.js.babelrcpackage.json为何还是报错 缺少loader，有知道的吗？????????????
2020-02-23 17:50:26
2515
原创 H5移动开发大作业之电子书
GitHub源代码地址：https://github.com/joeyang1512/joyang1512_ebook对于页面上各个元素，使用jQuery Mobile框架，结合CSS3样式设计进行外观设计，根据主题选取适当的字体大小、颜色和元素背景等截图演示：GitHub源代码地址：https://github.com/joeyang1512/joyang1512_ebook...
2020-02-18 17:21:25
793
原创 总结var const let
var、const、letvarvar定义的变量可以修改，如果不初始化会输出undefined，不会报错。关键字 var 声明一个变量，那么这个变量就属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域在声明变量时，省略 var 的话，该变量就会变成全局变量，如全局作用域中存在该变量，就会更新其值。var 声明的变量存在提升，而let、const不会...
2019-12-04 21:50:51
298
原创 jQuery的Ajax简单讲解----含status与readyState
简单框架$.ajax({ type:'GET', //请求类型 url:' ', //请求地址 data:{mat:matvalue},//需要向所请求的服务器或地址所传的内容 dataType:"text", //接受后台传来的数据类型text、json、jsonp(可跨域请求) success:function(json){//...
2019-11-30 21:03:21
756
原创 css模块化后，报错，输出的 itemStyles,发现不是对象，而是数组
import itemStyles from ‘…/…/css/ctmItem.css’css模块化后，报错，输出 itemStyles,发现其的不是对象，而是数组模块化的调用import itemStyles from '../../css/ctmItem.css'//console.log(itemStyles.box)//console.log(itemStyles)//cons...
2019-11-20 21:48:27
238
原创 webpack4实现热更新配置
安装webpack-dev-servercnpm i webpack-dev-server -S配置webpack.config.js,加注释的为其配置const path = require('path')const webpack = require('webpack')//引入webpackconst htmlWebpackPlugin = require("html-webpa...
2019-11-20 09:56:26
502
原创 关于CSS模块化
2019/11/19webpack.config.js的配置{test:/\.css$/,exclude:/node_modules/, use:[ {loader:'style-loader'}, { loader:"css-loader",...
2019-11-19 22:02:46
105
原创 关于浮动依照relative父元素的基线是什么？
关于左右浮动依照relative父元素的基线是什么？是父元素的content，还是border?我的right_span标签让它靠右，但必须要设置right：5px；效果如下：要是设置right：0px;就会顶到border。再者：为什么我的left_span设置为left：0px；，它却紧贴着content内容呢？<!doctype html><html>...
2019-09-27 19:25:47
247
原创 js中for循环中调用函数----三种方法
第一种：用this用this来调用，不然会报错因为var定义的i的值在每次循环的时候并不会被锁定，而当我们点击的时候(这动作是在循环完成后进行的，此时的i代表的是元素的总个数的值）。 for(var i=0;i<lists.length;i++){ lists[i].onmouseover = function () { co...
2019-09-14 17:32:40
12623
原创 跑马灯---js组件 可自设参数
运用JavaScript的DOM实现纯js的跑马灯的效果。以下是跑马灯可设的参数：content是广告内容y是距离顶部的位置background是背景颜色color是字体颜色size:修改字体大小height是广告高度代码如下：<script> var test1 = function (content,y,height,size,color,backgrou...
2019-08-04 19:51:58
674
原创 steps函数--参数意思和用法
图片解释如下，参数意思和用法在代码的注释中所引用图片共7帧，如下：尺寸为200*1400，所以设置div为200*200，分为7帧，除去展示帧，需六次步骤跳转，原图如下：代码：参数如果是start,就是在开始的时候改变,如果是end,就是在结束的时候改变.<!DOCTYPE html><html lang="en"><head> <...
2019-07-30 17:11:18
4690
原创 css之button过渡
点击效果：点击后会将下部阴影给遮挡代码+注释：/*transition 属性设置元素当过渡效果，四个简写属性为： transition-property 指定CSS属性的name，transition效果 transition-duration transition效果需要指定多少秒或 毫秒才能完成 transition-timing-function 指定transitio...
2019-07-29 21:08:30
854
原创 css动画之平移旋转变换
平移旋转：将序列编号进行变换<!DOCTYPE html><html><head> <title>动画</title> <style type="text/css"> /*将下列序列编号进行平移旋转*/ .rules{ list-style: none; counter-reset: rule...
2019-07-28 20:35:46
854
原创 初学GitHub总结
刚学了GitHub，总结了一点我学时遇见到的疑惑与问题。什么是GitHub？是一个程序员们可以把自己写的代码开源的放在上面（称为代码托管），集思广益，大家可以对上面开源的代码进行下载，修改，学习，不过需要经过代码上传的人的允许才能修改。上面集合了全世界大佬名人的成果。是全球最大的开源社区。学会她，是一个优秀的程序员必须的！什么是Git？与GitHub的关系？Git 是一款免费、开...
2019-07-22 21:04:11
242
www.cnplugins.com_eimadpbcbfnmbkopoojfekhnkhdbieeh_3_1_3_.crx
2020-03-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人