四时宝库

程序员的知识宝库

「技术分享」SSR解决方案探索(ssr操作)

点击关注“八戒技术团队”,阅读更多技术干货

查看原文:

从零搭建 React 开发 H5 模板(搭建react开发环境)

项目创建

创建项目文件夹

mkdir react-demo
cd react-demo
npm init -y

vue3-ssr-webpack-vuex-vue-router 项目搭建过程分享

引言

2022年都过去两月了,是时候开始学起来了。从哪里开始呢?那就从未来的趋势 ssr来动手吧,现在vue3也出来这么久了,ssr怎么搭建呢?那咋就一起来康康吧。

项目源码:github.com/cll123456/v…

项目演示地址:chenliangliang.top:9022/ (这个地址不能保证长期有效,但是上面的源码地址一般不会删除,有兴趣的可以直接clone源码跑起来);

重学 webpack 系列(十)- 打包优化方案

打包优化方案

由于新建项目发版打包时间大概需要「30分钟」

性能优化实践:按需打包组件(按需加载打包)

前端性能优化中有一个关键点就是:减少打包体积

目前常用的按需打包组件的方式有如下几种:

  1. 手工import所有需要打包的组件;目前大部分前端 ui 库都使用的这种方式,在入口文件处导出所有的组件。

webpack前端构建性能优化策略小结

背景

回顾2016的前端技术的发展真的可以用百(gui)花(quan)争(zhen)鸣(luan)来形容,无论是技术栈的演进,技术框架的推新,还是各种模式,反模式的最佳实践都在不断地涌现,网上的一篇文章《在2016年学JavaScript是一种什么样的体验?》更是把这一现状做了很好总结。当然,吐槽归吐槽,技术的车轮还是要始终向前迈进,从中我们也不难发现,从前那种直接在js中写脚本。通过src嵌入到页面,然后按F5刷新页面查看结果的开发方式已经渐行渐远,基本上选择一款合适的编译和资源管理工具已经成为了所有前端工程中的标配,而在诸多的构建工具中,webpack以其丰富的功能和灵活的配置在整个2016年中大放光彩,React,Vue,angularjs2等诸多知名项目也都选用其作为官方构建工具,极受业内追捧,但是随者工程开发的复杂程度和代码规模不断地增加,webpack暴露出来的各种性能问题也愈发明显,极大的影响着开发过程中的体验。

前端构建:采用@vue/cli方式工程化项目,如何在webpack配置?

链接https://juejin.im/post/5d130b9a518825670124a721?utm_source=bigezhang.com#comment

vue-cil 3.0 配置说明

1 安装vue-cli3.0

0 淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

作为面试官,为什么我推荐微前端作为前端面试的亮点?

前段时间陆续面试了一波候选人,其中提到最多的就是微前端方案,微前端不像前端框架的面试题那样,它更偏重于项目实战,更加考察候选人的技术水平,不像React,Vue随便一问,就是各种响应式原理,Fiber架构等等烂大街的。

为什么选择微前端作为项目亮点

如果你的简历平平无奇,面试官实在在你的简历上问不出什么,那么只能给你上点“手写题”强度了

将微前端做到极致-无界方案(微前端指的什么)

大家好,我叫Echa哥。

微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题,或无法提供支持。本文提供一种基于 iframe 的全新的微前端方案,完善地解决了这些核心诉求。

webpack面试常见问题(webpack配置面试)

1.利用webpack优化前端性能

(1)压缩代码。删除多余的代码、注释、简化代码的写法等等方式。可以利用webpack的UglifyJsPlugin和ParallelUglifyPlugin来压缩JS文件, 利用cssnano(css-loader?minimize)来压缩css。使用webpack4,打包项目使用production模式,会自动开启代码压缩。

<< < 1 2 3 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接