Node.js 提供了 http 模块用于监听端口、处理 http 请求,返回响应,这也是它主要做的事情。
安装webpack首先需要安装Node.js,Node.js自带了软件包管理工具npm
vue3的响应式API大家应该都特别熟悉,比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API,今天欧阳给大家带来一些不一样的。脱离vue项目,在node.js项目中使用vue的响应式API。
现在我可以自豪地说,我已经接近一名全栈工程师了,已经熟悉了后端开发的各种工具、环境和一些后端工作的方式。
本文示例仓库地址: https://github.com/liuchenyang0515/Library_pack
从我的理解来看。yeoman就是一个工具外壳,它定制了如何调用generator,给generator提供了运行环境。yeoman generator则是解耦出来的核心部分,负责完成一个脚手架应该做的事。
前两篇简单讨论了requirejs+angular和requirejs+backbone的架构,这两个架构,估计也是国内最热门的做法。 浅谈HTML5单页面架构(一)——requirejs + angular + angular-route 浅谈HTML5单页面架构(二)——backbone + requirejs + zepto + underscore 不过,这一篇,我想进一步探讨一下这两个框架的优缺点,另外,再进一步,抛开这两个框架,回到本真,自己搞个简单的路由一样可以实现单页面。 这个对于刚做前端开
本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性:
其实之前都不打包的,就是 js、css 分别用对应的工具编译下,然后在 html 里引入。
通过云函数,我们将拥有编写服务端代码的能力。我们可以在服务端执行一些逻辑,可以上传图片,可以调用其他网络服务的api,可以对数据库进行操作。重要的是,云函数的编写相当简洁,便利。 在这一节,我们将通过云函数获取“为你推荐”的产品数据,实现数据动态化。实现这一功能,我们需要学习以下三块内容:
这篇文章不太好写,谈目前网上的多数教程,谈到JS模块必贴代码,而我一向不喜欢在公众号文章里写代码,因为难以阅读。所以我尝试从“构思”的角度,来写一下本文。 在昨天的 [一对一讲什么] 之 测完了接口、
关注点分离是一种将计算机程序分离成不同部分的设计原则,以便每个部分专注于单个关注点。例如,应用程序的业务逻辑是一个关注点而用户界面是另一个关注点。更改用户界面不应要求更改业务逻辑,反之亦然。
在fastadmin开源项目中,首页有可视化配图,看起来很酷炫.那么,如果自己想做自己的可视化使徒.有需要怎么做呢? 首先,我们需要了解下echarts 其次,我们需要明确的是使用fastadmin
这里也做了一点变更,uniapp的实现中是如下形式,main.js和页面.vue会命中同一个loader(见node_modules/@dcloudio/webpack-uni-mp-loader/lib/main-new.js),然后在这个loader里面根据是是否有resouceQuery来区别处理(显然main.js没有,而页面.vue有。
众所周知在前后分离的背景下,一款优秀的网络请求库是多么的重要,axios 现在几乎已经是一个项目开发的标配了,无论是从vue 还是到 react 都可以看到它的身影。可以看出这个库的受欢迎程度。
印象中,Gitlab作为Github的竞品,是一款“仓库管理系统”。但,士别三日,当刮目相看。
每个程序员都可以从理解编程原理和模式中受益。这篇概述用于我个人参考,同时我也把它放在这。也许这在设计、讨论或复查中对你有所帮助。但请注意,这还远远不够,你常常需要在相互矛盾的原则之间做出权衡。
点击上方蓝色“程序猿DD”,选择“设为星标” 回复“资源”获取独家整理的学习资料! 作者 | Mouse 来源 | http://r6d.cn/N3Sz 本文翻译自Programming Principles(http://java-design-patterns.com/principles/)。 每个程序员都可以从理解编程原理和模式中受益。这篇概述用于我个人参考,同时我也把它放在这。也许这在设计、讨论或复查中对你有所帮助。但请注意,这还远远不够,你常常需要在相互矛盾的原则之间做出权衡。 本文受The
之前写过一篇文章,《将 React 应用迁移至 Vite》介绍了 Vite 的优势,并且和 webpack 做对比,但 webpack5 有个很重要的功能,就是模块联邦,那么什么是模块联邦?Vite 中也可以实现吗? 我们一起来探究下。
loader 和 plugins 是 webpack 系统的两大重要组成元素。依靠对 loader、plugins 的不同组合搭配,我们可以灵活定制出高度适配自身业务的打包构建流程。
在大家的日常开发中,特别是开发大型项目,大家有没有每次打包想要骂娘的冲动!反正我是很痛苦,每次打包20分钟起,这漫长的等待时间,让人非常焦虑,遇见一些特殊问题(比如测试微信分享),必须要打包部署,看效果,你会发现,一天时间全部浪费在打包上,真所谓改代码两分钟,打包代码两小时,于是闲暇之余,研究了一下webpck打包机制,并且通过几个小插件和一些技巧成功的减少公司项目的打包时间,虽然打包时间没有断崖式的减少,但是能少一分钟,是一分钟吧,下面我们一起来研究一下webpack的性能优化,以及体积优化!
作者:@markyun markyun.github.io/2015/Front-end-Developer-Questions/ HTML Doctype作用?严格模式与混杂模式如何区分?它们有何意
HTML Doctype作用?严格模式与混杂模式如何区分?它们有何意义? HTML5 为什么只需要写 ? 行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 页面导入样式时,使用link和@
Zone.js是angular团队参照NodeJS的Domain,Dart的Zone,为angular 2开发的核心组件。 一开始,我对Zone.js是拒绝的。我们知道类似的 Domain 模块,主要是为了解决异步错误跟踪问题。所以,当我没有太强烈的错误跟踪需求的时候,Zone.js有啥用? 然而execution context不仅仅可以用来跟踪异步错误,还可以做一些猥琐而实用的事情。 先来理解一下 execution context Zone.current.fork({}).run(functio
本文首发于政采云前端团队博客:动态表单之表单组件的插件式加载方案 https://www.zoo.team/article/dynamic-form-loading-method
1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象:Object、Array、Boolean、Number 和 String 其他对象:Function、Arguments、Math、Date、RegExp、Error 新类型:Symbol
大家好,我是来自 MoonWebTeam 的卡子。最近看到有一位大佬在一个大会上分享了他们团队对官网进行了性能优化,将 LightHouse Performance 的跑分从原来的 52 分提升至 100 分(图 1),而我们自己的 Vue 项目的一个简单的页面花费九牛二虎之力只能优化到 80 多分(图 2),因此非常好奇究竟他们是怎么做到的,是不是有什么黑魔法。 图 1:大佬团队的官网 LightHouse 跑分 图 2:使用基于 Vue 3 SSR 的 Mole 框架开发的某业务页面的
组件化由于它的解耦,独立,开发效率已经成为了被广泛使用的项目架构了,特别是大项目重构的首选,今天就一起来看看组件化开发。
本文由 InfoQ 整理自腾讯云 CloudBase 前端负责人王伟嘉在 GMTC 全球大前端技术大会(深圳站)2021 上的演讲《十亿级 Node.js 网关的架构设计与工程实践》。
嘿,我最近接到一个 Web 项目,不过老实说,我这两年没怎么接触 Web 编程,听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师?
为了学习 rollup 打包原理,我克隆了最新版(v2.26.5)的源码。然后发现打包器和我想像的不太一样,代码实在太多了,光看 d.ts 文件就看得头疼。为了看看源码到底有多少行,我写了个脚本,结果发现有 19650行,崩溃...
作者:王伟嘉,腾讯云 CloudBase 前端负责人。 本文是王伟嘉在 GMTC 2021 全球大前端技术大会(深圳站)上的演讲内容:《十亿级 Node.js 网关的架构设计与工程实践》。 今天来开门见山地讲讲网关是一个怎么样的组件,网关在做什么事情。网关这个词其实到处都在用,它可以工作在硬件层面,也可以工作在网络层,还可以工作在应用层。 网关快速入门 网关在做什么? 我们今天讲的实际上是一个工作在 HTTP 七层协议的网关,它主要做的有几件事情: 第一,公网入口。它作为我们公有云服务的一个入口,可以把公有
Zone.js是angular团队参照NodeJS的Domain,Dart的Zone,为angular 2开发的核心组件。
本文作者:IMWeb 杨文坚 原文出处:IMWeb社区 未经同意,禁止转载 Zone.js是angular团队参照NodeJS的Domain,Dart的Zone,为angular 2开发的核
摘要: 单元测试应该是程序员的必备技能,而真正的编程高手应该善于把握单元测试的粒度。
一、前端为什么要做组件化 在大型软件系统中,web应用的前后端已经实现了分离,而随着REST软件架构的发展,后端服务逐步倾向于微服务,简单来说就是将一个大型后端服务,拆分成多个小服务,它们分别部署,降低了开发的复杂性,而且提高了系统的可伸缩性。而前端方面,随着技术的发展,开发的复杂度也越来越高,传统开发模式总是存在着开发效率低,维护成本高等的弊端。 传统开发方式效率低以及维护成本高的主要原因在于很多时候是将一个系统做成了整块应用,而且往往随着业务的增长或者变更,系统的复杂度会呈现指数级的增长,经常出现的情
本文是基于Vite+AntDesignVue打造业务组件库专栏第 11 篇,坚持就是胜利!
作者|谦龙 原文|http://imweb.io/topic/590dfe180ee54b060a501b66 会动的简历实现思路 这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果。又好像一个早已经录制好影片,而我们只是坐在放映机前观看。 原理分两个部分 1、页面能看见的不断跳动着的增加的文字,控制 2、页面的布局效果由藏在"背后的"style标签完成 想象一下你要往一张网页每间隔0.1秒增加一个啊字,是不是开个定时器,间断地往body里面塞啊,就可以啊!没错,做到这一步就完成了原理的第
高级也就是相对于基础的优化。从以下角度进行优化: 提升开发体验; 提升打包构建速度 减少代码体积 优化代码运行性能
开发新版本 Vue 项目推荐你使用 Vite 脚手架构建开发环境,然而 Vite 脚手架更倾向于构建纯 Web 页面,而不是桌面应用,因此开发者要做很多额外的配置和开发工作才能把 Electron 引入到 Vue 项目中,这也是很多开发者都基于开源工具来构建 Electron+Vue 的开发环境的原因。
导语 | 本文由InfoQ整理自腾讯云CloudBase前端负责人王伟嘉在GMTC全球大前端技术大会(深圳站)2021上的演讲《十亿级Node.js网关的架构设计与工程实践》。 大家好,我今天的演讲主题主要是讲我们业务上用Node.js写的一个网关。先做个简单的自我介绍,我叫王伟嘉,现在是腾讯云云开发CloudBase的前端负责人,说CloudBase可能很多人不太知道,但是我们旗下其实有挺多产品的,可能或多或少听说过,比如说微信云开发(原小程序·云开发),写小程序的同学应该会知道吧。 今天开门见山地讲一讲
大家好,我是码农小余。本节开始接触 Vite 核心特性热更新(Hot Module Replacement,简写 HMR)。
最近在知乎上看到的一个提问做前端技术方案选型的时候,你是怎么做决策的?想起一年来自己所做的项目,全都是一个人在做选型,能力也在一步步中培养起来。
开发一个 npm 组件, 你是否了解需要对外导出什么格式的代码?如何让 npm 组件体积尽可能小?
Openresty是国人发起的一个开源项目,大概看了一下,也体验了一下,在技术实现上,角度挺有意思的。Openresty是基于Nginx的web服务器,有意思的是Openresty的思路是把web应用服务集成到Nginx里面。大家都知道Nginx是通常配合Node.js、Go、PHP等后端技术一起使用,通过进程间通信或者socket完成一个完整的服务。
23、Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?
经过我们的“千锤百炼”,总结出来在私有化交付中Web的难点无非有两方面:一是用户环境复杂,导致了许许多多的兼容性问题;其次,可能是完全没有共性的用户需求,可以这么说,做公有云,是20%的需求来满足80%的用户,而私有化呢?是99%的需求满足1%的用户,这些需求主要集中在前端。所谓的99%的需求,我们可以理解为这些其实面向的是行业的复杂性。那么,面对这种“千奇百怪”的用户环境,我们该如何提前做好准备,随时应对呢?
随着微信开发者工具v1.0.0的释出,beta已久的微信小程序视图层的新功能特性WXS(WeiXin Script),也正式到来了。
领取专属 10元无门槛券
手把手带您无忧上云