移动、前端、小程序、跨端……大前端领域百花争鸣,把握大前端未来的方向,关注科技企业的大前端实践,在这里看到大前端的前沿。

加载中
置顶
前端工程师
发表了博客
前天 22:36

前端路由解决方案你真的懂?

## 一、前端路由解决什么问题? 每个技术点的出现,都是为了解决当前的某一些问题,那么,前端路由的出现,又是解决了什么问题呢? ### 1、问题背景 从历史的发展总能找到些蛛丝马迹,让我们在当前的阶段往前推一下,拎出那个时代的背景以及它的问题 ![](https://oscimg.oschina.net/oscnet/up-a307c2ff02832c759246cca4580325cc162.png) 不难看出,前端路由的出现,是要帮助我们在仅有一个页面的情况下,“记住”用户当前走到了... 展开更多

收藏 1
0
置顶
运营/编辑
发表了博客
昨天 10:27

2D+1D | vivo官网Web 3D应用开发与实战

一、 前言 1.1 前端工程师,不写网页,还能做什么? 在近20年的前端发展史中,前端经历了铁器时代(小前端),信息时代(大前端)以至现在的全能前端时代。经历了几个时代的沉淀之后,前端领域开始更加细分。 目前业界普遍认为前端细分领域的垂直方向有:助力于前后端分离和工程完善的NodeJS,关注用户界面展示的小前台,提供一站式解决方案的中后台,丰富数据展示能力的数据可视化(2D、3D),以及面向未来的用户富交互体验的互动... 展开更多

收藏 2
0
置顶
后端工程师
发表了博客
昨天 11:21

Vue使用ECharts完成2020年全国各地区GDP总量大数据可视化面板(附源码)

