工程师
Web全栈开发
Vue Vue.js React Angular javaScript ES6 js HTML5 H5 webpack (React Native)
HBuilder Mui jQuery (uni app) 微信小程序 mpvue APICloud element-ui (ant deisign)
CSS CSS3 Node.js WEB前端 Web全栈开发 Layui Egret flutter Taro ionic gulp
展开
-
静态网站生成器是如何工作的
在过去的几年里,开源静态网站生成器的数量增长迅速,StaticGen 上几乎找得到每一种语言实现的版本。静态网站相比动态网站具备无需依赖应用服务器,性能优越,部署简单等特点。特别适合生成静态文档,个人博客,饱受开发者的青睐。相比学会使用,掌握工作原理也尤为重要。一个静态网站生成器的工作流程通常有以下几个步骤:读取源文件(e.g. 约定 markdown 格式)资源预处理模板引擎...原创 2019-08-28 15:18:01 · 166 阅读 · 0 评论 -
Webpack 打包太慢? 试试 Dllplugin
webpack在build包的时候,有时候会遇到打包时间很长的问题,这里提供了一个解决方案,让打包如丝般顺滑~介绍在用 Webpack 打包的时候,对于一些不经常更新的第三方库,比如 react,lodash,vue 我们希望能和自己的代码分离开,Webpack 社区有两种方案CommonsChunkPluginDLLPlugin对于 CommonsChunkPlugin,webpa...原创 2019-09-27 14:50:14 · 253 阅读 · 0 评论 -
这可能是你见过的最便捷的Vue i18n Vscode插件
契子vue项目国际化非常的繁琐:将所有出现的要国际化的汉字复制取名配置在vue/js文件中找到汉字位置,区分是在template中标签的label或者其他property中,或者{{}}中script,又或者script中的,手动将一层一层的国际化key拷贝,粘贴。就算是相同的汉子,由于在vue中的语法不同,需要重复的拷贝,粘贴碰到一堆汉字拼接的简直要了老命/(ㄒoㄒ)/~~快速开始...原创 2019-09-27 14:47:41 · 2402 阅读 · 0 评论 -
vue 数据更新却不render?
以下都基于数据已经渲染到 dom 上后再对数据进行修改,console 出来的数据更新了,但绑定的 dom 不更新的问题更新对象的属性不renderdata() {return {detail: {}}}created() {this.detail = {a: ‘1’, // 更新b: ‘2’ // 更新}}mounted () {this.detail.c = ‘...原创 2019-09-27 14:46:45 · 1333 阅读 · 0 评论 -
Vue项目优化方案
经过对项目结构 / 开发方式 / 技术架构的研究,再次提出部分可以优化的点。刚加入新公司之后,在学习来新公司的开发技术之后,就迫不及待的想要将自己过往的开发方式和技巧融合到现在的项目中,下面是针对目前项目的中一些技术点的改进思路此方案主要由如下几点组成:代码编写规范Api层抽离Request工具更高效封装路由分离配置方案目录结构整理数据请求优化Mock数据配置方案在不断的编写过...原创 2019-09-26 16:42:23 · 609 阅读 · 0 评论 -
很好用的 UI 调试技巧
在业务开发过程中,想必大家经常会需要查看一个元素的位置及大小并修改它的 CSS,因此就会频繁使用到 DevTools 中的选择元素功能。其实我们可以使用一个 CSS 技巧给所有元素加上 outline,这样就能迅速了解自己所需的元素位置信息,无须再选择元素查看了。我们只需要添加以下 CSS 就能为任何网站添加这样的效果html * {outline: 1px solid red}复制代...原创 2019-09-23 16:05:55 · 224 阅读 · 0 评论 -
前端工程实践之可视化搭建系统
原创不易,希望能关注下我们,再顺手点个赞~~本文首发于政采云前端团队博客: 前端工程实践之可视化搭建系统(一)背景随公司业务不断发展,营销活动、广告、页面改版等需求日益倍增,靠纯人工撸代码已经无法跟上需求增长速度。加班?招人?显得不够明智,也不够前端,提效也就成为了关键。如何提效?从何入手?那不得不提的就是前端提效神器 —— 搭建系统,下文将从多个方面,向大家简单介绍政采云前端团队 ZooT...原创 2019-09-23 16:05:15 · 3573 阅读 · 0 评论 -
从基础到实战 手摸手带你掌握新版Webpack4.0详解 一起读文档
项目地址 github.com/wudiufo/Web…知识点概览:Loader,HMR ,Create React App, Caching, Plugin, SourceMap,Vue Cli 3.0 ,Shimming, WebpackDevServer,TreeShaking, CodeSplitting, Babel, React , Library, Eslint ,PWA, Vu...原创 2019-09-17 16:22:35 · 956 阅读 · 0 评论 -
一个关于转行的故事
前言本来是一个一年前的回答,关于转行的故事,当时只写了一点点,现在重新补上去。其实哪有什么难不难的问题,谁不是在死命撑着。一年前的老版本没考上大学,也不喜欢复读。特别不喜欢父母从小说的,考不上大学没有出路的说法。所以心里头一直想的就是,考不上大学有什么大不了的。但是什么都不会,于是读了个自考。电子技术,老爸说,以后可以修计算机了。后来又找了个朋友教我做PS。专科考完以后,就想考...原创 2019-08-30 17:27:42 · 240 阅读 · 0 评论 -
浏览器输入 URL 后发生了什么?
这是一道非常经典的题目,相信你被面试或者面试别人有非常大的概率接触过,也可能只是其中某一部分进行提问。这道题涵盖的知识点非常多,考察得比较全面,网上一搜也有成百上千篇文章,不同的人有不同的见解,然而大部分都是千篇一律。如果你没有深入透彻系统性地研究过,光靠死记硬背,面试官稍稍针对某一点提问,或者换成另外一种方式提问,就有可能露出破绽。仔细想想,学习积累到了一定阶段,也该凭技术储备对知识体系进行一遍...原创 2019-08-28 15:22:34 · 184 阅读 · 0 评论 -
使用webpack配置一个小型vue-cli脚手架
简介使用vue的朋友都是知道vue-cli,他是一个基于webpack的vue脚手架,通过vue-cli配置好一整套环境可以更快的开发,从而提高了工作效率。而我们可以学习它的一些配置可以熟悉webpack的构建流程,从而更好的开发,本文讲述了如何配置一个小型的vue-cli脚手架。项目地址: mini-vue-cliwebpack开发环境基本配置项目初始化参考webpack文档npm ...原创 2019-09-29 15:35:27 · 225 阅读 · 0 评论