为了账号安全,请及时绑定邮箱和手机立即绑定

前端工具

前后端分手大师——MVVM 模式

之前对 MVVM 模式一直只是模模糊糊的认识,正所谓没有实践就没有发言权,通过这两年对 Vue 框架的深入学习和项目实践,终于可以装B了有了拨开云雾见月明的感觉。 简而言之 Model–View–ViewModel(MVVM) 是一个软件架构设计模式,由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。由...

271浏览 5推荐 0评论

打造自己的JavaScript武器库

自己打造一把趁手的武器,高效率完成前端业务代码。 本文首发于国内社区 segmentfault ,欢迎访问原文地址https://segmentfault.com/a/1190000011966867 前言 作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化、url参数转对象、浏览器类型判断、节流函数等一类函数,这些工具类函...

874浏览 10推荐 3评论

Webpack打包构建太慢了?试试几个方法

Webpack是个很流行的打包工具,但其打包速度却一直被吐槽着 如果不用上一些打包的优化建议,单单打包两三个文件就能花上好几秒,放上几十个入口文件依赖几百上千个包的话,几分钟十几分钟妥妥的 本文整理了常见的一些方法,部分使用之后就看到了很大改善,部分没什么明显的变化,也可能是项目规模还不够大,先记录一下方法也好 一、使用监听模式或热更新热替换 webpack支持监听模式,此时需要重新编译时就可以进...

387浏览 4推荐 0评论

WampSever 3.0.6 配置网站根目录

背景: 1、我wampserver3.0.6安装路径为D:\WAMP64 2、本地www目录一直是D:\www 3、安装了新的wampserver3.0.6 64bit,默认的网站根目录www文件夹路径由D:\WAMP6\WWW,希望改为D:\www。 注意事项:wampserver3.0.6先不要切换到中文语言,否则打开的文件中会有中文字符乱码,如果已经切换了,切换回英文再打开。 修改方法与步骤...

13浏览 1推荐 0评论

如何大幅提升web前端性能之看tengine在大公司架构实践

在一个项目还是单体架构的时候,所有的js,css,image都会在一个web网站上,看起来并没有什么问题,比如下面这样: 但是当web网站流量起来的时候,这个单体架构必须要进行横向扩展,而在原来的架构中静态资源这羊毛是出在单体架构这头羊身上,所以横向多少个单体,就有多少个静态资源文件夹,比如下面这样的架构。 那这种架构有什么问题呢? 总的来说会有如下二个问题: 1. 浏览器对单一域名的请求有并发限...

562浏览 6推荐 0评论

电商总结——如何打造一个小而精的电商网站架构

前面写过一些电商网站相关的文章,这几天有时间,就把之前写得网站架构相关的文章,总结整理一下。把以前的一些内容就连贯起来,这样也能系统的知道,一个最小的电商平台是怎么一步步搭建起来的。 本文大纲: 小型电商网站的架构 日志与监控系统的解决方案 构建数据库的主从架构 基于共享存储的图片服务器架构 移动M站建设 系统容量预估 缓存系统 一、小型电商网站的架构 刚从传统软件行业进入到电商企业时,觉得电商网...

2094浏览 17推荐 1评论

利用IIS测试,在手机上测试本地移动端页面

想要测试本地代码的工具跟网站有挺多的,但是我今天讲的是其中的一种,利用IIS来测试。IIS可以在电脑上安装,具体安装如下: 我用的是win10系统,首先打开控制面板-程序-程序和功能-启用或关闭Window功能 然后找到 Internet Information Server ,如下图勾选,如果该选框下面的选项全部被勾选,就会呈现打对勾的状态,否则就是黑色的方狀 勾选完成之后,点击确定就可以安装,...

230浏览 8推荐 0评论

NPM镜像设置以及问题处理

专门用于处理vue不能构建项目的问题: vue-cli · Failed to download repo vuejs-templates/webpack: unable to verify the first certificate 步骤如下: 安装镜像切换工具: npm install -g nrm 查看当前支持切换的源: nrm ls 切换指定的源: nrm use cnpm 最后关闭ssl...

89浏览 1推荐 0评论

除了 pull 和 push 你应该知道的 git 操作

除了 pull 和 push 你应该知道 git 的操作 git 仓库简单示意图 | 工作区(Working) | 暂存区(Staging) | 版本库(Local repo)| 远程仓库(Remote repo)| |---- git add ---->|--- git commit --->|---- git push --->| |----------- git commi...

163浏览 4推荐 0评论

记一次网易前端实习面试

记一次网易前端实习面试 很幸运地能收到网易的面试通知,就毫不犹豫翘了课去面试了hhhh~三点的面试,因为从来没去过那个中关村西北旺区,吃完饭早早就去了,想象中那里应该是繁华的地方hhhh,到了发现都在建设中,很多还在建设中,看到了网易旁边的百度和搜狐,都是长长的大楼或者是高高的建筑,满满大企业的既视感~一进网易楼就没网= =,在里面也没事干,就呆在外面看看前端的东西准备下,到2点40的时候跟前台说...

718浏览 16推荐 2评论

火爆:2017面试最新整理(2)

说说你对语义化的理解? 1,去掉或者丢失样式的时候能够让页面呈现出清晰的结构 2,有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重; 3,方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页; 4,便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化...

1045浏览 15推荐 3评论

前端攻略-从路人甲到英雄无敌

记得那年,我初学前端,遇见了很多的文章,在浩瀚的知识海洋里我手足无措,不知从何开始。己所不欲,勿施于人。这篇文章就会帮你去遨游前端学习的海洋,主要包含了在我之前的学习过程中整理的一些资源和一些感悟。我打算将整篇文章切分为两部分,第一部分重温HTML与CSS的基本知识,第二部分概括JavaScript、前端框架与设计模式。 HTML 与 CSS基础 前端的领域里,任何东西都离不开HTML 与 CSS...

257浏览 3推荐 0评论

我所认识的 Node —— Node 好在哪里?学习路径是怎样? 原创

第一次接触 Node 是 2013 年中旬,那时候还是 .net 程序员,偶尔也会写页面,所以接触过 JavaScript,听说 Node 很流行,饶有兴致的看了一下,觉得平淡无奇,无非是一门用 JavaScript 做方言的后端语言,并没有什么大 .net 没有的特性,那时候 Node 基础确实薄弱,连 Stream 还是第三方的包,也有有 Cluster 模块,基础设施薄弱无法应用到生产环境,...

4632浏览 51推荐 5评论

Grunt / Gulp / Webpack / Rollup 比较

Grunt 是一套前端自动化工具,帮助处理反复重复的任务。一般用于:编译,压缩,合并文件,简单语法检查等 Gulp 是基于“流”的自动化构建工具,采用代码优于配置的策略,更易于学习和使用 Webpack 是模块化管理工具和打包工具。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、AMD 模块、ES6 模块、CSS、图片等。它可以将许多...

215浏览 2推荐 0评论

Webpack 1 / 2 / 3 的 区别

Webpack 1 / 2 / 3 的 区别 一、 Webpack2 VS Webpack1 新增了许多新特性,需要处理配置语法兼容 1. 增加对 ES6 模块的原生支持 2. 可以混用 ES2015 和 AMD 和 CommonJS 3. 支持 tree-shaking(减少打包后的体积) 4. 新增更多的 CLI 参数项 -p 指定当前的编译环境为生产环境,即设置 process.env.NO...

328浏览 1推荐 0评论
首页上一页1234567下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信