5 __LeoZhang

尚未进行身份认证

我要认证

低调

等级
TA的排名 10w+

webpack4的单页多页自助脚手架

工作之余写了一个简单的基于webpack的纯净版支持单页/多页应用的脚手架。项目地址:https://github.com/keaderzyp/multi-webpack主要由于目前前端市场脚手架基于webpack开发多数趋于免配置化,将webpack部分复杂的配置关系抽象到了依赖层,导致很多工作经验少的同学脱节比较严重,由于webpack本身的规模过于庞大,很多人疲于学习选择成熟的脚手架,以至于很多同学虽然更专注前端框架的业务开发了,但是基础内容脱离的越来越远。所以作者在工作之余提供了一份简易

2020-07-24 09:53:37

使用tsx开发vue项目入门

很久不写博客了,最近在使用ts和tsx开发vue类项目,网上资料比较少,顺便记录一下方便同样开发的人互相学习共同进步。本篇文章尽量不遗漏重要环节,本着真正分享的心态,不做标题党下面进入正题:由于现在vue的官方脚手架已经非常完善我们就不单独配置webpack了,节省大量的时间成本。首先使用@vue/cli创建一个vue模版项目(记得是@vue/cli不是vue-cli还不知道的人可...

2020-01-29 23:15:50

[排坑]不要用vue脚手架了,webpack4.7搭建vue单页(可改多页)应用解决方案(路由懒加载等)

废话不多说,的WebPack系列生态的更新速度真是让人感觉每天赶飞机一样,入坑已经很久,使用过程中避免不了将生态相关的插件更新到新版,这个过程中可能会遇到很多坑,举个最简单的例子,当的WebPack刚刚出4的时候看起来很好的样子,实际上相关的加载器和插件没有及时更新的时候就会遇见更新到新版本有些API更改导致整体不兼容,开头满心欢喜结果却不得不回退版本目前到webpack4.7之后,很多周边的插件...

2018-05-07 11:16:39

tomcat负载渣渣?ngnix+tomcat+redis实现动静分离,负载均衡,session共享

本文的内容比较复杂,设计的技术点有很多,所以不会详细的一一列出,只以主线流程为主,希望能给大家带来思路java程序员最熟悉的服务器就属于tomcat服务器了,众所周知,tomcat就算再优化,单个服务器的负载能力和并发能力都是很弱的,但是这不代表你运行tomcat服务器的服务器主机的能力就是如此了(也就是说如果你的项目是基于tomcat搭建的,那么可以通过一些手段来提高服务器的访问能力

2018-02-02 16:56:47

[工具]前端自动化生产环境,可下载使用

由于只有不到一下午的时间匆匆赶工出来的,初衷只是一时兴起,所以在种种机缘的情况下发布了第一版供大家使用奉上git地址 https://github.com/keaderzyp/webpack_cli.gitssh:git@github.com:keaderzyp/webpack_cli.git提前说明一下,由于时间比较赶,作者只有mac所以测试也是在mac环境下测试的,虽然node

2018-01-19 12:02:17

关于构建私人git服务器以及git与github的区别的详细介绍

it项目开发往往都是团队来完成的各有分工,那么在生产的过程中为了更好的将每个人完成的地方完美的搭配起来,公司大多会采用比较合适的团队协作工具,早起svn的使用很普遍,近年出现了github社区之后很多公司转而使用git仓库进行高效的代码协作以及版本控制。也就是说当一个程序员找工作的时候经常在招聘需求中会有一项叫做熟练使用svn或git进行团队合作,那么在这里有些人会产生一个误解,就是认为g

2018-01-10 16:51:46

如果你是个半路出家的程序员,请一字一句的看完

作者并不是行业顶尖技术达人,核心思想是希望通过自己的经验能让有缘分看到文章的非科班出身的程序员对自己的事业有些思考,少走弯路,没有批判任何人的意思。前言不啰嗦太多,信息时代的迅猛发展造就了信息产业,为了支撑信息产业的稳定运行市场上出现了大规模it从业者的工作需求。也就是说早年如果你想做软件开发,必须是科班出身并且本身有一定的造诣之后才能顺利的踏入这个行业,而如今呢,我们的市场膨胀速度越来越

2018-01-05 11:51:20

ios制作h5的桌面webapp的详解

时下app的解决方案大概分以下几种1.原生ios以及android app(需要两端程序员 复杂度高 学习成本高 可扩展性无)2.通过native系列衍生物产生的各种js混合app,如react native,phone gap ,cordova等(需要混合开发经验的程序员 复杂度较高 学习成本较高 可扩展性较高)3.通过ios以及android原生webview原理制作壳内嵌普通h5

2018-01-04 14:59:56

canvas简单的粒子效果的实现

很久没有写博文了,今天抽空做了一个canvas的简单粒子效果需要的基础知识有js的面向对象的基础,canvas的绘图基础首先预览一下效果,点我进入这里我们需要的就是通过定义粒子效果的对象以及粒子基点对象,通过对对象关系分析来构造对象的基本结构,从而得到了一个简单的粒子效果下面直接上完整代码,注释已经添加在代码中了 粒子效果 body{

2017-12-18 14:31:01

徒手创建一个webpack全自动生产与发布分离的环境

前面的文章已经提及了如何搭建webpack与express整合的文章,所以以上步骤省略,这里我们需要创建一个与之前类似的基础项目结构,先上package.json这里涉及到了一个与普通环境不同的地方在script中的启动指令需要有两个我们通过两个关键字来区分生产环境与发布代码的环境 dev代表生产环境,build代表发布环境那么我们先解释一下生产环境和发布环

2017-10-23 09:59:31

在使用vue脚手架之前你必须掌握的:vue的模版以及路由用法

有的同学在学习中陷入了迷茫,在不清楚知识体系的情况下乱学一通,最后导致了基础会一点,后面的知识大概了解就是没法彻底掌握,所以在这里希望大家如果有陷入vue迷茫的小伙伴不要过早的使用vue脚手架先把vue中核心的地方弄懂在阅读此文章之前保证你学会了作者之前发布的文章内容,或者你自己了解其他方式实现的以下内容:1.webpack项目搭建技巧2.常用的webpack的各种load

2017-07-10 22:03:28

使用fs模块让你在开发项目中不用重复的去修改webpack的配置文件

在使用webpack编程的过程中如果我们是按照如下配置把源文件写在项目中的那么会使你的配置文件变得非常的大,比如目录配置如下那么在webpack.config.js 中 你可能会写这么多的代码所以,如果面对着100+不同界面以及js分散碎片非常多的项目,某些同学可能会立即对配置文件说what the fuck!!。。。。。so~实际上这个问题我们可以

2017-06-25 21:37:18

postcss-loader的使用指南

这篇文章帮助我们学习使用postcss-loader首先介绍一下postcss-loader在web开发中我们经常会使用css来构建页面的样式这个过程中为了考虑浏览器兼容问题我们不得不使用兼容性前缀大家都知道less语言在编译时是可以补全css代码的兼容性前缀那么如果你只会css可不可以让他自动生成而不需要自己一个一个去写呢当然可以啦,这里就需要通过postcss来实现

2017-06-11 15:11:54

express+webpack+vue.js项目搭建

鹏叔针对初学者搭建vuejs的排坑文章,按照提示搭建vue失败的同学可以参考本篇文章来使用vue首先我们创建一个express 的ejs模版项目然后我们安装项目依赖接下来把我们需要的js依赖文件一股脑全部安装这时我们查看package.json然后我们首先启动项目测试 http://localhost:3000ok,继续配置w

2017-06-11 14:16:10

通过socket.io实现webpack中的HMR

HMR 即 Hot Module Replacement 是 Webpack 一个重要的功能。它可以使我们不用通过手动地刷新浏览器页面实现将我们的更新代码实时应用到当前页面中。开发过微信小程序的同学应该并不陌生,当你修改完代码Ctrl+S的时候视图会立刻更新到修改后的样子告别f5的日子真的是爽的不亦乐乎,鉴于web开发中hmr对我们如此的有帮助鹏叔今天发文来帮助初学者解决hmr的问

2017-06-07 20:39:01

express+webpack+bootstrap项目搭建从0做起

本文依然为菜鸟初学者耐心整理前端项目搭建问题,如果遇到不严谨的地方还望提出,如果觉得对学习有帮助可以持续关注我的文章,作者会不定期推出各类带领初学者排坑的文章

2017-06-01 19:30:43
勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。