写点什么

前端开发

43 人感兴趣 · 424 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/45/45eb8cef55ce2910cd3c1fa28d6d6adb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

深入了解 mock.js,打造出类似真实数据的模拟数据

用户头像
Apifox
06-08

Mock.js是一个常用于生成随机数据和拦截Ajax请求的JavaScript库。本文将介绍Mock.js的用法,包括安装和基础用法,在开始前我们可以看下看:了解 Mock.js 的语法规范。

https://static001.geekbang.org/infoq/fd/fd8e970ac8d683d02342efe95cd1bd49.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

开源字节 考研集训营小程序

开源字节联同研百道携手打造考研集训营小程序。使用微信小程序展示集训营的住宿环境,餐饮等情况。可以在线预定报名缴费。

https://static001.geekbang.org/infoq/6f/6f5c056ec18d5cfa13f529597d2616e7.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

CSS 小技巧使用 font-variation 让文字起飞

CSS小技巧使用 font-variation 可变字体,我们可以实现更加智能、美观、易读的排版效果,让文字内容更加生动、丰富。

https://static001.geekbang.org/infoq/0f/0facb34cb4a2a46749f62e6c731c6f1f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

CSS 小技巧之圆形虚线边框

基于伪元素设置锥形渐变 `repeating-conic-gradient`并配合`-webkit-mask-composite`实现自定义圆形虚线边框的效果。

https://static001.geekbang.org/infoq/7f/7f823821d733a8f867742ad49bfe82cf.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

intellij idea 粘贴字符串如何不带换行符?

intellij idea 有时候有点过于智能化了。其中常见的一个问题就是粘贴字符串的时候,idea自作主张的帮我们处理换行符的问题,这很违反直觉,经常在粘贴之后还得自己把idea帮我添加的多余的换行符删掉。

https://static001.geekbang.org/infoq/bc/bc0ebed0918faab2df487d841dd6f68c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

开源家装小程序

希望建设装修行业的互联网撮合平台,先以小程序为开始,沉淀用户数据。

https://static001.geekbang.org/infoq/c1/c1914943a50739de9df2153f60d2919d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAPUI5 本地工程中的键值对 sapux - true 的作用

在 SAPUI5 本地工程中,"sapux": true 是 package.json 文件中的一个字段,它用于指定项目是否是 SAPUI5 UX 工程。

https://static001.geekbang.org/infoq/a4/a451523fe958aa69ab1336827c57817d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

什么是 RUM JavaScript

RUM JavaScript 指的是一种用于网页性能监测的 JavaScript 代码,它能够在用户访问网站时记录用户的行为和页面性能数据,并将这些数据发送给RUM(Real User Monitoring,实时用户监测)系统进行分析和展示。

https://static001.geekbang.org/infoq/1d/1d878bfa21987fd8d913c69ea76063ef.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

什么是前端开发领域的 Cumulative Layout Shift 问题

CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。

https://static001.geekbang.org/infoq/a5/a58061199a9a0b793ec5c55fbdc3195d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

什么是前端开发领域的 Cumulative Layout Shift 问题

CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。

https://static001.geekbang.org/infoq/42/42525c32d23a73c64405e49f314e19eb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

新技术加持下前端开发工程师的未来在哪里?| 社区征文

随着新技术的不断涌现,前端开发工程师的工作方式及内容也在不断演进。未来,前端开发工程师需要持续学习和更新自己的技能,以跟进技术的持续发展。

https://static001.geekbang.org/infoq/67/67d5fa7a87bc4639b462281542b40ab0.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 前端设计开发工具集(JS 框架、CSS 预处理)

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。前端开发主要关注用户体验。

https://static001.geekbang.org/infoq/82/82ff9815a450f0fdc03bdc9f859a9ded.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

CMS 系统是什么?

CMS系统指的是“内容管理系统”,是用来发布网络内容的一体化Web管理系统。CMS系统主要有两类功能,一类是搭建网站,另一类是用来管理和发布内容。

https://static001.geekbang.org/infoq/79/791ac2bfa6801c488d0f6e02161d50f0.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

域名备案不备案的区别是什么?

域名备案不备案的区别是什么?域名市场很庞大,网站也越来越多,工信部对域名备案的管理和要求也越来越严格,下面我们来说说域名备案不备案的区别。

https://static001.geekbang.org/infoq/1c/1c85cd48c8d45eab5109efc1d87d2232.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何通过优化图片、JS 等资源加载项来提高网页的加载速度?

为了提升用户体验,网页的开发者们需要不断探索优化网页加载速度的方法。本文将重点介绍如何通过优化图片、JS等资源加载、HTTP请求等方面来提高网页加载速度。

