6 violet-jack

尚未进行身份认证

我要认证

只有写成博客的知识才是自己熟练掌握的知识。

等级
TA的排名 1w+

JavaScript 作用域详解

本文首发于贝壳社区FE专栏,欢迎关注!一、什么是作用域编译原理分词/词法分析(Tokenizing/Lexing)这个过程会将由字符组成的字符串分解成(对编程语言来说)有意义的代码块,这些代 码块被称为词法单元(token)。例如,考虑程序var a = 2;。这段程序通常会被分解成 为下面这些词法单元:var、a、=、2 、;。空格是否会被当作词法单元,取决于空格在 这门语言中是...

2019-01-25 13:39:01

umi 启动 npm run dev 之后页面一直提示 Disconnect 不断刷新重连

场景前端使用 antd pro 的脚手架项目,运行 npm run start 启动 devServer 进行热加载实时打包。后端使用 koa 来提供 API 接口和中间件,并且使用 HTML 引用前端的打包资源来进行页面渲染。问题由于同时起了 devServer 和 node 两个端口服务,所以当我访问后端渲染页面时,umi 中的 socket server 端口指向错误。所以它会不断地...

2019-01-21 16:36:09

Vue 组件学习总结

本文主要是对 Vue 组件学习的总结和之后要写的内容的计划。组件学习总结组件库的本质是什么?组件库其实就是一堆组件组成的一个项目,一般项目里会有组件和演示项目。当项目调试时 webpack 打包演示项目的入口文件来进行演示和调试,在发布组件库时 webpack 打包组件库的入口文件。将打包完的组件发布到 npm。对于创建组件库的想法我觉得,组件库的左右只能是一个 —— 提高生产效率。...

2018-12-27 23:05:00

换个角度学习 VUE CLI 3

简介vue cli 3 是一个类似于 create-react-app 的可以用例命令行快速配置和生成一个 vue 项目。]vue cli 3 与之前版本最大的几个变化变化是:选择项目插件界面更友好了。如选择 eslint 类型、是否需要 router 和 vuex 等行为。实现了界面化创建和操作项目,使用 $ vue ui 启动教授架页面。将常用配置项进行了封装,统一使用 vue-co...

2018-12-27 23:03:49

element 源码学习六 —— Carousel 走马灯学习

简单使用走马灯功能在展示图片时经常用到,而 element 中提供了 Carousel 组件。出于好奇学习一下它的实现原理。具体的功能详情请查阅官方文档。关于组件属性,该组件提供了组件高度、索引、指示器、切换时间等一众配置,这个只要动手试一遍都能理解。关于事件,提供了一个 change 事件。可以通过 v-on:change="changeFun" 事件绑定来监听。该事件传递了两个参数:当...

2018-12-27 23:03:14

element 源码学习五 —— Notice 系列组件学习

消息提示行为是开发中非常常见的功能,Element 为我们提供了非常好用和美观的消息提示组件。这里就简单学习下 Notice 组件的 CSS 和代码逻辑。简介Notice 包括了五类组件:Alert 用于页面中展示重要的提示信息。Loading 加载数据时显示动效。Message 常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。...

2018-12-27 23:02:27

element 源码学习四 —— color-picker 源码学习

在 element ui 中最让我好奇的组件之一就是 color-picker 着色器组件。这里还是通过几个问题来学习一下如何实现着色器的。源码地址在前几篇博客中说起过 element 组件都位于 package 目录下,那么本次学习的颜色选择器就是在 package/color-picker 目录中。简单说下目录结构:src 源码文件夹components 组件文件夹al...

2018-12-27 23:01:24

element 源码学习三 —— select 源码学习

select 选择器是个比较复杂的组件了,通过不同的配置可以有多种用法。有必要单独学习学习。整体结构以下是 select 的 template 结构,已去掉了一部分代码便于查看整体结构:<template> <div> <!-- 多选 --> <div v-if="multiple" ref="tags...

2018-12-27 23:00:20

2018 年最新的移动前端资料整理(不断更新)

