- 博客(16)
- 收藏
- 关注
原创 组件的深入理解
第一个vue小程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2021-04-30 17:24:33 316 2
原创 npm和yarn的使用
异同点npm 是 Node.js 官方提供的包管理工具,他已经成了 Node.js 包的标准发布平台,用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具,使你可以方便地下载、安装、升级、删除包,也可以让你作为开发者发布并维护包。npm 的背后,是基于 couchdb 的一个数据库,详细记录了每个包的信息,包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是:将开发者从繁琐的包管理工作(版本、依赖等)中解放出来,更加专注于功能的开发。在 Node 生态系统中,依赖通常安装在
2021-04-20 11:21:22 631
原创 网络优化面试篇
1:HTML页面进行重绘和重排浏览器是如何对页面进行渲染的当我们在浏览器中打开一个HTML页面时,浏览器的渲染引擎首先会解析标签,渲染成DOM树;然后解析css样式,构建渲染树;然后从根节点递归调用,计算每一个元素的大小、位置等,并且计算每一个节点的坐标;最后遍历渲染树,绘制每一个节点,这就完成了页面的渲染。所谓重绘就是当元素的外观例如color,background-color等改变时会引起浏览器重新绘制这些元素,使之呈现新的外观。所谓重排(重构/回流)就是当元素的大小、位置等改变或显示
2021-04-13 18:20:55 1618
原创 ES6面试篇
ES6新增let、const、块级作用域、箭头函数、模板字符串、BigInt,Symbol数据类型解构赋值(数组、对象)字符串新增方法数组新增方法(扩展运算符)对象新增方法新的数据结构Set 和 MapProxyPromiseasync和awaitlet、const、块级作用域let声明的变量没有变量提升,必须先声明后使用;暂时性死区。let声明的变量只能在当前块级作用域内使用let不允许在同一作用域重复声明同一个变量;const声明常量,声明就必须赋值,切不
2021-04-13 18:19:27 237
原创 H5\C3面试篇
HTML基础块级元素:独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽;包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form行内元素:可以多个标签存在一行,对宽高属性值不生效,完全靠内容撑开宽高!包含a、span、em、strong、b、i、label、br;padding和margin上下属性设置是无效的,左右是有效的行内块元素:结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示;img,
2021-04-13 18:18:54 179
原创 nuxt.js面试篇
介绍 基于 Vue.js 的通用应用框架。 SSR 服务端渲染。在服务端生成html发送至客户端 特性:异步数据加载、中间件支持、布局支持等。 优点:有利于SEO,加载速度快,自动配置路由 依赖 node 和 npm npx(npx在NPM版本5.2.0默认安装)SSR的优势更利于SEO。不同爬虫工作原理类似,只会爬取源码,不会执行网站的任何脚本(Google除外,据说Googlebot可以运行javaScript)。使用了React或者其它MVVM框架之后,页面大多数DOM元素都
2021-04-13 18:17:42 3112
原创 vue3.0面试篇
1. Vue 3.0 性能提升主要是通过哪几方面体现的?1.响应式系统提升vue2在初始化的时候,对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。如果属性值为对象,还会递归调用defineproperty使之变为响应式对象。vue3使用proxy对象重写响应式。proxy的性能本来比defineproperty好,proxy可以拦截属性的访问、赋值、删除等操作,不需要初始化的时候遍历所有属性,另外有多层属性嵌套的话,只有访问某个属性的时候,才会递归
2021-04-13 18:16:55 485
原创 vue2.0面试篇
$nextTick的使用答:当你修改了data的值然后马上获取这个dom元素的值,是不能获取到更新后的值,你需要使用$nextTick这个回调,让修改后的data值渲染更新到dom元素之后在获取,才能成功。data为什么必须是一个函数组件中的data写成一个函数,这样每次复用组件的时候,都会返回一份新的data,相当于每个组件实例都有自己私有的数据空间,它们只负责各自维护的数据,不会造成混乱。而单纯的写成对象形式,就是所有的组件实例共用了一个data,这样改一个全都改了。delete和Vue
2021-04-13 18:16:22 361
原创 路由——模式
路由两种模式hash模式:vue-router默认的是hash模式。使用URL的hash来模拟一个完整的URL,于是当URL改变的时候,页面不会重新加载,也就是单页应用了。对于hash模式会创建hashHistory对象,在访问不同的路由的时候,会发生两件事:HashHistory.push()将新的路由添加到浏览器访问的历史的栈顶,和HasHistory.replace()替换到当前栈顶的路由history模式:window.history对象打印出来可以看到里边提供的方法和记录长度。利用了
2021-04-13 18:09:48 111
原创 antDesignVue的使用
安装引入npm install -g @vue/clivue create antd-demonpm install ant-design-vue --save1、按需加载(推荐) 完整组价列表npm i babel-plugin-import --save// .babelrc or babel-loader option{ "plugins": [ ["import", { "libraryName": "ant-design-vue", "libraryDirectory"
2021-04-13 17:40:40 704
原创 小程序中以及vue中mock使用——mockjs
微信开发工具mock的使用当接口调不通或者没数据时候,可以造假数据,页面就可以正常写逻辑vuenpm install mockjs// 使用 Mockvar Mock = require('mockjs')var data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'list|1-10': [{ // 属性 id 是一个自增数,起始值为 1,每次增 1 'id|+1': 1 }]}
2021-04-11 20:57:10 1256 1
原创 express实现mock数据
启动服务端根目录下新建mock文件夹login.json{ "code": 0, "message": "登录成功", "data": { "name": "张三", "token": "ququ" }}index.jsnpm i express --saveconst express = require('express')const app = express()//接口数据const login = req
2021-04-11 20:55:10 343
原创 短路原理JavaScript中“&&”和“||”操作符
||1、只要“||”前面为false,结果取决于后边,返回“||”后面的值。2、只要“||”前面为true,结果就是true,返回“||”前面的值。&&1、只要“&&”前面是false,结果是false,返回“&&”前面的值;2、只要“&&”前面是true,结果取决于后边,返回“&&”后面的值;!!!!的作用是把一个其他类型的变量转成的bool类型...
2021-04-09 18:12:24 100
原创 git代码上传https用户名密码
1、修改https密码2、修改完用户名或密码克隆时候清除git命令旧的用户名和密码sourceTree修改3、删除已有的,下次操作就会弹窗提示输入用户名和密码
2021-04-09 15:29:11 316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人