- 博客(23)
- 收藏
- 关注
RSS订阅原创 Vue.config.js配置，从0到1
前情提要当使用vue-cli3进行vue项目搭建的时候，如果要配置webpack，需要创建vue.config.js，在这个文件里面里面进行配置官网module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 //例如 https://www.my-app.com/。如果应用被部署在一个子路径上， //你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 // https://w
2020-10-22 22:56:31
436
1
原创 webpack4从0到1的配置详解
url简介Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块基本原理配置一、创建初始化文件mkdir democd demonpm init -y二、安装npm i webpack webpack-cli --save-dev三、创建入口文件创建src文件，src文件下创建ind
2020-10-21 10:30:01
273
原创 jQuery中$(‘‘)选择器的实现原理概述
第一步：选择器入口jQuery.fn.init是一个构造函数，同时他的prototype指向了jQuery.fn和jQuery.prototype，调用$()时会返回一个他的实例。context是上下文环境，一般不传$.fn是指jQuery的命名空间，加上fn上的方法及属性，会对jQuery实例每一个有效第二步：init构造函数进入init函数后会根据传入的参数数据类型进行不同的操作，用作选择器时会传入字符串if ( typeof selector == "string" ){ /
2020-10-17 16:03:51
844
原创 学习vue3.x ——了解新特性
github代码地址介绍Vue.js 3.0 “One Piece” 已正式发布，此框架新的主要版本提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新 API。Vue 3.0 核心仍然可以通过一个简单的 <script> 标签来使用，但它的内部结构已经被重新编写成一个解耦模块的集合。新的架构提供了更好的可维护性，并允许终端用户通过 tree-shaking 减少多达一半的运行时大小。在 Vue 3 中，基于对象的 2.x API 基本没有变化
2020-10-16 16:12:03
289
原创 JavaScript学习数据结构与算法
一、数组1.1、常用方法方法作用concat连接两个或更多数组，并返回结果，不影响原数组slice传入索引值，将数组里对应索引范围内的元素作为新数组返回，不影响原数组splice指定位置/索引，就可以删除相应位置和数量的元素，并以新元素代替，影响原数组reverse数组元素反转，影响原数组join将所有的数组元素以指定字符连接成字符串，不影响原数组toString将数组整体作为字符串返回，不影响原数组indexOf返回第一个与给定参数
2020-09-26 22:54:19
894
原创 ES6详解（持续更）
前言之前对ES6也有过学习使用，但是都没有深入系统去看看文档书籍，这里开始对一些ES6语法进行整理总结。本文基于阮一峰ES6入门，线上地址：阮一峰ES6入门let和const命令1、let命令如果使用let，声明的变量仅在块级作用域内有效var a = [];for (let i = 0; i < 10; i++) { //如果这里用var，则下面的输出为10 a[i] = function () { console.log(i); };}a[6]();
2020-09-20 23:00:55
750
1
原创 前端笔试面试总结（持续更）
观察者模式特点发布&&订阅一对N（一对一，一对多）实现UML类图Subject类内部保存了一个其订阅者的列表同时还有当前状态:可以通过setState方法改变内部的状态,在状态发生变更的同时执行notifyAllObservers方法,遍历取出每个订阅者,执行update方法.Subject类暴露一个attach方法给Observer类来允许其进行订阅 class Subject { constructor(name, age) {
2020-08-31 22:47:26
370
原创 webpack基础笔记
概念本质：当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。#入口(entry)配置通过在webpack配置中配置entry属性，指定一个或多个入口起点，默认值是./src。##单个入口简写语法用法：entry: string|Array<string>webpack.config.jsmodule.exports = { entry: './p
2020-08-25 11:59:41
409
原创 Vue-music项目笔记
踩坑[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.未知（待更新）“Error in render: “TypeError: Cannot read property ‘0’ of undefined”三层表达式a.b.c，在对象a中没有对象b，
2020-08-24 01:27:19
297
原创 javascript高级程序设计 第三版
网盘地址提取码：vh81笔记第二章2.1script标签<script>元素属性：async、charset、defer、language、src、typeasync和defer只对外部脚本有效，language已废弃，type默认为“text/javascript”defer属性可以让脚本在文档完全呈现之后再执行，且按照指定的顺序执行设置了async的脚本文件不一定按照书写顺序执行，所以文件间应该互不依赖；异步脚本会在页面的load事件前执行，但可能会在DOMContentL
2020-07-25 11:41:53
790
原创 javascript DOM编程艺术
网盘链接提取码：1z7p笔记部分元素节点：1 属性节点：2 文本节点：3IE老版本浏览器不支持abbr标签nodeName总是返回一个大写值javascript伪协议<a href='javascript:window.open("new");'>测试</a>不是真实的协议，http://，ftp://关联数组下标取值 var arr = new Array; arr[0]=10; arr.a = "no1"; arr.
2020-07-20 15:01:35
135
原创 图解CSS3核心技术与案例实战
PDF网盘地址提取码：7klk笔记部分渐近增强和优雅降级选择器1、多类选择器任一类名不存在就无法匹配（IE6不支持，会以末尾类名为准）2、E ~ F 选择相邻且紧挨E的F3、目标伪类选择器E :target 匹配E的所有元素，且匹配元素被相关URL指向E后需要一个空格4、语言伪类选择器E:lang(en){quotes:'"' '"';}5、结构伪类选择器ul>li:nth-child(2)，如果第二个子元素不是li，那便找不到元素:nth-child(n)，选
2020-07-19 11:30:04
476
原创 CSS实现手风琴
利用CSS :target实现手风琴HTML部分<div class="menu"> <div id="brand" class="section"> <h2><a href="#brand">brand</a></h2> <p>i am a new brand</p> </div> <div id="pro" class=
2020-07-17 20:19:49
165
原创 HTML5权威指南 笔记
第三章acceesskey属性作用：accesskey可以设定一个或几个用来选择页面上的元素的快捷键例：<input type=“text” name=“name” accesskey=“n“/>为input设置accesskey属性，windows系统上，同时按下alt+n，就可以选择到这个inputcontenteditable属性作用：值为true时，内容可编辑，flase时不可编辑。如果未设定，则会从父元素进行继承例：<p contenteditable
2020-07-17 13:04:24
247
原创 BFC的定义与作用
BFC的定义BFC即Block Formatting Context，与之相对的还有IFC（InlineFormatting Context）BFC：属性为block，list-item，table的元素BFC布局规则1. 属于同一个BFC的两个相邻Box的垂直margin会发生重叠2. BFC区域不会与float box重叠3. 计算BFC高度，会把浮动元素也记录在内4. BFC是一个独立容器，内部布局不影响外部，外部也不影响内部如何开启BFC1. float2..
2020-07-15 10:45:46
150
原创 换行，vertical-align
1.换行<div>asdddddddddddddddddddddddddddddddddddddd</div> 视为一个单词，不会换行，asdddddd asd asd会换行2.vertical-align父元素设置需要line-height，如果父元素为inline，则可以不用当父元素没有设置line-height时，只对行内元素的兄弟元素对齐有用，无法子元素居中对齐父元素子元素为inline或inline-block，子元素如果继承了父元素的line-h..
2020-07-14 22:26:15
153
原创 Head First HTML and CSS 笔记
1. 蒙版柔化图像边缘2. <br>和<br/>区别处理XHTML时，<br/>语法更为严格，除非规划或编写与XHTML兼容的页面，否则建议写<br>3.<DOCTYPE html>如果告诉浏览器用的是html5，但实际没有，浏览器就会使用它提供的错误处理方法来尝试正确的做法，而每个浏览器有各自的方式4. href和src的区别：1、请求资源类型不同（1）href是Hypertext Reference的缩写，表示超.
2020-07-14 20:30:14
133
原创 CSS垂直居中
1.单行行内元素设置行高等于父元素的高度2.多行行内元素使用给父元素设置display:table-cell;和vertical-align: middle;3.块级元素1.定位2.flex布局
2020-07-14 17:11:47
116
原创 计算机网络 第三章
三、数据链路层两种信道：点对点信道，广播信道重要内容：数据链路层的点对点信道和广播信道的特点，以及这两种信道使用的协议（PPP协议以及CSMA/CD协议）的特点数据链路层的三个基本问题：封装成帧，透明传输和差错检测以太网MAC层的硬件地址适配器、转发器、集线器、网桥、以太网交换机的作用以及使用场合路由器转发分组时使用的协议栈只有下面的三层，根据路由选择协议不同也可能需要使用运输层协议PS：根据图3-2，可以分成四段不同的链路通信组成，这四段可能采用不同的数据链路层协议3.1使
2020-07-13 14:38:18
745
原创 计算机网络 第二章
二、物理层2.1物理层的基本概念2.2数据通信的基础知识2.2.1数据通信系统的模型三大部分：源系统（或发送端、发送端），传输系统（或传输网络）和目的系统（或接受方、接受端）。源系统：源点、发送器目的系统：接收器、终点2.2.2有关信道的几个基本概念三种基本方式：单向通信、双向交替通信、双向同时通信调制：基带调制、带宽调制2.2.3信道的极限容量(1) 信道能通过的频率范围(2) 信噪比2.2.4物理层下的传输媒体...
2020-07-11 20:47:23
841
原创 计算机网络 第一章
一、概述1.1 计算机网络在信息时代的作用1.1.1 三大类电信网络、有线电视网络、计算机网络1.1.2 互联网基本特点连通性、共享1.2 互联网概述1.2.1网络的网络1）组成：计算机网络（简称网络）由若干结点(node)和连接这些结点的链路(link)组成。2）网络之间通过路由器连在一起，称为互连网，因此互连网是“网络的网络”3）网络把计算机连在一起，互连网通过路由器连接网络，和网络相连的称为主机。ps：智能手机也可以称为主机1.2.2互联网基础结构发展的三个阶段第一阶段：单个
2020-07-05 11:57:11
398
原创 go实现简易的斐波那契数列显示
package mainimport "fmt"func fibo(num int) { x, y := 1, 1 for i := 0; i < num; i++ { fmt.Println(x, "\t") x, y = y, x+y }}func main() { var num int fmt.Println("give me a num") fm...
2020-04-20 16:23:22
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人