本文整理了前端开发同学在开发手机页面的时候遇到的各种问题,希望能够对解决移动前端开发中遇到的问题提供帮助。Android WebView 简介在 Android 中提供了 WebView 控件用来展示网页内容。对于 WebView 需要注意:Android 的 WebView 的主要问题在于不同 Android 版本的 WebView 使用了不同的浏览器内核和浏览器版本,所以需要进行 Andr...

2018-12-27 22:58:25

微信小程序踩坑资料整理

申明:本文纯属资料整理,如有违规请评论联系作者删除。1. navigator点击出现阴影,如何去除阴影做法:将navigator组件的hover-class设置为none:hover-class=“none”<navigator url='index' class="nav" hover-class='none'> .....</navigator>2...

2018-12-27 22:57:07

Vue项目中使用v-bind引入图片路径出现图片未找到的问题

问题由于项目图片在打包后图片名会跟上一串hash值,并且相对路径会改变。所以:<img src="../../assets/logo.png"/>这么写是可以的,因为打包的时候会自动锁定图片路径。<img :src="url"/>data { url: '../../assets/logo.png'}这么写就会出现图片路径不对,无法找到...

2018-06-27 15:53:06

饿了么求职记

记录下饿了么面试的一些东西吧~面试过程上周突然在微博收到一条私信,说饿了么招人让我去聊聊。让我很是吃惊。作为 Vue.js 深度用户,我的就业目标就是在我能力达到之后能够进入饿了么。感到非常意外也非常惊喜。 周末的时候心里总是有点不安,感觉自己能力不足,但又非常希望能够进饿了么。其实这算是我明年的计划了。自感能力不足的我除了周六参加crossover的meetup外全力准备面试。重新...

2018-03-15 06:20:11

element 源码学习(番外篇) —— SASS五分钟快速入门

这算是 element 源码学习的番外篇,因为 element 中使用了大量 sass 来写样式。而 UI 框架的核心其实就是样式。所以,抽空把 sass 学了一遍,写了些小 demo 实践,总结成此文。SASS 安装和调试简单说下 sass 如何安装和编译调试。 参照官网,需要使用 gem 来安装 sass。如果是windows用户没有 gem 需要先安装 Ruby...

2018-03-15 06:18:42

element源码学习二 —— 简单组件学习

上一篇博客中学习了项目的结构,这篇博客来学几个简单的组件的实现。

2018-03-12 09:40:12

element源码学习一 —— 认识框架

由于面试需要,先来几发 element 源码学习博客。Vue 源码还将继续更新。

2018-03-10 23:57:05

记一次参见 CrossOver Meetup 的经历

这次meetup的信息呢是在一早一晚上面看到的。感觉挺不错就跑去听听了解下了。

2018-03-10 23:37:10

为什么成为前端

处在求职季的当下,我想整理一下我的工作经历以及为什么会成为一个前端。做到不忘初心。

2018-03-10 23:36:21

Hexo博客系统报错解决方案

报错信息Template render error: (unknown path) [Line 62, Column 32] expected variable end at Object.exports.prettifyError (/Users/violetjack/Documents/Github/BlogBackup/node_modules/nunjucks/src/...

2018-03-07 16:01:25

Vue.js 源码学习八 —— HTML解析细节学习

从上一篇博客中,我们知道了template编译的整体逻辑和template编译后用在了哪里。本文着重讲下HTML的解析过程。parse 方法所有解析的起点就在 parse 方法中,parse方法最终将返回为一个 AST 语法树元素。// src/core/compiler/parser/index.jsexport function parse ( template: s...

2018-03-07 15:32:22

Vue.js 源码学习七 —— template 解析过程学习

这次,来学习下Vue是如何解析HTML代码的。template 解析用在哪从之前学习 Render 的过程中我们知道,template 的编译在 $mount 方法中出现过。// src/platforms/web/entry-runtime-with-compiler.jsconst mount = Vue.prototype.$mountVue.prototyp...

2018-03-07 15:31:37

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!