- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【计算机网络】常见请求头响应头字段
计算机网络之常见请求头响应头字段及其作用详解Accept-xxxAccept这个头信息指定浏览器或其他客户端可以处理的MIME类型(多媒体类型)。有text/html,image/，/等几种常用类型。/*可以简单的概括为告诉服务器，客户端什么数据类型都支持。Accept-Charset这个头信息指定浏览器可以用来显示信息的字符集。例如 ISO-8859-1。Accept-Encoding这个头信息指定浏览器知道如何处理的编码类型。值 gzip 或 compress 是最常见的两种可
2021-08-04 00:46:05
738
原创 【前端基础】JavaScript继承
学习js的几种继承方式文章旨在梳理JavaScript中几种继承方式一、原型链继承//父类var Person = function(name,age){ this.name = name; this.age = age;}//在父类上添加方法，子类可以继承该方法Person.prototype.getName = function(){ console.log(this.name);}Person.prototype.getSex = function(){ console
2021-08-04 00:43:05
118
原创 vue使用swiper踩坑（轮播图不自动播放，上一张下一张按钮不起作用）
为了不浪费大家时间，先说一下，最后解决办法是使用vue-awesome-swiper，并且要注意版本号及其对应的API，本文中的API写法和3.1.3版本的vue-awesome-swiper是对应的，可以实现轮播图自动播放以及前一张后一张按钮 不失效。一个心路历程准备使用swiper实现轮播图根据Swiper API官网：首先，安装依赖包$ npm install swiper导包及使用// import Swiper JS import Swiper from 'sw.
2021-05-28 15:49:27
2253
原创 一个可以自己选择颜色的配色卡实现——ColorPicker【ColorDot】
最近看到一个颜色选择网站，网站地址点这里。觉得很有趣，想自己实现一下，顺便学习一下canvas。没有看源码，全部是自己设计的，预计两天完成吧思路和实现调色盘的实现使用canvas画一个渐变色画布，其中x轴是色度，y轴是明暗度，官网其实还有一个z轴，是鼠标滚动选择饱和度，这里先不考虑。首先，先做x轴的色盘，相当于做一个类似ps里的选色的彩虹条，思路是创建canvas的渐变对象，从左到右分为六份，是红黄绿青蓝紫这六种颜色，最后又过渡回到红色做一个，代码如下：<canvas class=.
2021-05-23 22:10:19
1074
原创 鼠标经过图标并显示内容
本篇的目的是实现鼠标经过微信图标，显示微信二维码的功能，总结思路和相关知识点。思路：使用img标签，并使用一个href为空的a标签作为img标签的父元素。父元素使用相对定位，img标签为子元素是绝对定位，z轴设置一个较大数，并且使用opacity为0将其隐藏起来。使用一个icon作为微信图标，也放在a标签里。当鼠标移动到该图标上时，img标签的opacity变为1，显示这个元素。动画效果，css3缩放：scale(x,y) 对元素进行缩放X表示水平方向缩放的倍数 | Y表示垂直方向.
2021-05-17 21:42:18
1593
原创 在Vue项目中使用lineIcons-现成的icon图标
本篇写如何在Vue项目中导入lineIcon图标，并直接使用，同理，这个方法同样适用于导入其他已封装好的图表库。首先到lineIcon官网下载图标库将其放入项目的assets目录下在main.js中全局引入，局部的在需要的页面引入即可官网可以查到每个图标的class，复制后在需要的vue页面使用相应的图标即可。效果图：...
2021-05-17 21:06:29
569
原创 前端学习：Object.defineProperty()总结与扩展
从Vue认识了Object.defineProperty()方法，觉得这个方法挺神奇，在这里做一个总结。参考来源是《JavaScriot高级程序设计》这本书。Object.defineProperty()的用途1.修改对象中的某个属性的特性特性描述了属性的各种特征，在JavaScript中不能直接访问。参数：（1）object：修改的对象。（2) property：修改的属性名。（3）描述符对象，该对象包含以下属性（这些属性都是object中的某属性的特性）：configurab.
2021-04-20 17:21:02
376
原创 前端学习：闭包及其应用
本文章整理闭包相关知识，包括闭包的介绍及原理、闭包的优缺点、闭包的应用。什么是闭包？闭包就是函数中的局部变量（作用域在父级函数）被函数中的嵌套函数所使用，就会形成一个闭包。原理是父级作用域的变量可以被子作用域所使用。如何使用闭包？为什么要使用闭包？我们可以把这个嵌套函数return出去，这样函数外部就能够间接的访问到这个局部变量了。我们给return出去的函数设定一些规定的操作，这样外部调用时，就只能按照我们规定的方法来间接访问该局部变量。这样可以保护这个变量不被随意修改。闭包的用途：.
2021-04-18 16:30:53
382
1
原创 前端学习：面试问到某某布局时的回答思路
专门写个文章提醒自己思考顺序，每次问到布局脑子就开始蒙开始混乱，千万不要败在布局上面试问到某某布局时的回答思路一、考虑元素是块级元素还是行内元素还是行内块元素，考虑需要多少盒子二、如果涉及到一行多个盒子，考虑flex布局还是float布局弹性布局float布局三、考虑是响应式布局还是自适应布局flex自适应布局和高度有关的自适应和左右有关的自适应（规定float布局的情况，一般用flex布局即可解决）响应式布局三、考虑定位（Position）四、考虑位移（位置在哪）五、考虑内容位置（内容水平垂直居中）.
2021-04-10 22:28:42
726
原创 前端学习：异步编程（Promise和异步函数）
前端学习：异步编程（Promise和异步函数）异步编程JS的单线程和异步编程回调地狱Promise什么是Promise？Promise有哪些状态？Promise有哪些实例方法？（then、catch、finally）非重入特性Promise的链式调用Promise的静态方法：Promise.all()、Promise.race()Promise.all()Promise.race()Promise的应用函数合成Promise的封装顺序打印1....9异步函数（async/await）应用实现sleep（）
2021-04-05 21:50:53
342
原创 前端学习：HTML/CSS九宫格布局（Flex和Float两种实现）
这篇文章整理一下常见的布局思路九宫格布局腾讯面试问到的，问题是，在不规定父元素宽高的情况下，一行排列三个盒子，超出3个，按从左到右布局，每个子元素间隔10px，可以用flex也可以用float布局。。。一时半会儿还真没想到百分比来控制宽度，我好菜。。。我没理解错的话，示意图如下：方法一：float+百分比设置宽高效果图：//css<style type="text/css"> .boxfather{ background-color: pink; overflow.
2021-04-03 17:07:26
2668
原创 前端学习：从头学习Vue
从头学习VueLevel 1 Vue的基础Level 2 Vue的组件化构建组件树子组件和父组件的通信Level 3 Vue和CSSLevel 4 Vue的原理MVVM模型vue实例的创建和data属性Vue的计算属性、方法和侦听器原理计算属性Vue的生命周期Level 1 Vue的基础数据和DOM（不仅是文本、还有属性和DOM结构）建立了关联，所有东西都是响应式的！即数据绑定以及双向数据绑定。如何创建vue实例var vm = new Vue({ // 选项 data:{},//数
2021-04-02 00:01:43
225
原创 前端学习-浏览器从输入URL到显示全过程（详细版）
本文章包括了浏览器从输入URL开始到展现出整个页面的过程的知识点，目的是为了梳理整个知识框架，包括计算机网络、浏览器渲染等知识。梳理完这部分的知识后，你应该能知道要从哪里入手前端优化了吧？浏览器的工作方式对网址URL进行DNS解析TCP连接TCP三次握手建立连接不同HTTP版本下TCP连接的不同HTTP请求与响应请求和响应报文的格式常见的状态码常用的请求方法浏览器渲染构建DOM树和CSSOM构建渲染树绘制回流和重绘浏览器加载图片的时机断开连接TCP四次挥手关闭连接将理论落地：前端优化对网址URL进行.
2021-04-01 22:50:02
743
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人