2020 年 3月随笔档案 - 一只小菜鸟呀！

搭建Vue项目 vue-cli vue1.x

摘要：如何搭建一个vue项目一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g 阅读全文

posted @ 2020-03-30 16:09 一只小菜鸟呀！阅读(386) 评论(0) 推荐(0)

Chrome----TCP

摘要：完整的 TCP 连接过程图，通过这个过程你可以明白 TCP 是如何保证重传机制和数据包的排序功能的。从下图可以看出，一个完整的 TCP 连接的生命周期包括了“建立连接”“传输数据”和“断开连接”三个阶段。一个 TCP 连接的生命周期首先，建立连接阶段。这个阶段是通过“三次握手”来建立客户端和服务器阅读全文

posted @ 2020-03-30 15:54 一只小菜鸟呀！阅读(678) 评论(0) 推荐(0)

单进程VS多进程

摘要：单进程浏览器的特点，不稳定，不流畅，而且不安全；从图中可以看出，最新的 Chrome 浏览器包括：1 个浏览器（Browser）主进程、1 个 GPU 进程、1 个网络（NetWork）进程、多个渲染进程和多个插件进程。下面我们来逐个分析下这几个进程的功能。浏览器进程。主要负责界面显示、用户交阅读全文

posted @ 2020-03-30 15:33 一只小菜鸟呀！阅读(2130) 评论(0) 推荐(0)

线程VS进程

摘要：线程 VS 进程多线程可以并行处理任务，但是线程是不能单独存在的，它是由进程来启动和管理的。那什么又是进程呢？一个进程就是一个程序的运行实例。详细解释就是，启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行中的数据和一个执行任务的主线程，我们把这样的一个运行环境叫进程。从图中阅读全文

posted @ 2020-03-30 15:23 一只小菜鸟呀！阅读(374) 评论(0) 推荐(0)

Chrome---network模块---Timing

摘要：浏览器端功能模块简介浏览器 Network 中的Timing 浏览器中 HTTP 请求流程: 我们发起一个 HTTP 请求之后，浏览器首先查找缓存，如果缓存没有命中，那么继续发起 DNS 请求获取 IP 地址，然后利用 IP 地址和服务器端建立 TCP 连接，再发送 HTTP 请求，等待服务器响应阅读全文

posted @ 2020-03-30 15:09 一只小菜鸟呀！阅读(929) 评论(0) 推荐(0)

在网页中会引入哪些常见的静态资源？

