前端
当年明月又天涯
从入门到放弃
展开
-
Vue项目——Vue开发掘金WebApp(仿掘金App)
这里写自定义目录标题正文介绍效果图完成度交互完成度后续正文介绍该项目是抄袭仿照掘金客户端使用Vue开发的WebApp。里面所有的API均来自官方Android。页面基本上和掘金App差不多,不过由于里面的一些图片本菜使用的是阿里的iconfont,因此会和掘金App上面的图片有点不一样,但是整体的功能和掘金App还是差不多的。该项目源码已经开源在gayhubgithub, 点击可查看源码,...原创 2020-04-26 18:25:01 · 2277 阅读 · 0 评论 -
webpack-dev-server使用proxy跨域cookie问题
如今前后端分离的的开发模式越来越成为主流,前后端分离的开发模式确实给开发带来了诸多便利, 但也带来了一些小问题,比如跨域的问题,因为前后端分开的开发模式,在开发过程中前端项目和后端项目运行在不同的源下,所以跨域问题成了前后端分离开发过程中的主要问题。这几天,我在做一个前端小项目的时候也遇到了跨域问题,由于后台接口调用的是别人的接口,而该接口没有提供跨域访问,所以不得不使用webpack-dev-...原创 2019-04-25 23:58:01 · 7952 阅读 · 2 评论 -
Vue源码解析(一),Vue中DOM的挂载过程
1.从入口开始new Vue()做了什么从入口文件开始,我们来分析一下new Vue()做了哪些工作,Vue实际上是一个类,我们通过new Vue()来创建一个Vue实例。现在来看一下源码,在src/core/instance/index.jsfunction Vue (options) { // 判断是否通过new 创建Vue实例 if (process.env.NODE_ENV...原创 2019-05-05 12:18:00 · 3317 阅读 · 2 评论 -
实现简单的DOM-Diff算法
实现简单的DOM-Diff算法什么是虚拟DOM虚拟DOM简而言之就是用JS去按照DOM结构来实现DOM的树形结构的对象,当然,由于真实的DOM有很多的属性接口,而我们在这里的虚拟DOM只描述真实DOM 的一部分属性。创建虚拟DOM巧妇难为无米之炊,既然要实现DOM-Diff算法,那么我们肯定需要创建虚拟DOM,并且要知道虚拟DOM如何渲染成真实的DOM,// element.js//...原创 2019-05-09 18:34:51 · 716 阅读 · 1 评论 -
ES6类以及继承的实现原理
ES6类的使用及原理ES6新增的Class(类)给我们编程带来了极大方便,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已, ES6中类实际上也是函数,我们使用typeof去判断类时可以看到其返回的就是function。在ES6中类的实现是基于原型来完成的,下面我们就来看看es6中类的实现...原创 2019-05-12 21:47:06 · 4629 阅读 · 0 评论 -
自己实现一个Promise
序言Promise是ES6提出的异步编程规范。接下来我们一步一步来探究下Promise的实现原理,根据Promise A+规范实现一个我们自己的Promise。Promise的初步实现Promise的简单使用new Promise((resolve, reject) => { resolve('a')}).then(value => { console.log(val...原创 2019-07-10 18:43:30 · 590 阅读 · 0 评论 -
CSS预处理器——less
介绍Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。下面我们正式学习以下less使用嵌套对于所有的CSS预处理语言来说,大家最常见到也肯定会用到的特性就是嵌套了。嵌套规则允许在一个选择器中嵌套另一个选择器,这更容易设计出精简的代码,并且样式之间的关系一目了然。如:.parent { width: 100p...原创 2019-07-06 00:20:23 · 278 阅读 · 0 评论 -
react-router和react-router-dom的实现
React Router 是完整的 React 路由解决方案React Router 保持 UI 与 URL 同步。它拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理。今天我们就来大概的看一下这个强大的组件是如何实现的。react-router为了能实现跨平台的路由解决方案,将react-router分成了三个模块:react-router,react...原创 2019-07-24 10:45:12 · 929 阅读 · 0 评论 -
Vue源码解读——Vue响应式原理
文章目录序言源码解读从入口开始initDataobserve函数Observerwalk函数defineReactive依赖收集Watcher依赖更新序言Vue是当前最流行的框架之一,现在很多项目都或多或少都会用到Vue。所以了解Vue的响应式原理对我们意义非凡,有利于…我们直接开始吧源码解读从入口开始Vue对数据进行响应式的处理的入口在src/core/instance/state....原创 2019-07-25 12:21:05 · 590 阅读 · 0 评论