使用node开发工作流脚本
之前本来打算学学shell写脚本的,后来发现用PHP或者node等语言都可以实现相关的功能,且逻辑描述更清晰。最近刚好项目需要写一个简化工作流的脚本,因此在此整理一下过去写node脚本的经验。
nginx二三事
发表于 | 分类于 网络
过去的项目一直使用windows,加上后台使用的是PHP,自然而然使用Wamp集成本地服务器开发环境。新公司项目用node写中间层,需要使用nginx搭建本地环境,之前对nginx的了解仅限于反向代理,现搭环境基本都是现查资料现学,因此简单整理,以做备忘。
假如我是前端面试官
发表于 | 分类于 杂项
想想工作近两年了,被别人的面试过的次数不多,大概只有四五场。下个月离职了,因此最近在帮公司招前端,参与了几场面试(其实去年这个时候,也是在帮前公司招前端)。之前一直在准备离职后回成都的面试,发现被别人面试和面试别人的感觉是完全不一样的。
算下来大概面试了十多个人了,因此可以假装自己是个前端面试官。今天突然想到一个问题,如果我是一个真正的前端面试官,我要问些什么问题呢?
换一种rem方式进行移动端布局
公司的移动端项目,包括app内的webview页面和Wap端网站,均采用rem进行布局,不过并不是基于flexible.js通过js去设置根字体大小,而是采用纯CSS实现的rem布局,在项目中的效果还不错,下面简单整理一下。
初识JWT
发表于 | 分类于 后端
最近一直在整理过去的项目经历,其中有一个使用vue-cli和Element-UI搭建的后台管理单页应用,其中的管理员权限认证用到了JSON Web Token
。
之前在做博客的后台管理系统的时候(虽然现在基本没用过了),也采用和同样的认证方式,当时只是简单对着文档进行实现,对其原理并没有很深刻的认识,因此决定稍作整理。
《web前端黑客技术揭秘》读书笔记
发表于 | 分类于 读书笔记
在项目中,往往更侧重的是前端业务逻辑,而对于web安全这块并没有过于关注。只是大概知道xss
和csrf
等术语,而具体的防范操作也只限于输入校验和表单提交增加_token
字段。
最近在复习web安全这一块的内容,突然想起之前还没有看完的《web前端黑客技术揭秘》,因此重新翻阅,并整理相关笔记。
一个web项目的总结
发表于 | 分类于 后端
来公司快一年了,除了日常APP内webview活动页面开发之外,最主要的工作就是重构了公司的web项目,包括PC站、Wap端、微信公众号和小程序。
除了前端开发工作之外,还负责后端路由和视图对接,以及一些业务功能的实现。现在回过头来整理一下整个项目,包括技术选型、开发环境搭建、项目分组等细节。
《网络是怎样连接的》读书笔记
发表于 | 分类于 网络
在春运的路上把《网络是怎样连接的》这本书基本看完了,这本书从在地址栏输入URL到看到网页这个问题入手,详细地介绍了网络相关的知识,下面整理相关的读书笔记。
在前端实现图片压缩上传
最近在整理之前实现的一些插件,刚好碰到了图片压缩上传这个问题,在移动端中,由于网速有限而手机照片往往比较大,导致图片上传比较缓慢,当时是通过HTML5中文件和二进制数据接口,配合Canvas实现在前端进行图片压缩的。这里稍作整理,权当复习。
JavaScript的垃圾回收机制
发表于 | 分类于 编程语言/JavaScript
JavaScript 在定义变量时就完成了内存分配,我们创建基本类型、对象、函数……所有这些都需要内存,那么内存是在什么时候被回收的呢?了解JavaScript内存分配和垃圾回收是必不可少的技能,本文将整理这个问题。
初识Grid布局
这里谈论的网格布局不是Bootstarp中的网格布局(貌似前几天Bootstarp发布v4.0版本了~),而是浏览器支持的一种新的布局方式。之前虽然略有耳闻,但一直没有去了解,最近发现貌似浏览器的支持还不错,于是决定系统地学习一下。
好像很久没有正儿八经地学习CSS了~
初识weex
发表于 | 分类于 客户端
现在公司的项目是基于weex开发的,我负责的前端业务也是采用Vue,早先学了点Android的东西,前段时间一直在学习Vue的源码,于是现在打算来理一理weex相关的知识,后面也可以跟客户端的同学探讨一下。
Vue源码阅读笔记之路由管理(六)
我们可以通过Vue
和Vue-router
来构建单页面应用。在传统的web项目里面,往往存在多个页面映射不同的功能,而在单页面应用中,不同的页面对应的是不同的组件。
在之前的博客同构渲染实践和history与单页面应用路由中,我尝试实现了单页面的路由管理,不过十分简陋,现在让我们来看看Vue-router的实现原理。
Vue源码阅读笔记之组件系统(五)
这是”Vue源码阅读笔记”系列第五篇文章。在之前我们分析了Vue的模板编译和渲染过程,以及响应式数据的原理,但是却有意识地避开了一个很重要的地方:组件。组件系统是Vue最强大的功能之一,接下来我们就从源码中,一步步揭开组件的神秘面纱。
Vue源码阅读笔记之语法细节(四)
这是”Vue源码阅读笔记”系列第四篇文章。上一章我们分析了Vue的模板编译和渲染过程,却忽略了模板中的很多细节,比如属性绑定、事件绑定、指令和计算属性等。此外还有混合、自定义属性监听等一些细节没有处理,由于后续的分析中这些细节不可避免,因此趁热打铁,来梳理一下Vue相关的一些细节。
Vue源码阅读笔记之模板渲染(三)
这是”Vue源码阅读笔记”系列第三篇文章。在前面我们分析了Vue响应式数据系统,并了解到当数据变化时会通知变化属性的Watcher,然后更新视图。渲染模板和更新视图的逻辑均由Vue内部封装,我们只需要关注数据的逻辑即可,接下来就让我们学习Vue的模板系统。
Vue源码阅读笔记之响应式原理(二)
这是"Vue源码阅读笔记"系列第二篇文章。前一篇文章中我们提到initState
中调用的initData
方法,调用observe(data)
完成了对数据的观察。
在很早之前的对象描述符与响应式数据这篇文章中,对于defineProperty
做了简单的整理,并实现了一个比较粗糙的响应式数据更新视图的例子。接下来让我们深入Vue的核心部分:响应式数据的工作原理。