5 violet-jack

尚未进行身份认证

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

等级
TA的排名 1w+

JavaScript 作用域详解

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

2019-01-25 13:39:01

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

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

2019-01-21 16:36:09

Vue 组件学习总结

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

2018-12-27 23:05:00

换个角度学习 VUE CLI 3

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

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

2018-12-27 23:01:24

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

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

2018-12-27 23:00:20

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

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

2018-12-27 22:58:25

微信小程序踩坑资料整理

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

2018-12-27 22:57:07

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

问题由于项目图片在打包后图片名会跟上一串hash值,并且相对路径会改变。所以:<imgsrc="../../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博客系统报错解决方案

报错信息Templaterendererror:(unknownpath)[Line62,Column32]expectedvariableendatObject.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.jsexportfunctionparse(template:s...

2018-03-07 15:32:22

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

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

2018-03-07 15:31:37

查看更多

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