1 Eli-sun

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 4w+

Promise

面试必问asynchronization 异步 非同步化pending prep. 在…期间;直到…时为止;在等待…之际v. 待定;悬而不决(pend的ing形式)adj. 未决定的;行将发生的token n. (用以启动某些机器或用作支付方式的)代币,辅币;代价券;礼券;标志;(用于表达感情的)表示;记号;证明;路签;权标;象征性代表;(语言学)符号;标记;(计算机)令牌adj. 装样子的;作为标志的;象征性当选的Talk is cheap, show me the code.(linus)

2020-07-02 22:01:08

node

node.js特点(记住三句话)事件驱动非阻塞IO模型(异步)轻量和高效整个流程可以描述为:客户端直接请求到中间层的Node服务,node服务分析请求,看需要哪个页面,再去请求对应数据,拿到数据后和模板结合成用户看到的页面,再给到客户端。要退出node环境可以敲两下ctrl+c运行js文件,一种方法是:在要运行的文件中先点击shift键加上鼠标点击右键有一个Powershell,点击它,然后用 node 文件名 敲回车运行就可以在软件的终端也可以运行 node 文件名导包expo

2020-07-01 22:12:39

vue-router-keep-alive及其他问题和属性介绍

vue-router-keep-alive及其他问题和属性介绍keep-alive遇见vue-routerkeep-alive是Vue内置的一个组件,可以使用被包含的组件保留状态,或避免重新渲染。它里面有两个非常重要的属性:1.include - 字符串或正则表达式,只有匹配的组件会被缓存2.exclude - 字符串或正则表达式,任何匹配的组件都不会被缓存router-view也是一个组件,如果直接被包在keep-alive里面,所有路径匹配到的视图组件都会被缓存: <!--正则表达式

2020-06-30 19:02:16

vue-router-全局导航守卫

vue-router-全局导航守卫为什么使用导航守卫?考虑一个需求:在一个SPA应用中,如何改变网页的标题呢?网页标题是通过< title >来显示的,但是SPA只有一个固定的HTML,切换不同的页面时,标题并不会改变但是可以通过JavaScript来修改< title >的内容.window.document.title = ‘新的标题’那么在Vue项目中,在哪里修改?什么时候修改比较合适呢?matchedv. 敌得过;和…相配(match的过去式和过去分词)adj

2020-06-30 17:24:44

vue-router-参数传递

vue-router-参数传递准备工作第一步:创建新的组件Profile.vue第二步:配置路由映射第三步:添加跳转的< router-link >传递参数的方式传递参数主要有两种类型:params和queryparams的类型:配置路由格式:/router/:id传递的方式:在path后面跟上对应的值传递后形成的路径:/router/123 , /router/abcquery的类型:配置路由格式:/router,也就是普通配置传递的方式:对象中使用query的key

2020-06-30 13:32:43

vue-router-路由的嵌套使用

vue-router-路由的嵌套使用嵌套路由是一个很常见的功能比如在home页面中,希望通过/home/news和Home/message访问一些内容一个路径映射一个组件,访问者两个路径也会分别渲染这两个组件路径和组件的关系如下:实现嵌套路由有两个步骤:1.创建对应的子组件,并且在路由映射中配置对应的子路由2.在组件内部使用< router-view >标签ul>li{消息$}*4 简便写法先在components组件文件夹中建两个.vue文件然后在index

2020-06-30 11:13:37

vue-router-打包文件的解析以及路由懒加载的使用

vue-router-打包文件的解析认识路由的懒加载当打包构建应用时,JavaScript包会变得非常大,影响页面加载如果能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。dist文件夹下static文件夹下js文件夹下的三个文件分别的作用:...

2020-06-29 19:41:54

vue-router-动态路由的使用

