- 博客(32)
- 收藏
- 关注
RSS订阅原创 前端多种跨域方式实现原理详解
跨域是我们在项目中经常遇到的，前后端数据交互经常碰到请求跨域，首先我们来想一下为什么会有跨域这个词的出现？本文带你来探讨一下以下几个问题：跨域是什么？为什么要跨域？跨域的几种方式？…什么是跨域?跨域是指的浏览器不能执行其它网站的脚本，它是由浏览器的同源策略造成，是浏览器对JavaScript实施的安全限制。跨域实际上指从一个域的网页去请求另一个域的资源，比如：从 http://...
2020-04-08 16:51:52
1298
原创 前端常见的Vue面试题目汇总
写这篇文章的原因是想好好把vue复习一下，然后整理一下我认为常见很重要的面试题，也方便我自己以后查阅，我觉得这些基本上是Vue里面相关的所有重要知识点了，相信会对现在找工作的小伙伴们很大...
2020-04-08 16:17:48
1400
1
原创 ES6系列之项目中常用的新特性
ES6常用特性平时项目开发中灵活运用ES6+语法可以让开发者减少很多开发时间，提高工作效率。ES6版本提供了很多新的特性，接下来我列举项目中常用的ES6+的特性：let / const箭头函数解构赋值默认参数扩展运算符类字符串数组PromiseES6的发展史1996, ES1.0 Netscape 将 JS 提交给 ECMA 组织，ES 正式出现1999, ES3....
2020-04-06 14:34:05
436
原创 面试时，你被要求手写常见原理了吗？
如今前端工程师的技术要求越来越高，会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在中大厂基本都会要求面试者手写前端常见API的原理，以此来证明你对该知识点的理解程度。接下...
2020-03-31 11:06:26
276
原创 面试时，你会手写源码吗？
如今前端工程师的技术要求越来越高，会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在中大厂基本都会要求面试者手写前端常见API的原理，以此来证明你对该知识点的理解程度。接下来，我将列举我面试时以及自认为比较重要的CSS部分、JS部分常见手写原理题！CSS部分经典Flex布局如今Flex布局不管是移动端还是PC端的应用已经非常广泛了，下面我列举几个平时项目中非常常见的几个需求。以...
2020-03-31 10:20:27
259
原创 阐述一下你对虚拟DOM和Dom-Diff理解？
随着前端领域快速发展，越来越多的前端框架不断涌现，当下React、Vue两个前端框架已经是前端开发者必备技能。曾经我面试经常被问到：你了解虚拟DOM吗？简单说一下diff算法？你研究过R...
2020-03-25 21:17:00
594
原创 前端面试大厂手写源码系列（上）
如今前端攻城狮的要求越来越高，会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在大厂基本都会要求面试者手写前端常见API的原理，以此来证明你对该知识点的理解程度。接下来，我将列举我面试时以及自认为比较重要的CSS部分、JS部分常见手写原理题！后续分享Vue全家桶、React全家桶手写原理图，敬请期待！JS部分手写原生Ajax平时项目开发中，一定会用到ajax请求后端接口获取数...
2020-03-23 10:12:51
3743
原创 手写大厂前端知识点源码系列（上）
如今前端攻城狮的要求越来越高，会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在大厂基本都会要求面试者手写前端常见API的原理，以此来证明你对该知识点的理解程度。接下来，我...
2020-03-23 10:04:20
203
原创 初中级前端面试题(万字长文)
相信大家也和我一样，2020年的春节过得非常特别。新型冠状病毒不仅对国家还是对社会以及对我们的个人都有很大影响！很多小伙伴心里肯定想着由于种种原因，心里开始蠢蠢欲动了…????笔者通过平时面试总结，结合自己认为非常重要的前端各技术栈的知识点，总结了这篇中高级前端面试。让需要的小伙伴所阅读，让不在大厂的小伙伴提前了解大厂前端面试官常问的各种常见前端问题。文章有点长，请各位小伙伴耐心阅读完。相信认真阅...
2020-03-20 13:41:57
1829
原创 重温CSS3常见新特性的奥秘（个人总结）
最近觉得CSS3真的很神奇，完全掌握了用的时候真的非常有趣，但是就是用的时候很难用好，所以我就整理了一下关于CSS3的新特性，也方便自己查阅，要是文章中有什么不对的或者更好的方法，欢迎大家指出~transition - 过渡通过过渡transition，可以使开发者不需要javascript就可以实现简单的动画交互效果。语法transition: property duration t...
2020-03-16 18:12:00
3400
2
原创 将本地项目、代码添加到github上
github一个面向开源及私有软件项目的托管平台，是每个程序员必须要掌握的，本文对将本地项目或者代码添加到Github上步骤进行了整理，方便自己查阅，希望对小伙伴有所帮助！将本地项目添加...
2020-03-12 00:00:00
326
原创 详解js中的对象的深浅拷贝
前言本文是整理的浅拷贝和深拷贝中涉及的知识点，在工作中是非常重要的，在面试中也是必考的，希望对小伙伴们有所帮助！为什么会产生深浅拷贝？首先我们要知道一个流程1，对象属于引用类型的，以后浏览器会为其开辟一个新的内存空间，并为它分配一个16进制的地址2，按照一定的顺序，把对象的键值对存储到内存空间3，把开辟的内存地址赋值给变量(或事件)，以后变量就通过地址找到内存空间，然后进行操作基本...
2020-03-11 16:54:46
2442
1
原创 vue后台管理系统实践方案
这个是一个电商管理系统的前端项目的笔记，这个项目主要包括登录/退出功能、主页布局、用户管理模块、权限管理模块、分类管理模块、参数管理模块、商品管理模块、 订单管理模块等功能，我把里面部分的功能进行了整理，希望对大家有所帮助！项目概述基本业务概述根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式管理系统功能电商后台管理系统用于管理账号、商品...
2020-03-07 15:05:35
1212
1
原创 从零开发一套完整的react项目开发环境
不管是工作需要还是面试加分，除了Vue相关技术以外，React技术栈也已经成为了前端开发工程师必备的技术点。接下来，我将从零开发一套完整的React全家桶项目开发环境，提供给需要的同行小伙伴观看也方便自己以后复习。篇幅很长，请需要的小伙伴耐心阅读完必有所收获！仓库地址项目源码地址：https://github.com/tangmengcheng/my-react-project.git...
2020-03-05 11:29:57
559
原创 Vue仿饿了么app项目总结
前言这是我的第一个基于Vue项目的作品，目的是把之前的前端知识累积加上目前流行的前端框架，以项目的形式展示出来。大家在学习Vue的时候，可以将此项目作为学习Vue框架的一个模板源码地址源码：https://github.com/shifengming/sell实现功能Goods、Ratings、Seller 组件视图均可上下滚动商品页 点击左侧menu，右侧list对应跳转...
2020-03-04 23:32:45
1332
原创 从零手写一套 Express 的源码
这里我将从零实现一套简易的Express源码，提供给来年“金三银四”跳槽高峰期的小伙伴们阅读也详细梳理一下自己对Express原理的理解。什么是ExpressExpress是一个简洁、灵活的node.js Web 应用开发框架，它提供一系列强大的特性，帮助我们创建各种Web 和移动设备应用。丰富的 HTTP 快捷方法和任意排列组合的Connect 中间件，让你创建健壮、友好的API 变得即快...
2020-02-27 11:04:27
685
1
原创 一步步教你实现Promise/A+ 规范 完整版
前言小伙伴们大家好，这里我将带大家手写Promise，作为前端的开发者，在日常的工作中，肯定避免不了一个问题，那就是异步编程那么什么是异步编程？从服务器获取数据，这个过程就叫做异步编程在node.js中去读取文件，这个过程也是异步的关于异步的解决方案目前有四种：callback(回调函数)generato + co库promiseasync+await今天就来...
2020-02-21 23:57:37
4197
1
原创 一步一步的带你走进Webpack4的世界
前言webpack是当下最热门的前端资源模块化管理和打包工具，它可以将许多松散的模块按照依赖和规则打包成符号生产环境部署的前端资源，还可以将按需加载的模块进行代码分割。本篇将介绍webpack的配置、配置Html模板、引入CSS文件等什么是webpack?webpack可以看做是模拟打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语...
2020-02-20 13:55:43
253
1
原创 2020-助你直通大厂前端中高级面试题
相信大家也和我一样，2020年的春节过得非常特别。新型冠状病毒不仅对国家还是对社会以及对我们的个人都有很大影响！很多小伙伴心里肯定想着由于种种原因，心里开始蠢蠢欲动了…????笔者通过平时面试总结以及面试别人常提的问题，结合自己认为非常重要的前端各技术栈的知识点，总结了这篇中高级前端面试。让需要的小伙伴所阅读，让不在大厂的小伙伴提前了解大厂前端面试官常问的各种常见前端问题。文章有点长，请各位小伙...
2020-02-18 10:44:33
4419
原创 从零带你用VuePress来搭建个人网站
VuePress可以让你非常方便的在Markdown文档中编写Vue代码，VuePress会为每个页面预渲染生成静态的HTML,同时，每个页面被加载的时候，将作为SPA运行这里我将带大家一步步用VuePress来搭建个人网站环境搭建查看node的版本号node -vnode.js的版本号必须要大于等于8才可以全局安装vuepressyarn global add vuepress...
2020-02-15 20:50:45
2461
原创 tsconfig.json配置详解，建议收藏！
前言由于开发ts的项目经常要配置tsconfig.json,所以自己整理了一份tsconfig.json文件，方便以后查阅~compilerOptions编译选项target用于指定编译之后的版本目录"target": "es5", module用来指定要使用的模板标准"module": "commonjs", lib用于指定要包含在编译中的库文件"lib":[ "es...
2020-02-14 19:57:16
3045
原创 手写一套完整的基于Vue的MVVM原理
作为前端面试官我面试必须问一下面试者：描述一下你对MVVM的理解？接下来，我将从零实现一套完整的基于Vue的MVVM，提供给来年“金三银四”跳槽高峰期的小伙伴们阅读也详细梳理一下自己对MVVM的理解。MVVM是什么在了解MVVM之前，我们来对MVC说明一下。MVC架构起初以及现在一直存在于后端。MVC分别代表后台的三层，M代表模型层、V代表视图层、C代表控制器层，这三层架构完全可以满足于绝...
2020-02-14 09:29:56
465
原创 从零使用TypeScript开发项目打包发布到npm
前言typescript作为未来前端开发的主流框架，在前端开发的过程中也会越来越主要，相信这篇文章会对你有很大的帮助！开发环境搭建创建ming-npm-package文件夹我在桌面上创建了一个ming-npm-package的文件夹，然后在编辑器里面打开初始化项目npm init通过npm init 初始化项目来创建用户package.json文件也可以npm init -y ...
2020-02-13 16:53:04
1955
原创 初中级前端面试题—完整版
前言从前端学习到找一份合适的工作，大大小小的面试必不可少，所以我对初级前端面试题进行了初步整理，也方便自己查阅，也希望对小伙伴们有所帮助！HTMLHTML语义化HTML语义化就是让页面内容结构化，它有如下优点1、易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。3、方便其他设备解析，如盲人阅读器根据语义渲染网页4...
2020-02-11 01:13:49
7646
原创 教你用element-ui实现属于自己的表单组件
前言最近因为新型冠状病毒，我们都只能呆在家不能出门，所以挺无聊的，就写下了这篇用element-ui实现一个属于自己的组件，希望能对大家有帮助！创建项目检查node环境配置Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)node -vVue版本可以使用下列任一命令安装这个新的包npm install -g @vue/cli# ORya...
2020-02-09 23:33:11
3176
原创 从零开发一套完整的vue项目开发环境
不管是工作需要还是面试加分，vue技术栈已经成为了前端开发工程师必备的技术点。接下来，我将从零开发一套完整的vue项目开发环境，提供给需要的同行小伙伴观看也方便自己以后复习。仓库地址项目源码地址：https://github.com/tangmengcheng/my-vue-cli.git目标彻底 Vue 官方脚手架 Cli 帮我们初始化做了那些事，通过 webpack4.x 帮我们...
2020-02-09 23:30:19
267
原创 js系列之详解字符串
前言javaScript 字符串用于存储和处理文本，几乎被所有的编程语言所实现（然而c、c++没有提供）。多数开发者几乎每天都在和字符串打交道，语言内置的String模块，极大地提升了开发者的效率。本文对js字符串常用的方法进行了整理字符串属性属性描述constructor返回创建字符串属性函数length返回字符串的长度prototype允许您向对象添...
2020-02-08 18:49:56
694
原创 Vue的系列之详解生命周期
生命周期介绍简单说就是一个组件从开始到最后消亡所经历的各种状态，就是一个组件的生命周期vue的生命周期图beforeCreate（创建前）beforeCreate（初始化页面前）详情：实例初始化之后，组件被创建时，这时候 el，data，message 都是 underfined场景：可以加入 loading 事件；在服务器端的应用场景中，这个时候发送数据请求比较多一些cre...
2020-02-08 18:46:37
273
原创 80道前端面试经典选择题
前言看了一下各种面试题，选择题是必有的所以我整理了一些经典的前端面试选择题，希望能对大家日后找工作有所帮助！HTML/CSS1、在 css 选择器当中，优先级排序正确的是（）A、id选择器>标签选择器>类选择器B、标签选择器>类选择器>id选择器C、类选择器>标签选择器>id选择器D、id选择器>类选择器>标签选择器解析：选D...
2020-02-08 18:38:51
16576
原创 从零一步一步搭建TypeScript+webpack4开发环境
前言相信大家都知道TypeScript的好处，TypeScript编译工具可以运行在任何服务器和任何系统上，TypeScript增加了代码的可读性和可维护性，很值得我们学习！下边我将带大家一步步实现TypeScript开发环境搭建~安装Node.js相信大家电脑一般都安装了node.js如果不确定是否安装了的话，可以在cmd里面输入以下命令： node -v如果看到了版本号，则说...
2020-02-07 21:39:29
881
原创 备战金三四银—前端必问的面试题(1)
前言又快到了到金三四银找工作的黄金时间，通过这些时间做面试题整理了一些经典必问的面试题，相信会对大家有帮助！如何知道（任何的）一个网站使用了多少种HTML标签？1，获取所有的DOM节点document.querySelectorAll('*')此时得到的是一个NodeList集合，我们需要将其转化成数组，然后对其筛选2，转化为数组[...document.querySelector...
2020-02-07 11:09:35
512
原创 关于flex布局的应用
什么是flex布局？Flex是Flexible Box的缩写，意味"弹性布局"，任何一个容器都可以指定为Flex布局flex的基本概念？Flex布局元素，称为Flex容器，简称"容器"。它的所有子元素自动成为容器元素，简称"项目"。容器默认存在两根轴：水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的排列方式：从左到右；交叉轴的排列方式：从上到下;容器的...
2019-12-17 16:08:18
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人