- 博客(78)
- 收藏
- 关注
RSS订阅转载 vuex管理状态仓库详解
戳蓝字"前端优选"关注我们哦！来源：segmentfault作者：我的名字豌豆链接：https://segmentfault.com/a/1190000023415359...
2020-08-10 08:31:00
554
原创 （一）Vue常见面试题，看看你都会了吗？
戳蓝字"前端优选"关注我们哦！怎样封装一个组件？//父组件<template><div><h1>{{title...
2020-08-07 08:31:00
348
转载 JavaScript 设计模式学习总结与感悟(开发&面试必备)
作者：吃葡萄不吐番茄皮原文地址：https://segmentfault.com/a/1190000019663847前言最近阅读了《JavaScript设计模式与开发实践》，收获颇丰，...
2020-08-05 08:31:00
381
转载 2020你必须知道的Grid布局
Grid布局Grid布局即网格布局，将网页分成一个个的网格，然后通过这些网格进行组合，做出各种各样的布局。首先看看兼容性：Grid布局 VS Flex布局Grid布局与flex...
2020-08-03 08:31:00
2288
转载 vue手把手教学~搭建web聊天室
WebSocket简介WebSocket是一种在单个TCP连接上进行全双工通信的协议WebSocket使得客户端和服务器之间的数据交换变得更加简单，并且允许服务端主动向客户端推送数据。(...
2020-07-31 08:31:00
2547
转载 文章目录
Vue3.0系列25.【一】尤大神都说Vite香，让我来手把手分析Vite原理24.2020字节跳动面试题一面解析23.Vue3.0前置，还不知道这些就来不及啦22.Vue3之——和Vi...
2020-07-31 08:31:00
609
原创 2020年你必须要会的微前端 -（实战篇）
戳蓝字"前端优选"关注我们哦！最近你有没有经常听到一个词，微前端？是不是听上去感觉非常地高大上！然而~微前端其实非常地简单，非常地容易落地，而且也非常不高大上~那么就来一...
2020-07-26 12:00:00
31267
5
转载 项目实战之本地存储，看看你都用过哪些存储方式
在前端项目开发中，前端的本地存储是必不可少的，今天小编就前端的本地存储在项目中的使用详细的介绍一下。前端本地存储主要有：cookielocalStoragesessionStoragew...
2020-07-24 08:32:00
821
转载 54 道 JavaScript 面试题，你能答对第一道吗
戳蓝字"前端优选"关注我们哦！作者：TianTianUP链接：https://juejin.im/post/5f1412ad6fb9a07e944eff6b来源：掘金...
2020-07-22 08:35:00
970
原创 【一】尤大神都说Vite香，让我来手把手分析Vite原理
戳蓝字"前端优选"关注我们哦！一.什么是Vite？法语Vite（轻量，轻快）vite 是一个基于 Vue3单文件组件的非打包开发服务器，它做到了本地快速开发启动、实现按需...
2020-07-20 08:05:00
7254
2
转载 【万字长文】史上最强vue总结，面试开发必备
vue框架篇vue的优点轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angu...
2020-07-18 14:13:50
313
原创 大厂面试算法之比较版本号
戳蓝字"前端优选"关注我们哦！比较两个版本号v1和v2:如果v1 > v2 则返回1；如果v1 < v2 则返回-1；其他情况返回0。现假定版本字符串非空，且...
2020-07-16 08:05:00
861
1
转载 【拓展】655- React 与前端开发的那些年
这几天在通过各种资料，了解了 React「出现的背景」，还有「前端发展的那些年」，不得不说，感觉真的神奇！～首先我们来看看为什么会产生 React 这个框架？React 是 Fac...
2020-07-16 08:05:00
124
原创 大厂面试算法之两个数组求交集
戳蓝字"前端优选"关注我们哦！大厂面试算法之两个数组求交集给定两个数组，用一个函数计算出二者交集。letnum1=[1,2,2,1];letnum2=[2,...
2020-07-14 08:25:00
515
转载 【TS】612- 了不起的 tsconfig.json 指南
在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置...
2020-07-14 08:25:00
570
原创 大厂面试算法之斐波那契数列
戳蓝字"前端优选"关注我们哦！斐波那契数列（Fibonacci sequence），又称黄金分割数列、因数学家莱昂纳多·斐波那契（Leonardoda Fibonacci...
2020-07-12 10:00:00
185
原创 2020字节跳动面试题一面解析
戳蓝字"前端优选"关注我们哦！最近有文章漏出了一位实习生面试字节跳动今日头条的前端面试题，总共四轮面试，现在就跟大家一起来探讨一下这些面试题，为疫情后的工作做些准备。1....
2020-07-12 10:00:00
1424
转载 【JS】646- 1.2w字 ｜ 初中级前端 JavaScript 自测清单 - 1
最近原创文章《了不起的 Webpack 构建流程学习指南》《了不起的 Webpack HMR 学习指南（含源码分析）》《你不知道的 WeakMap》番外篇《你不知道的 Blob》番外篇《...
2020-07-10 08:00:00
197
转载 Vue在线编译器
戳蓝字"前端优选"关注我们哦！来源：CSDN本文链接：https://blog.csdn.net/WangYangsea/article/details/9523772...
2020-07-10 08:00:00
7212
原创 Node常用模块简介
戳蓝字"前端优选"关注我们哦！在学习开发node过程中，会发现node不仅自己内置了相当多的工具模块，还有更多的第三方应用模块，如果你了解了这些模块的功能，在node的天...
2020-07-08 08:00:00
306
原创 几个常见的JS设计模式
戳蓝字"前端优选"关注我们哦！发布—订阅模式发布订阅模式指的是希望接收通知的对象（Subscriber）基于一个主题通过自定义事件订阅主题，被激活事件的对象（Publis...
2020-07-06 08:20:00
330
转载 前端常见跨域解决方案（全）
作者：安静de沉淀链接：https://segmentfault.com/a/1190000011145364来源：SegmentFault 思否什么是跨域？跨域是指一个域下的文档或脚...
2020-07-04 16:25:13
301
原创 Vue核心概念及特性 (一)
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。特点: 易用，灵活，高效，渐进式框架。可以随意组合需要用到的模块 vue components vue-router vuex vue-cli一.Vue的概念和特性1.什么是库，什么是框架？库是将代码集合成一个产品，我们可以调用库中的方法实现自己的功能。框架则是...
2019-10-18 22:23:42
5315
原创 快速进阶Vue3.0
在2019.10.5日发布了Vue3.0预览版源码，但是预计最早需要等到 2020 年第一季度才有可能发布 3.0 正式版。可以直接看 github源码。新版Vue 3.0计划并已实现的主要架构改进和新功能：编译器（Compiler）使用模块化架构优化 "Block tree"更激进的 static tree hoisting 功能 （检测静态语法，进行提升）支持 Source ...
2019-10-16 17:19:29
1308
原创 从0搭建自己的webpack开发环境（五）
往期回顾：从0搭建自己的webpack开发环境（一）从0搭建自己的webpack开发环境（二）从0搭建自己的webpack开发环境（三）从0搭建自己的webpack开发环境（四）前四篇文章我们已经掌握了webpack各种常见的配置，这一片文章我们来看看如何实现webpack中的优化。我们先来编写最基本的webpack配置，然后依次实现其中的各种优化。const MiniCssExtr...
2019-09-20 23:30:15
310
原创 从0搭建自己的webpack开发环境（四）
往期回顾：从0搭建自己的webpack开发环境（一）从0搭建自己的webpack开发环境（二）从0搭建自己的webpack开发环境（三）经过三期的学习，本篇文章将介绍TS和React/Vue的结合使用，搭载Webpack，助力成长前端高级技术体系。下面继续一起学习：1.配置TS环境1.1 使用ts-loader使用typescript需要安装ts相关配置npm install ty...
2019-09-19 21:54:56
178
原创 从0搭建自己的webpack开发环境（三）
往期回顾：从0搭建自己的webpack开发环境（一）从0搭建自己的webpack开发环境（二）1.处理JS模块1.1 将es6代码编译成es5代码代码的转化工作要交给babel来处理npm install @babel/core @babel/preset-env babel-loader --save-dev@babel/core是babel中的核心模块，@babel/prese...
2019-09-18 17:33:05
184
原创 从0搭建自己的webpack开发环境（二）
上期回顾：从0搭建自己的webpack开发环境（一）loader主要是用于把模块原内容按照需求转换成新内容，以便用来加载非 JS 模块！通过使用不同的loader，Webpack可以把不同的文件都转成JS文件，比如CSS、ES6/7、JSX等。让我们来看看这些必须要掌握的loader!1.loader的编写1.1 loader的使用test：匹配处理文件的扩展名的正则表达式us...
2019-09-17 22:38:19
287
1
原创 从0搭建自己的webpack开发环境（一）
上期文章：前端自动化测试又一个连载来啦！这次我们将分四篇文章来介绍如何从0构建一个webpack开发环境，了解其内部机制和原理，从而让我们更准确的掌握和使用webpack，下面开始我们的起步：1.什么是Webpack?webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)，当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(de...
2019-09-16 17:08:59
384
原创 前端自动化测试（四）
在Vue项目中测试组件时会引用全局组件，那么如何处理这些全局组件呢？ 还有Vue中比较重要的一个点就是Vuex如何进行测试？1.测试时使用VueRouter1.1 存根在你的组件中引用了全局组件 router-link 或者 router-view组件时，我们使用shallowMount来渲染时会提示无法找到这两个组件，我们可以使用存根的方式mock掉相关的组件。<template&...
2019-09-12 19:13:47
348
原创 前端自动化测试（三）
前端自动化测试（一）前端自动化测试（二）通过前两篇文章的学习，我相信大家对Jest的核心用法可以说是已经掌握了，这一篇文中我们在Vue中使用Jest1.Vue中集成Jest我们可以通过vue官方提供的@vue/cli 直接创建Vue项目，在创建前需要先安装好@vue/cli~这里直接创建项目:vue create vue-unit-project? Please pick a p...
2019-09-11 18:25:19
435
原创 前端自动化测试（二）
上一篇文章，我们已经讲述了Jest中的基本使用，这一篇我们来说说如何深度使用Jest在测试中我们会遇到很多问题，像如何测试异步逻辑，如何mock接口数据等…通过这一篇文章，可以让你在开发中对Jest的应用游刃有余，让我们逐一击破各个疑惑吧！1.Jest进阶使用1.1 异步函数的测试提到异步无非就两种情况，一种是回调函数的方式，另一种就是现在流行的promise方式export cons...
2019-09-10 16:59:09
729
原创 前端自动化测试（一）
目前开发大型应用，测试是一个非常重要的环节，但是大多数前端开发者对测试相关的知识是比较缺乏的。因为可能项目开发周期短根本没有机会写，所以你没有办法体会到前端自动化测试的重要性。来说说为什么前端自动化测试如此重要！先看看前端常见的问题:修改某个模块功能时，其它模块也受影响，很难快速定位bug多人开发代码越来越难以维护不方便迭代，代码无法重构代码质量差增加自动化测试后：我们为核心...
2019-09-09 17:11:57
4698
原创 new原理及模拟实现
简介newnew 运算符是创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例，其创建过程如下：创建一个空的简单JavaScript对象（即{}）链接该对象（即设置该对象的构造函数）到另一个对象将第一步新创建的对象作为this的上下文如果该函数没有返回对象，则返回this举个栗子：function Person(name,age){ this.name = na...
2019-09-06 16:17:25
679
原创 从原型到原型链
构造函数function Animal() {}var cat = new Animal();cat.name = 'Tom';console.log(cat.name) // Tomprototype每个函数都有一个 prototype 属性函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型，也就是这个例子中的cat和dog的原型。...
2019-09-05 00:52:15
176
原创 关于NPM你必须要知道的常用命令
npm:全称node package mananger，是世界上最大规模的包管理系统，官网是这样介绍的 Build amazing things…那咱们就来看看他做了哪些惊人的事~一.npm init默认大家肯定比较熟悉了，直接 npm init -y了事，这回我们再来仔细看看{ "name": "webyouxuan", "version": "1.0.0", "main":...
2019-09-03 01:40:44
430
原创 手撸一个自己的前端脚手架
手撸一个自己的前端脚手架很多小伙伴一直很纠结什么是脚手架？其实核心功能就是创建项目初始文件，那问题又来了，市面上的脚手架不够用吗，为什么还要自己写？只要提到脚手架你就会想到，vue-cli 、 create-react-app 、 dva-cli … 他们的特点不用多说那就是专一！ 但是在公司开发中你会发现有以下一系列的问题!业务类型多多次造轮子，项目升级等问题公司代码规范，无法统一...
2019-09-02 08:31:46
1132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人