就在上周全国各地区GDP总量上了热搜,一时性起就想写个大数据面板展示 既然决定要写,那么就要考虑到图表和图标的使用,这里我是用了我最熟悉的两大框架[ECharts](https://echarts.apache.org/zh/index.html)和[element-ui](https://element.eleme.cn/#/zh-CN) ### 一、我的构思步骤 #### 1. 确定主题色彩 首先我们通过[ECharts主题](https://echarts.apache.org/zh/download-theme.html)定制确定我们的总体图表颜色 ![在这里插... 展开更多

收藏 3
0
置顶
发表了博客
昨天 10:26

Babel 简介

本教程我们学习 `Babel ` 的基础知识,`Babel` 是一个用于 `web` 开发,且自由开源的 `JavaScript` 编译器、转换器。主要用于在当前和较旧的浏览器或环境中将 `ECMAScript 2015+` 代码转换为 `JavaScript` 的向后兼容版本。 `Babel` 使软件开发者能够以偏好的编程语言或风格来写作源代码,并将其利用 `Babel` 翻译成 `JavaScript`,是现今在浏览器最常用的编程语言。 下列是 `Babel` 的使用场景: - 语法转换。 - 目标环境中缺少... 展开更多

收藏 0
0
置顶
发表了博客
04/08 12:24

腾讯地图Flutter业务实践——地图SDK Flutter插件实现(一)

## 前言 Flutter 作为目前通用的业界跨平台解决方案,开辟了一套全新的设计理念,通过自研的 UI 框架,支持高效构建多端平台上的应用,同时保持着原生应用一样的高性能。 在Flutter项目开发过程中,对插件的开发和复用能够提高开发效率,降低工程的耦合度。Flutter开发者可以引入对应插件就可以为项目快速集成相关能力,从而专注于具体业务功能的实现。 而在Flutter项目开发过程中面对通用业务逻辑拆分、或者需要对原生能力封装... 展开更多

收藏 5
3
置顶
发表了博客
04/08 12:34

[项目实战] Webpack to Vite, 为开发提速!

背景 最近,就 前端开发过程中的痛点及可优化项 做了一次收集。 其中,构建耗时、项目编译速度慢 的字眼出现了好几次。 随着业务的快速发展,我们很多项目的体积也快速膨胀。 随之而来的, 就是打包变慢等问题。 提升研发效率,是技术人永恒的追求。 我们项目也有启动慢的问题,同事也提到过几次。 刚好我之前也做过类似的探索和优化, 于是就借这个机会,改造一下项目, 解决启动耗时的问题。 于昨天下午(2021.4.7 23:00), 成... 展开更多

收藏 7
0
置顶
技术主管
发表了博客
04/08 13:10

要改掉的 10 种 TypeScript 坏习惯

在过去的几年中,TypeScript 和 JavaScript 一直在稳步发展,而我们在过去的几十年中养成的一些编程习惯也变得过时了。其中有一些习惯可能从来就没有什么意义可言。这篇文章就来谈一谈我们大家都应该改掉的 10 个习惯。 接下来我们就来一个个看示例吧!请注意,每个小节中“应该怎么做”这部分只纠正了前文提到的问题,实际情况中可能还要其他需要注意的代码风味。 1. 不使用 strict 模式 具体是什么意思 在没有启用 strict 模式... 展开更多

收藏 4
0
置顶
前端工程师
发表了博客
04/08 11:18

为什么使用Tailwind Css框架?

在还没有前端开发这个概念的时代,CSS 其实作为一个比较简单的 DSL 还相对凑合够用,但随着前端项目越来越复杂,前端各种开发模式都在随着项目规模扩大的需求而不断进化,比如前端服务上我们由服务端直出变为简单的前后端分离再慢慢的升级成前后端融合的 serverless,再比如 JS 的写法上我们从开始最原始的单文件脚本慢慢引入了各种模块化的方案再到今天组件化全面开花。同样的进化当然也会发生在 CSS 的开发上。 CSS 作为一个(... 展开更多

收藏 2
0
置顶
前端工程师
发表了博客
04/08 21:27

Redux 中间件 到底怎么工作的呢?

中间件其实不仅仅是`Redux`专利,在`Node`框架中也有应用,比如`koa`,这里我们简单的默认为`Redux` 中间件,在进入正题前,先了解一下面向切面编程与中间件的关系 ## 一、中间件与面向切面编程(AOP) 面向切面编程(AOP)的存在,解决了我们熟悉的面向对象(OOP)的局限性,可以将其看作是OOP的补充。比如当我们要为某几个类新增一段共同的逻辑,在OOP模式下,即可通过修改它们共同的父类来实现,但这无疑使得公共类越来越臃肿。那如... 展开更多

收藏 0
0
置顶
发表了博客
04/08 21:42

实战 | 认识 RecyclerView

[RecyclerView](https://developer.android.google.cn/reference/kotlin/androidx/recyclerview/widget/RecyclerView) 是一款非常强大的 widget,它可以帮助您灵活地显示列表数据。当我开始学习 RecyclerView 的时候,我发现对于复杂的列表界面有很多资源可以参考,但是对于简单的列表展现就鲜有可参考的资源了。虽然 RecyclerView 的组成结构乍一看有些复杂,但是深入理解以后您会发现它其实非常简单明了。 本文会通过创建一个... 展开更多

收藏 0
0
置顶
发表了博客
04/07 08:20

总结18个 webpack 插件,总会有你想要的!

作者:lzg9527 https://juejin.cn/post/6844904193589772301 何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。 Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节点,执行广泛的任务。 Plugin 的特点 是一个独立的模块 模块对外暴露一个 js 函数 函数的原... 展开更多

收藏 7
1
置顶
前端工程师
发表了博客
04/07 11:44

如何优雅的使用 CDN 优化博客

优雅:免费又方便 在某年某月某日(2021年1月22号),在 umi 交流12群中,有朋友聊到,将网站部署在 vercel 上,不太稳定,经常被墙或者访问很慢。 这个问题在 alita 的群里,也有朋友曾经提到过,那时候我就想掏钱买个服务器或者 CDN 来处理这个问题。 但是,由于一直以来所有的文档都是使用 dumi 加上 vercel 上 ci 自动构建部署的,众所周知,用户的懒惰习惯一旦养成,将很难被改变。主要是访客太少了,alita 做了一年多了,... 展开更多

收藏 1
0
置顶
个人站长
发表了博客
04/08 09:29

分享GitHub上的7个热门TypeScript项目

这里收藏Github上 7个热门TypeScript项目(相关数据是截止2021年04月06日),可以让你的开发变得轻松。编码能力的提升最佳途径就是阅读开源项目源码。 如果你对TypeScript的不太了解,可以花点时间看看《认识TypeScript》 1. Storybook Storybook是一个UI组件的开发环境。它允许开发人员浏览广泛的组件目录,可以在其中测试和分析它的不同状态。它是为Vue、React、Angular和许多其他框架构建的。这对于测试组件及其边界情况特别... 展开更多

收藏 1
0
置顶
发表了博客
2020/10/20 22:53

系统刷JavaScripit 构建前端体系(语法篇)

前端之路 时间过得好快啊,距离2021年也 只有 72天了,你还有哪些目标没有实现呢? 现在更新文章频率降低了,公司项目活紧,充电时间比较紧了,每天只好抽取晚上的几个小时来学习补充了。 在当下这个大前端时代,几乎每个前端er 都焦虑吧,我也很焦虑,怎么提升自己的技术,框架这么多该学习哪个,怎么能进入一个更高的平台提升自己,而不是纯粹的搬砖一天又一天的度过。 当你静下心来想想这些焦虑,造成这些焦虑的原因是什么?... 展开更多

收藏 5
0
置顶
发表了博客
04/07 21:30

手把手教你接入微信支付

随着微信小程序的发展,越来越多的移动端应用选择了微信产品做为媒介。无论是公众号开发还是小程序开发,微信支付永远都是绕不开的话题。由于微信支付涉及了很多场景,本文我们只学习如何在公众号、小程序中接入微信支付。 ## 一、微信支付的前提条件 ### 1.1 公众号 微信公众号大体上可以分为服务号和订阅号,订阅号和服务号的具体区别在以前写过的一篇文章[Spring Boot开发微信公众号](https://mp.weixin.qq.com/s/S2O1TVOI03... 展开更多

收藏 5
0
置顶
发表了博客
04/06 08:45

Android 启动优化(六)- 深入理解布局优化

前言 说到 Android 启动优化,你一般会想到什么呢? Android 多线程异步加载 Android 首页懒加载 对,这是两种很常见的优化手段,但是如果让你主导这件事情,你会如何开始呢? 梳理现有的业务,哪些是一定要在启动初始化的,哪些是不必要的 需要在启动初始化的,哪些是可以在主线程初始化的,哪些是可以在子线程初始化的 当我们把任务丢到子线程初始化,这时候,我们又会遇到两个问题。 在首页,我们需要用到这个库,如果直接使... 展开更多

收藏 2
0
置顶
发表了博客
04/06 07:30

前端月趋势榜:3 月最流行的 20 个前端开源项目 - 0403

大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~ 关于猫哥,大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 乾坤未定,你我皆黑马。 相信很多人都没有逛 GitHub 的习惯,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道。 从 2018 年开始,我就养成了每天逛 GitHub 的习惯,一般在早上上班前或者中午午休的时候都会逛一下。 看看每天都开源了哪些好的前端项目,还有用到的主... 展开更多

收藏 10
0
置顶
发表了博客
04/06 00:01

如何只使用CSS提升页面渲染速度

作者 | Rumesh Eranga Hapuarachchi 译者 | 张健欣 策划 | 田晓旭 用户喜欢快速的 Web 应用。他们期望页面加载速度快,运行流畅。如果滚动时出现动画中断或延迟,用户很可能就会离开你的网站。作为一名开发者,你可以做很多事情来提升用户体验。本文主要介绍你可以用来提升页面渲染速度的 4 个 CSS 技巧。 1. Content-visibility 一般来说,大部分 Web 应用都有复杂的 UI 元素,并且它的扩展超出了用户在浏览器视图中所能看到的... 展开更多

收藏 3
0
置顶
Android工程师
发表了博客
04/06 08:45

你的 App 为何在 iPhone 12 上显示异常,而别人的不会?

作者 | hite和落雁 来源 | 简书,点击阅读原文查看作者更多文章 背景 10月14日 iPhone 12 系列正式发布,当我观看直播看到介绍 iPhone 12 系列的分辨率后,我注意到这些分辨率是全新的,我立即在群里吐槽——又需要适配一波了。我以为只是宽高变化会导致字号、间距的变化,然而更严重的问题是我们判断是否是刘海屏使用了如下代码(这种写法是不完善的,但我相信很多 App 里都是这么写的); self.is_iphonex = (SCREEN_MAX_LEN.... 展开更多

收藏 0
0
置顶
发表了博客
04/06 08:40

关于从入门 three.js 到做出 3d 地球这件事

转载自:lulu_up https://segmentfault.com/a/1190000039647481 开篇介绍 如果你没接触过3d可视化技术, 你也许会认为可视化非常难, 光是一个物体的阴影要如何计算就相当复杂, 但是告诉你个好消息, 阴影的计算都是集成好的, 而我们只要设置好光源的位置,绘制好物体就可以了, 真的没有想象中那么复杂, 本文面向有前端基础,但零可视化基础的同学, 我会从最基础的入门知识说起。 学习可视化方面的技术会让我们对计算机, 对前端技术有... 展开更多

收藏 2
2
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
返回顶部
顶部