violetjack的专栏

专注于移动前端开发

JavaScript 作用域详解

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

2019-01-25 13:39:01

阅读数 108

评论数 0

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

场景 前端使用 antd pro 的脚手架项目,运行 npm run start 启动 devServer 进行热加载实时打包。 后端使用 koa 来提供 API 接口和中间件,并且使用 HTML 引用前端的打包资源来进行页面渲染。 问题 由于同时起了 devServer 和 node 两个端口服...

2019-01-21 16:36:09

阅读数 633

评论数 2

Vue 组件学习总结

本文主要是对 Vue 组件学习的总结和之后要写的内容的计划。 组件学习总结 组件库的本质是什么? 组件库其实就是一堆组件组成的一个项目,一般项目里会有组件和演示项目。当项目调试时 webpack 打包演示项目的入口文件来进行演示和调试,在发布组件库时 webpack 打包组件库的入口文件。将打...

2018-12-27 23:05:00

阅读数 95

评论数 0

换个角度学习 VUE CLI 3

简介 vue cli 3 是一个类似于 create-react-app 的可以用例命令行快速配置和生成一个 vue 项目。]vue cli 3 与之前版本最大的几个变化变化是: 选择项目插件界面更友好了。如选择 eslint 类型、是否需要 router 和 vuex 等行为。 实现了界面化创...

2018-12-27 23:03:49

阅读数 96

评论数 0

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

简单使用 走马灯功能在展示图片时经常用到,而 element 中提供了 Carousel 组件。出于好奇学习一下它的实现原理。 具体的功能详情请查阅官方文档。 关于组件属性,该组件提供了组件高度、索引、指示器、切换时间等一众配置,这个只要动手试一遍都能理解。 关于事件,提供了一个 change 事...

2018-12-27 23:03:14

阅读数 170

评论数 0

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

消息提示行为是开发中非常常见的功能,Element 为我们提供了非常好用和美观的消息提示组件。这里就简单学习下 Notice 组件的 CSS 和代码逻辑。 简介 Notice 包括了五类组件: Alert 用于页面中展示重要的提示信息。 Loading 加载数据时显示动效。 Message ...

2018-12-27 23:02:27

阅读数 143

评论数 0

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

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

2018-12-27 23:01:24

阅读数 132

评论数 0

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

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

2018-12-27 23:00:20

阅读数 221

评论数 0

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

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

2018-12-27 22:58:25

阅读数 64

评论数 0

微信小程序踩坑资料整理

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

2018-12-27 22:57:07

阅读数 361

评论数 0

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

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

2018-06-27 15:53:06

阅读数 1758

评论数 0

饿了么求职记

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

2018-03-15 06:20:11

阅读数 1213

评论数 0

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

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

2018-03-15 06:18:42

阅读数 872

评论数 0

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

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

2018-03-12 09:40:12

阅读数 3137

评论数 1

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

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

2018-03-10 23:57:05

阅读数 7481

评论数 0

记一次参见 CrossOver Meetup 的经历

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

2018-03-10 23:37:10

阅读数 288

评论数 0

为什么成为前端

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

2018-03-10 23:36:21

阅读数 222

评论数 0

Hexo博客系统报错解决方案

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

2018-03-07 16:01:25

阅读数 804

评论数 0

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

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

2018-03-07 15:32:22

阅读数 264

评论数 0

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

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

2018-03-07 15:31:37

阅读数 561

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