vue-router-动态路由的使用动态路由在某些情况下,一个页面中的path路径可能是不确定的,比如我们进入用户界面时,希望是如下路径:/ user /aaa 或 / user /bbb除了有前面的/user之外,后面还跟上了用户的ID这种path和component的匹配关系,我们称之为动态路由(也就是路由传递数据的一种方式)配置路由映射关系之前要先将组件导入index.js文件中配置的路由:{ path:'/user/:userId', component:User

2020-06-29 18:31:38

通过代码跳转路由

通过代码跳转路由

2020-06-29 17:28:39

router-link的其他属性补充

router-link的其他属性补充在前面< router-link >中,我们只是使用了一个属性:to,用于指定跳转的路径< router-link >还有一些其他属性:tag: tag可以指定< router-link >之后渲染成什么组件<template> <div id="app"> <h2>我是App组件</h2> <router-link to="/Home" tag="but

2020-06-29 17:00:13

路由映射配置和呈现出来

路由映射配置和呈现出来使用vue-router的步骤:第一步:创建路由组件第二步:配置路由映射:组件和路由映射关系第三步:使用路由:通过和路由的默认路径默认情况下,进入网站首页我们希望渲染首页的内容。但是现实中默认没有显示首页组件,必须让用户点击才可以如何让路径默认跳到首页,并且渲染首页组件呢?只需要多配置一个映射就可以了const routes=[ { //redirect重定向 path:'/', redirect:'/home' },配置解析:

2020-06-29 16:27:57

vue-router-安装和配置方式

vue-router-安装和配置方式目前前端流行的三大框架,都有自己的路由实现:1.Angular的ngRouter2.React的ReactRouter3.Vue的vue-routervue-routervue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。可以访问其官方网站对其进行学习:https://router.vuejs.org/zh/安装和使用vue-router直接使用npm来安装路由即可步骤一:安装vue-routern

2020-06-29 12:38:42

URL的hash和HTML5的history

URL的hash和HTML5的historyURL的hsahURL的hash也就是锚点(#),本质上是改变window.location的href属性可以通过直接赋值location.hash来改变href,但是页面不发生刷新HTML5的history模式:pushState类似于一个栈结构,先进后出的原理,把push进去的值放在一个栈里面,可以调用返回的方法,就相当于弹栈和入栈pushState也可以改变URL但是页面不发生刷新HTML5的history模式:replaceStat

2020-06-29 12:10:33

什么是路由和其中映射关系

什么是路由和其中映射关系什么是路由?说起路由想到了什么?路由是一个网络工程里面的术语路由(routing )就是通过互联的网络把信息从源地址传输到目的地址的活动。 —维基百科路由器提供了两种机制:路由和转送路由是决定数据包从来源到目的地的路径转送将输入端的数据转移到合适的输出端路由有一个非常重要的概念叫路由表:路由表本质上就是一个映射表,决定了数据包的指向一个面试问题:什么是前端渲染?什么是后端渲染?什么是前后端分离?什么是前端路由?什么是后端路由?后端渲染:jsp/phpj

2020-06-28 21:29:54

箭头函数的使用和this指向

箭头函数的使用和this指向箭头函数 Arrow Function箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ … }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ … }和return:render:h=>h(App)上面的是简写,因为函数只有一个参数所以可以去掉括号,函数的代码块中只有一行内容所以也可以直接简写,最终就简写成了一行。这里的h其实是createElement函数render:(h)=>{ re

2020-06-28 19:40:21

VueCLI3创建项目和目录结构

VueCLI3创建项目和目录结构认识Vue CLI3vue-cli 3 与 2 的版本有很大区别1.vue-cli 3 是基于 webpack 4 打造,vue-cli 2 还是 webpack 32.vue-cli 3 的设计原则是 “0配置”,移除的配置文件是根目录下的,build和config等目录3.vue-cli 3 提供vue ui 命令,提供了可视化配置,更加人性化4.移除了 static 文件夹,新增了public文件夹,并且index.html移动到public中mount:

2020-06-28 16:15:23

runtime-compiler和runtime-only区别

runtime-compiler(v1)template->ast->render->virtual dom->真实DOM->UIruntime-only (v2)(1.性能更高 2.代码量更少)render->vdom->UI render: h => h(App)这里的h函数是vue基于vdom自己封装的函数,用于把vdom转换成dom节点// const cpn={// template:'<div>{{message}}

2020-06-28 14:33:28

使用 vue-cli 脚手架创建项目的时候遇到 webpack-simple 模板下载不成功的情况,解决方法

self signed certificate in certificate chain使用vue-cli创建工程的时候提示vue-cli Failed to download repo vuejs-templates/webpack-simple:self signed certificate in certificate chain的解决方法最近在使用 vue-cli 脚手架创建项目的时候,遇到 webpack-simple 模板下载不成功的情况,提示 vue-cli Failed to downl

2020-06-28 12:04:38

第三次知识点回顾

一、组件化开发1.1. 父子组件的访问$children/refsparent/root1.2. 插槽的使用基本使用:预留一个空间,而且里面可以有默认值具名插槽:如果有很多的插槽的话,可以给插槽取名字编译作用于:编译模板的时候只会在当前的作用于起作用作用于插槽:回去复习一下忘记了二、前端模块化2.1. 为什么要使用模块化简单写js代码带来的问题:命名冲突的问题闭包引起的问题:代码不可复用自己实现了简单的模块化AMD、CMD、CommonJS2.2. ES6中模块化的使用exp

2020-06-27 21:11:07

vuecli-CLI2的目录结构解析

vuecli-CLI2的目录结构解析vuecli2test文件中的build和config文件都是关于webpack配置的node本身是使用C++开发的,v8引擎,谷歌开发的v8引擎,js -> 字节码 ->浏览器运行,字节码要先解析再运行而v8引擎直接跳过了字节码,js -> 二进制代码,二进制代码可以直接运行v8引擎是C++写的,v8引擎是node的核心在终端也可以执行js代码:src是本地开发的文件夹static文件夹是静态资源文件夹:static文件夹中的内容会

2020-06-27 20:47:07

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。