前端技术

前端技术

在centos7上用nginx部署https服务

阅读(1791) 评论(0) 张阳君

今年在腾讯云上折腾了一台centos入门级服务器,本来想着就搭个lamnp环境,装个wordpress来做个人博客的,但是后来想想,服务器配置太低,用php性能不会太出众,所以最终还是选择了nginx+node的组合。本文主要总结一下如何在centsos7上基于nginx搭建https服务。希望这些小小的经验能给各位一点启发,也希望大家不要把时间浪费在部署运维上,安心写好代码才是正道。

使用Verdaccio搭建私有npm库
前端技术

使用Verdaccio搭建私有npm库

阅读(2575) 评论(0) 张阳君

这两年gitlab几乎成了公司内部代码托管的必备利器,而前端因为开源的关系,很少有人会提及搭建npm私有库。其实在公司内网搭建一个私有的npm库是很有必要的:一方面,公司会有一些不便公开的npm包,托管到内网相对安全可靠,另一方面,公司内部的项目使用了某个开源的npm包,并且针对该npm包进行了部分修改,这个修改后的npm包可以托管到内网,以后开发不至于和原版的npm包混淆。其实最大的好处是,内网下载速度飞快!

Vue服务器端渲染之Nuxt实战
前端技术

Vue服务器端渲染之Nuxt实战

阅读(4015) 评论(0) 张阳君

提到服务器端渲染,Vue官网推荐了一个成熟的第三方框架Nuxt.js。我用了一段时间,就被它完美的设计深深吸引住。Nuxt.js的中文官网是:https://zh.nuxtjs.org/,如果你在用Vue但还没接触服务器端渲染,我建议你一定要去尝试一下。这篇文章主要和大家聊聊在使用Nuxt过程中遇到的一些问题以及解决方案。

网页渲染技术发展杂谈
前端技术

网页渲染技术发展杂谈

阅读(1404) 评论(0) 张阳君

话说天下大势,合久必分,分久必合,互联网技术也是如此。早年做网站离不开asp、php(被认为是世界上最好的编程语言,哈哈)和jsp等后台技术,那时候的前端处于互联网鄙视圈的最底层,甚至大多数公司都没有前端这个部门,很多后台兼做页面,这大概就是全栈的最初形态吧。然而,随着Ajax技术的普及,一切都发生了变化...

Javascript正则表达式实战手册
前端技术

Javascript正则表达式实战手册

阅读(3040) 评论(0) 张阳君

最近做了几个项目,发现正则表达式用得越来越多了。我个人的习惯是,能通过查手册获取的东西绝不死记硬背,虽然大多数技术网站都搜罗了一堆Javascript正则表达式的用法,但我还是想整理一份更有实战意义的手册。说白了就是,如果以后需要用到正则表达式,直接过来复制粘贴就行啦!我会尽量把排版做的漂亮一点,便于大家提高开发效率。前面是Javascript正则表达式的简明用法,实战内容请跳到最后一节。

前端技术

有哪些比较好用的nodejs博客系统?

阅读(3507) 评论(0) 张阳君

很多人都听说过wordpress博客系统,在云计算还没兴起的年代,买个域名,租个虚拟主机,服务商可能直接就给你预装了wordpress。虽然wordpress目前依然是博客界老大,但在新技术井喷的这两年,我们有了更多的选择。作为一名资深前端码农,使用nodejs来搭建博客系统再正常不过了 。由于node异步单线程等特性,同等配置下,性能肯定远超php。本着不重复造轮子的想法,我就弱弱地给大家推荐几个好用的且基于nodejs的博客系统。

前端技术

Ionic4初体验

阅读(2532) 评论(0) 张阳君

Ionic4 beta版已经出来一段时间了,一直想要尝试用一下,但又感觉意义不大,两三年前风靡一时的混合式开发(Hybrid)现在似乎走到了尽头。前端从业者更愿意选择React Native这种技术来构建应用,加上今年Flutter异军突起,App的开发模式早就变了天。Ionic在这个时间段推出4.0版本,似乎不是特别讨喜。回想起1年前,我还在w3uu.com上创作了一版Ionic2的中文教程,没想到仅仅一年时间,Ionic3 已经更新到了 3.9.2,更别提刚面世的4.0了。今天有时间,大概逛了一下Ionic4的页面,下面给大家分享一下初次体验Ionic4的感受。

前端技术

使用svg绘制一张漂亮的地铁图(进阶篇)

阅读(2978) 评论(0) 张阳君

在上一篇的基础教程里,我们已经可以使用d3来绘制地铁的线路和站点了,但是页面看上去光秃秃的,这样一个作品交付出去,都不好意思说自己是做前端的。这篇进阶教程将带你了解,如何使用定时器和svg渐变来实现酷炫的动画。开发过程中,我也踩了不少坑,其中的动画核心代码重构了2次,这些血的教训我都会在本文一一总结出来,希望大家可以举一反三,避免踩坑。

前端技术

使用svg绘制一张漂亮的地铁图(基础篇)

阅读(2608) 评论(0) 张阳君

最近上级派下来一个任务,做一张上海地铁线路图用于大屏展示(webkit内核),要求按照客户给的概念图绘制,还需要一些交互和酷炫的动效,这张概念图的原型见下方(竟然还是CAD格式的)。