微前端
Florian Rappl 原作，授权 New Frontend 翻译。微前端是前端开发最具争议的话题之一。值得吗？真的需要切分应用吗？真的需现在就转向微前端吗？这是不是又一个咨询公司为了多赚钱发明出来的概念？尽管人们对微前端多有误解，我们不能否认微前端日益流行这一事实。让我们看下谁在使用微前端，...
2024-01-10
微前端方案
前言微前端是当下的前端热词，稍具规模的团队都会去做技术探索，作为一个不甘落后的团队，我们也去做了。也许你看过了Single-Spa，qiankun这些业界成熟方案，非常强大：JS沙箱隔离、多栈支持、子应用并行、子应用嵌套，但仔细想想它真的适合你吗？对于我来说，太重了，概念太多，理解困难。...
2024-01-10
前端干货分享
终于有时间总结一下了,这个给大家分享一下我收藏的前端的网站,希望对网友有用. 站酷http://www.zcool.com.cn/gfxs/ 据说好多设计大卡都在这里哦 优界网http://97ui.com/ 赶快来找灵感吧 jq手册http://www.php100.com/manual/jquery/ 非常不错的jq手册,分类很好,而且都是工作中常用的...
2024-01-10
前端打印问题
小弟用的window.open("", "PRINT", "height=600,width=900")这个api。现在遇到一个问题。这个api吊起的打印默认是A4纸，当然还可以选择其他几种类型，但是我这边打印的是9.3CM的票据。如果只是打印一张的话这也没问题，我打印的高度不高,可以放到9.3CM里面。但是现在有需求批量打印。这个就有问题。 我这边一页是A4。票据的一页是9.3.如果用强制分页那...
2024-02-07大前端接口规范
1、基本规范查询、获取之类的接口，通用 get 请求添加、修改、删除的接口，通用 post 请求2、基本 json 格式//当 code == 200 时候 是成功 data 中是要用的数据//当 code != 200 时候 msg 中是错误的信息，用于前端的错误提示{"code": 200,"data": {},"msg": "xxxxxxxxxxx",}通过 code 判断接口成功与失败与否，失败的...
2024-01-10
前端物料中台建设
这篇文章主要写关于前端迭代及上下游协作效率我们是如何解决的。背景我们的目的是提升前端迭代及上下游的协作效率，我们从四个出发点开始讲起：团队负责的业务越来越读，如何提高资源、组件及代码的复用率，提升整体研发效率；提升项目的上下游协作效率，涉及到从UE到UI到FE再到QA的整个...
2024-01-10
前端渲染表情问题
问下大神,前端如何渲染内容中的表情,例如从后端获取的数据为:你好:xiaolian:, 其中:xiaolian: 为笑脸表情代码前端如何将:xiaolian: 变成表情回答：我寻思你需要一张表情映射表，然后进行匹配过滤即可在线示例我今天很开心?，因为你?了let map = { ":xiaolian:": "?", ":kulian:": "?",};let str = "我今天很开...
2024-02-10
前端如何搞监控总结篇
监控步骤：定制规范，埋点 > 采集 > 计算 > 分析数据埋点的业务价值平台迭代数据抓手，降低咨询量解决高频问题，提升用户满意度解决业务痛点：我的会场效果如何？不好该如何调优？调优过程是否高效？经验是否可以复用？面向场景做监控：精细化运营（偏好敏感、人群身份）——>场景度量...
2024-01-10
【JS】前端知识图谱
原创不易，如需转载请【联系作者】或【署名作者并注明文章出处】js框架vue双向绑定diff算法vDomreactfibberRNreduxangular脏检查机制Type Script装饰器强类型原生技术js v8原型链原理及应用Promise原理与实现深拷贝极致优化ES5/ES6 的继承除了写法以外还有什么区别 https://github.com/Ad...
2024-01-10
前端TDD 与 BDD
一 TDD 基本流程1. Header.test.jsit('header 包含一个input框', ()=>{const wrapper = shallow(<Header/>)const inputElem = findTestWrapper(wrapper, 'input')expect(inputElem.length).toExist()}) 2.Header.jsclass Header extends Component {render(){return (<div> <input data-...
2024-01-10
【JS】 年前端趋势预测
首页专栏javascript文章详情12021 年前端趋势预测小石头若海发布于 今天 00:04 知乎上，有人提问《2021前端会有什么新的变化？》狼叔的回答二天超过6.1万+阅读量，目前444个赞同，2个专业徽章，整体上看，这篇回答大家还是相当认可的。诚如很多大V所讲，确实是2020年，前端圈带来具有突破...
2024-01-10
求助大佬排查前端启动报错！
问题描述最近从GitHub上拉取一个语料标注开源系统，前端用的技术栈：Vue+Nuxt+TypeScript写的，后端用的Python语言以及Django框架等，后端问题暂且不提。现问题如下：由于项目是老外写的，前端项目引入的css和js用到了google的cdn加速，所以在用户内网部署的时候由于引入不了外部样式和js导致项目没法正常显示和引用，导致用户没法使用这个系统。现前端单独摘出来，本地启动...
2024-02-19
我来聊聊前端应用表现层抽象
我们处于变化很快的时代，无论是商业还是科技。一家公司看上去商业很成功，也许前脚刚上市，后脚就因为什么而退市，甚至倒闭；一项看似高大上的技术横空出世，各类媒体争先恐后地撰文介绍，热度炒得老高，没准没多久就出现了竞争者、替代者。在这样的大环境下，传统的「web 前端开发」演...
2024-01-10
【小程序】前端小程序中的sku展示仿制淘宝
问题描述想实现这样的效果。当选取空调类型当时候自动识别出颜色哪个不能被选择并置灰，同理当选择颜色当时候空调类型也自动识别出哪个不能被选并置灰。能不能选择受两个条件限制 1、看返回的数据mapping中的key有没有这一类2、stock这个属性是否为0问题出现的环境背景及自己尝试过哪些方法...
2024-01-10
前端这种字典数据如何赋值的(诺依框架)？
诺依框架里dict.type.sys_user_sex这种字典数据是如何获取的？也就是在index.vue中，字典数据是如何赋给dict.type.sys_user_sex的 ?其中在index.vue中，有dicts: ['sys_user_sex']，它是如何工作的？1.main.jsimport { getDicts } from "@/api/system/dict/data";// ...
2024-02-23
MUI 最接近原生 APP 体验的高性能前端框架
MUI 是 Dcloud 官方推出的一个基于 html5+ 标准的框架，同时拥有 h5 组件和原生组件，原生组件依赖于 html5+ 运行环境，也就是原生 app 里面的 webview 组件（能加载显示网页，可以将其视为一个浏览器），所以 MUI 里面的原生组件不能用于浏览器环境，可以通过 MUI 里面的 mui.os.plus 进行判断，如果是 plus 环境...
2024-01-10
【JS】真香！又一款轻量级的UI前端框架！
首页专栏javascript文章详情0真香！又一款轻量级的UI前端框架！Github导航站发布于 今天 03:56 大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！ 今...
2024-01-10
【科技前沿】云与理想数据湖框架
导读我们知道，有了合适的技术，我们可以做得比仅仅跟上更新要好得多，并且如果我们还可以确保灵活的开发并能更轻松地保护我们的数据，在需要时访问，处理和分析数据的过程，那么我们会做得更好。借助正确的工具和最佳实践，组织可以使用其所有数据，使更多的用户可以访问它，并推动做...
2024-01-10SSM框架前后端信息交互实现流程详解
一、从前端向后端传送数据常见的3种方式1、form表单的action：此方法可以提交form表单内的输入数据，也可同时提交某些隐藏但设置有默认值的<input>，如修改问题时，我们除了提交问题的相关信息，还需要将用户的编号提交给后端，此时就可以设置一个默认值为用户编号的<input>,并将其隐藏2、<a>标签...
2024-01-10
Omi 前端跨框架跨平台框架
Omiu – 使用 Omi 打造的跨框架、跨主题 UI 组件库。使用 TypeScript 开发跨框架的按钮组件:import { tag, WeElement, h, extractClass } from 'omi'import * as css from './index.scss'interface Props { size?: 'medium' | 'small' | 'mini', type?: 'primary' | 'success' | 'warning' | 'danger' | '...
2024-01-10
前端跨框架的组件如何开发？
背景题主所在的业务中台团队，需要提供业务组件给不同的上层业务方使用，但因为一些历史遗留问题，不同业务线使用的框架不统一，包括 jQuery、React 、Vue 。为了满足不同业务方的需求，往往需要根据业务方使用的框架，开发对应框架的组件。这样做就会产生一些痛点：每种选型都需要开发...
2024-01-10
前端架构认知
没有一种架构是可以满足所有迭代的需求的前言架构并不是只限于技术选型是架构设计作为软件生命周期的一部分，并不是说开始的时候 设计完成后就会一成不变，软件的生命周期包含了迭代、维护、重构等过程，架构设计亦是如此，所以说架构是需要变化的，目的就是适应当前情况的开发场景...
2024-01-10什么是前端测试？工具和框架
前端测试前端测试是一种方法或技术，我们在其中测试 Web 应用程序或软件的 GUI（图形用户界面）、功能和用法。执行前端测试的目的是测试所有功能，以确保被测应用程序或软件的表示层没有缺陷或错误。看，您将详细信息输入到 Web 应用程序的前端，但不应接受数字。另一个类似的例子是检查图形...
2024-01-10
【前端技术学习】观点：停止学习框架
翻译作者： 方应杭这是一篇译文，原文在 Hacker News 上获得接近 500 个点赞。每过几年都有类似的文章出现，然而程序员却依然疲于学习新的框架，看完此文希望对你有所启示。那么，译文开始。我们是程序员，每天都在了解最新的技术，每天都在学习编程语言、框架和库。因为我们知道...
2024-01-10
