- 博客(18)
- 收藏
- 关注
RSS订阅原创 2019.12.19
甲、webpack 1.配置 1.1.entry 入口 构建项目的起点，默认./src/index.js 1.2.output 输出的文件和输出的目录 默认./dist 1.3.loader 对非js文件处理成webpack能处理的模块，例如sass 1.4.plugins 附加插件列表 对webpack的拓展 ...
2019-12-19 17:29:48
418
原创 29道 Vue 面试题
1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？单页面应用 spa不会因用户操作重新加载或跳转，而是用路由机制实现ui交互 避免重新加载优势：快 对服务器压力小 前后分离缺点：初次加载耗时多 前进后退需要自己建立堆栈管理 seo难度大2、v-show 与 v-if 有什么区别？V-if 是真正的条件渲染 v-show总是会被渲染 只是基于display” 属...
2019-10-28 17:10:28
395
原创 vuex 实操
Vuex 类似 Redux 的状态管理器，用来管理Vue的所有组件状态。大型单页应用（SPA），会出现多个视图组件依赖同一个状态，来自不同视图的行为需要变更同一个状态。最简单的Vuex示例import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ ...
2019-10-18 15:08:16
175
原创 axios与接口封装
一、axios的封装安装npm install axios; // 安装axios引入一般我会在项目的src目录中，新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios，api.js用来统一管理我们的接口。/**axios封装 * 请求拦截、相应拦截、错误统一处理 *///// 在http.j...
2019-10-18 14:22:42
261
原创 vue 2.x 难点
1.require.context()1.场景:如页面需要导入多个组件,原始写法:import titleCom from '@/components/home/titleCom'import bannerCom from '@/components/home/bannerCom'import cellCom from '@/components/home/cellCom'comp...
2019-10-18 13:41:35
339
原创 js 节流和防抖
防抖：你狂点按钮也没用，等你冷静下来事件才会触发。节流：游戏里面的技能冷却功能。防抖 let timer; document.getElementById('防抖').onclick = function () { clearTimeout(timer); timer=setTimeout(function () { ...
2019-10-18 10:23:42
123
原创 钉钉小程序开发注意事项
1.setData改变对应的this.data的值注意：不要直接修改this.data对应的数据。在dd.httpRequest({})中无法获取this对象，需要在请求外面定义变量去过渡钉钉变量this.setData({ 'array[0]': 1, 'obj.x':2,});2.dataset在组件中可以定义数据，这些数据将会通过事件传递给逻辑层。...
2019-09-09 16:15:57
3695
原创 钉钉小程序与微信小程序的异同
前言微信属于社交软件，微信从2017-01-09正式推出小程序发展到今天，微信小程序与我们的生活已经密切相关，例如：交通、医疗、购物、服务等等我们正在享受小程序带给我们的便利，当然微信小程序涉及到的行业以及范围不止我列出的这些。钉钉也属于社交软件，但主要服务于企业，钉钉小程序更偏向于管理工具一类。钉钉在2018年9月推出了E应用，可以理解为钉钉小程序的初代，在2019年6月中旬正式推出了钉...
2019-09-09 15:57:57
9280
1
原创 2019 前端面试准备 round 2___JS部分
1. 原型 / 构造函数 / 实例 原型(prototype): 一个简单的对象，用于实现对象的 属性继承。可以简单的理解成对象的爹。在 Firefox 和 Chrome 中，每个JavaScript对象中都包含一个__proto__ (非标准)的属性指向它爹(该对象的原型)，可obj.__proto__进行访问。 构造函数: 可以通过new来 新建一个对象 的函数。 实...
2019-03-06 16:53:47
128
原创 2019 前端面试准备 round 1___CSS部分
1.盒模型可通过box-sizing进行设置，content-box(W3C 标准盒模型)border-box(IE 盒模型)padding-boxmargin-box(浏览器未实现)2. BFC块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。 触发条件: 根元素 positio...
2019-03-06 13:11:58
186
原创 ES2019 中的 8 个新特性
1.可选的 Catch 绑定能够在不使用 catch 绑定的地方选择性地删除它try { // trying to use a new ES2019 feature // which may not be implemented in other browsers} catch (unused) { // revert back to old way}现在可以删除未使...
2019-03-04 13:59:31
517
原创 ES2018（ES9）新特性
1.异步迭代ES2018引入异步迭代器（asynchronous iterators），这就像常规迭代器，除了next()方法返回一个Promise。因此await可以和for...of循环一起使用，以串行的方式运行异步操作。例如：async function process(array) { for await (let i of array) { doSomething(...
2019-02-28 11:57:35
1164
原创 ES2017(ES8)新特性
ES2017提供的新特性：1.Async 函数呈现更清晰的 Promise 语法Async 函数也就是我们常说的Async/Await,是一种用于处理JS异步回调的语法糖，可以帮助我们摆脱回调地狱。login(userName) { return new Promise((resolve, reject) => { setTimeout(() =&...
2019-02-27 17:36:31
2184
原创 ES2016(ES7)新特性
ES2016添加了两个小的特性来说明标准化过程：1.数组 includes()方法，用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回true，否则返回false。var pets = ['cat', 'dog', 'bat'];console.log(pets.includes('cat')); // true2.a ** b 指数运算符，它与 Ma...
2019-02-27 17:29:21
799
1
原创 HTML实现天气预报功能
HTML实现天气预报功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&
2019-02-27 17:05:18
12422
4
原创 jquery 数组添加事件
html<ul class="widget w-friend-pages-added notification-list friend-requests"> <li class="inline-items"> <div class="author-thumb"> <img src="im
2019-01-24 16:26:50
1050
原创 nuxt 简介
1.是什么？Nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。2.为什么？vue开发的SPA（单页应用）不利于搜索引擎的SEO优化。3.适用于：Nuxt.js适合作新闻、博客、电影、咨询等需要搜索引擎提供流量的项目。4.优点：基于 Vue.js自动代码分层服务端渲染强大的路由功能，支持异步数据静态文件服务ES6/ES7 语法支持打包和压缩 JS 和 CSSH...
2018-06-11 21:33:21
13147
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人