摘要：在网页中会引入哪些常见的静态资源？ 1.JS（.js .jsx .coffee .ts(TypeScript 类 c# 语言 c sharp 语言)） 2.CSS （.css .less .scss .sass(基本不用了)） 3.Images（.jpg .png .gif .bmp .svg） 4 阅读全文

posted @ 2020-03-23 16:10 一只小菜鸟呀！阅读(1479) 评论(0) 推荐(0)

nrm 的安装使用

摘要：nrm 的安装使用作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址；什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候我们可以在国内，创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的，除此之外阅读全文

posted @ 2020-03-20 18:18 一只小菜鸟呀！阅读(187) 评论(0) 推荐(0)

watch、computed、和methods之间的对比

摘要：1.computed 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算，主要当作属性来使用； 2.methods 是一个方法，表示一个具体的操作，主要书写业务逻辑； 3.watch 是一个对象，键是需要观察的表达式，值是对应回调函数，主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑阅读全文

posted @ 2020-03-20 17:59 一只小菜鸟呀！阅读(399) 评论(0) 推荐(0)

vue 之computed 计算属性

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-20 17:48 一只小菜鸟呀！阅读(900) 评论(0) 推荐(0)

vue 之watch 监听路由地址的改变

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-19 10:09 一只小菜鸟呀！阅读(7376) 评论(0) 推荐(0)

vue 之监听事件----2.watch

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-19 09:29 一只小菜鸟呀！阅读(586) 评论(0) 推荐(0)

vue 之监听案例----1.keyup

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-19 09:28 一只小菜鸟呀！阅读(363) 评论(0) 推荐(0)

vue之路由的命名视图实现经典布局

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-18 10:04 一只小菜鸟呀！阅读(231) 评论(0) 推荐(0)

vue之路由的嵌套子路由

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-18 09:02 一只小菜鸟呀！阅读(1382) 评论(0) 推荐(0)

angular.js 之双层ng-repeat循环

摘要：阅读全文

posted @ 2020-03-17 21:44 一只小菜鸟呀！阅读(961) 评论(0) 推荐(0)

AngularJS阻止事件冒泡$event.stopPropagation()

摘要：<button type="button" ng-click="doSomeSth();$event.stopPropagation();">button</button> 该方式适应于click事件，若想要在自定义指令中阻止事件冒泡，可采用标志位的方法：阅读全文

posted @ 2020-03-17 21:39 一只小菜鸟呀！阅读(435) 评论(0) 推荐(0)

Vue之路由规则中定义参数传参方式2 params

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-17 21:13 一只小菜鸟呀！阅读(847) 评论(0) 推荐(0)

Vue之路由规则中定义参数传参方式1

摘要：传参方式一： this.$route.query.id <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- 阅读全文

posted @ 2020-03-17 09:14 一只小菜鸟呀！阅读(710) 评论(0) 推荐(0)

vue之路由的基本使用 && 高亮

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-15 22:29 一只小菜鸟呀！阅读(521) 评论(0) 推荐(0)

前端路由 VS 后端路由

摘要：什么是路由？ 1.后端路由：对于普通网站来说，所有的链接都是URL地址，所有的URL地址都对应服务器上对应的资源 2.前端路由：对于单页面应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容，所以，单页面程序中的阅读全文

posted @ 2020-03-12 07:57 一只小菜鸟呀！阅读(184) 评论(0) 推荐(0)

URL中的hash-----转载

摘要：1.#的含义 #代表网页中的一个位置，其右边的字符，就是该位置的标识符。比如 http://www.example.com/index.html#print 就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。设置方法： step1：设置一个锚点<a 阅读全文

posted @ 2020-03-11 20:27 一只小菜鸟呀！阅读(355) 评论(0) 推荐(0)

vue 之 ref

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-11 20:13 一只小菜鸟呀！阅读(262) 评论(0) 推荐(0)

练习父组件调用子组件方法----发表评论案例

摘要：效果图如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文

posted @ 2020-03-11 09:06 一只小菜鸟呀！阅读(152) 评论(0) 推荐(0)

localStorage 和 sessionStorage

摘要：Web Storage实际上由两部分组成：sessionStorage与localStorage。 sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地阅读全文

posted @ 2020-03-10 21:17 一只小菜鸟呀！阅读(226) 评论(0) 推荐(0)

判断两个数组的值是否相等

摘要：判断两个数组的值是否相等比如： a = ['a','b','c','d']; b=['b','c','d','a'];顺序不同但是只要值是相同的话就返回true就可以了 let a = ['a','b','c','d'], b=['b','c','d','a'] ,is=false; a.ma 阅读全文

posted @ 2020-03-09 13:12 一只小菜鸟呀！阅读(6249) 评论(0) 推荐(0)

vue.js开发版本与生产版本的区别

摘要：引入vue.js可以从官网在线引入，官网共提供两个版本，分别是开发版和生产版开发版：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>生产版：<script src="https://cdn.jsdelivr.n 阅读全文

posted @ 2020-03-07 17:07 一只小菜鸟呀！阅读(2929) 评论(0) 推荐(0)

vscode怎么自定义html模版

摘要：目标：新建html快捷键解说：当我们想在VSCode中新建html代码时，可以输入vh 然后回车或者Tab即可自动生成一个html文件模板步骤： 1.点击设置用户代码片段搜索html，出现html.json文件，点击即可； 2. { "h5 template": { "prefix": " 阅读全文

posted @ 2020-03-07 15:37 一只小菜鸟呀！阅读(3308) 评论(0) 推荐(0)

return && return false

摘要：1. return返回null，起到中断方法执行的效果，只要不return false事件处理函数将会继续执行，表单将提交2. return false，事件处理函数会取消事件，不再继续向下执行。比如表单将终止提交。阅读全文

posted @ 2020-03-01 08:48 一只小菜鸟呀！阅读(302) 评论(0) 推荐(0)

一只小菜鸟呀！

03 2020 档案

公告