https://static001.geekbang.org/infoq/f7/f73ba4c5e2121546782bd729b4acaab3.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

DNS、硬件、LVS、Nginx 该如何搭配?

结合实际应用,谈一谈生产实践中会如何运用LVS和Nginx做负载均衡。

https://static001.geekbang.org/infoq/53/538773dc09b934860166f2d70707284d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

JavaScript 异步编程的深入理解,使用回调函数实现异步编程

异步编程是指在程序运行时,任务不会按照函数调用的顺序依次执行,而是可以同时执行多个任务。JavaScript异步编程有很多种方式,例如使用回调函数、Promise、async/await等。

https://static001.geekbang.org/infoq/d2/d2a41b6779786725eaba3141a8c68587.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

深入理解 CSS Grid 网页布局,并通过示例代码来演示如何使用它

使用CSS Grid布局是一种现代的设计方式,它能够让我们更加灵活地布局网页内容。在这篇技术博客中,我们将深入理解CSS Grid布局,并通过示例代码来演示如何使用它。

https://static001.geekbang.org/infoq/d7/d7e67f2fc962be73a08fc9c435e66945.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端开发框架 React 技术如何与小程序结合,进行页面构建

前端开发框架 React 可以通过小程序提供的开发工具和 API 进行结合。例如使用小程序提供的 WebView 组件来加载前端框架的页面。或者使用小程序提供的组件和 API 来实现前端框架的功能。

物联网平台企业版:设备接入实例节点开发实战——实践类

简介: 物联网平台企业版支持用户创建实例,用于设备接入和业务管理。

IoT 存量设备 零改造,泛化 SDK 实现整体业务迁移上云——实践类

简介: 设备从电信AEP,移动OneNET,自建MQTT,华为IoT,腾讯IoT迁移到阿里云IoT方案

什么是物联网?常见 IoT 物联网协议最全讲解——基础知识

物联网(Internet of Things)这个概念读者应该不会陌生。物联网的概念最早于1999年被提出来,曾被称为继计算机、互联网之后,世界信息产业发展的第三次浪潮,到现在已经发展了20余年。如今,在日常生活中,我们已经可以接触到非常多的物联网产品,例如各种智

https://static001.geekbang.org/infoq/4d/4da314f4a7938214264a38900e1e15d8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

快来解锁小程序蓝牙开发技能

微信小程序中很早就支持了蓝牙能力,本本缘于一个外包蓝牙项目解锁前端调试蓝牙开发的技能,顺道记录一下开发的过程及遇到的问题

https://static001.geekbang.org/infoq/a2/a2f0c32df1241f4646f83bc8b20ca831.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

来讲讲怎样获取到 url 上所有参数并以对象形式保存,再讲讲 JSON 解析与序列化

大家好,我是梁木由,一个有想头的前端,最近呢也在为明年跳槽做复习准备。但我有个朋友呢,打算在年前跳槽,这不这几天正在疯狂面试中,前两天问了我两个问题,说是面试中遇到的。我看了下问题,思考的久久不能自拔,有个大概的模糊的想法,但是呢具体的写法

https://static001.geekbang.org/infoq/8b/8b7ea4752c91c4d6963feb255f10d5f6.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 前端开发最好用的几个 WebGL 框架

JavaScript是创建Web最有用的编程语言之一,尤其是在WebGL库的支持下。有了WebGL,可以很方便地使用 HTML5 Canvas 元素动态生成图形。因此,设计师和开发人员很容易创建流畅的2D和3D效果。

https://static001.geekbang.org/infoq/dc/dc5bcb9211d8b09ac72106e644654c76.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

基于 Web 的 6 个完美 3D 图形 WebGL 库

现代前端、游戏和Web开发正是WebGL可以转化为数字杰作的东西。使用GPU绘制在浏览器屏幕上生成的矢量元素,WebGL创建交互式Web图形,从而获得用户体验。视觉元素的质量和复杂性使该工具在HTML或CSS等其他方法中脱颖而出。

关于小程序游戏变现方式你还知道哪些?

提到小程序游戏,大多数人第一印象就是微信小游戏,不过实际上小程序游戏的渠道远不止于此。近期小游戏爆款频出,截至现在,微信小游戏开发者的数量已超过了10万余人次,不得不说现在的小游戏发展势头足够强劲,未来也有很广阔的前景。

浅谈 2022 前端工作流中全流程多层次的四款测试工具

用户头像
Liam
02-08

在应届生找工作的时候,我们经常会见到一条招聘要求:要求实习经历。或者 有实习经历者优先。

前端开发_前端开发技术文章_InfoQ写作社区