ui设计和前端的区别
前端设计和ui研究方向不同，ui用户研究、交互设计、界面设计，web前端是html、css、js需要编写代码；不同的职业机会，ui设计：前端开发工程师、资深前端开发工程师、前端架构师等，web前端：图形设计师、交互设计师、用户测试等。1.研究方向不同ui设计研究方向为：用户研究、交互设计、界面设计...
2024-01-10
【JS】qiankun微前端实践
首页专栏javascript文章详情0qiankun微前端实践款冬发布于 5 分钟前前言在介绍具体的接入方案和文档之前，先简单介绍一下，什么是微前端，以及为什么我们的前端工程要做微前端化的改造？什么是微前端？微前端，用一句话来解释就是：将多个独立的前端应用聚合在一起组成一个全新的应...
2024-01-10前端ui库得有多少修为才能造轮子？
单纯自己写着玩回答：github直接抄一个就行了，能看懂基本问题不大，重点放在规范和项目架构，以及部分复杂组件的逻辑?，我觉得一般个人从头开始搞组件库的意义不大，因为规范会很乱，以及没啥人用。回答：0基础也可以写着玩，很多培训班的项目库里面就会有比如说造ui库这种教程。如果说单纯靠自己，其实会了基本功之后也可以，比如说你在项目遇到一个痛点，解决掉之后可以把解决问题的方案抽象出来公开到npm上面...
2024-03-10qiankun微前端如何匹配路由的？
qianku微前端是如何匹配路由的，需要源码部分，在哪个位置（大概位置）匹配的，是qiankun处理的还是single-spa，还是import-html-entry处理的，比如说路由为app#/do，子应用如何匹配的do这个路由，我想针对这个匹配规则稍作调整，或者，大家有关于history模式下，主应用和微应用处于同一服务器同一端口（仅有域名）下，主应用刷新自动进入微应用的方案也可以，前提是主应...
2024-02-04
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
前端Vue框架快速学习
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Node和...
2024-01-10
前端框架——Vue脚手架
Vue是当前最流行的三大前端框架之一，刚学Vue的时候感觉也没什么新奇的地方，后来对Vue的接触深了才知道这个框架流行的原因了。现在进入正题：先说一说脚手架的作用——它能帮助你快速开始一个vue项目，其实其本质就是给你一套文件结构，包含基础的依赖库，你只需要npm install一下就可以安装...
2024-01-10
Vue 前端框架接入QQ在线客服
Vue 前端框架接入QQ在线客服，效果如下图：后面就根据自己的需要选择不同的方式，下面是使用教程：-------------------------------------------------------------------------------------------1、首先是第三方js包存放的位置 一定要放在 static 目录下否则引用不到2、网上查找到的引用第三方包的四种方式， 实测较稳...
2024-01-10
前端框架之Vue(1)-第一个Vue实例
vue官方文档知识储备es6语法补充let使用 var 声明的变量的作用域是全局。{ var a = 1;}console.info(a); // 1例1：var arr = [];for (var i = 0; i < 10; i++) { arr[i] = function(){ console.info(i); }}arr[6]();// 10var arr = [];for (let i = 0; i < 10; i++) { arr[i] = function...
2024-01-10
Vue框架和前后端开发详解
目录1. 抽象工厂模式2. UML图3. 代码示例4. 总结4.1 抽象工厂模式的总结4.2 工厂模式的总结1. 抽象工厂模式针对工厂方法模式无法创建一组相关或相互依赖对象的问题，引入了抽象工厂模式抽象工厂模式的官方定义是一种为访问类提供一个创建一组相关或相互依赖对象的接口，且访问类无须指定所要产...
2024-01-10
前端框架Vue学习的心得记录（基础篇）
我的最新博客在：Secret_wu\'s coding note目标：快速上手Vue框架（2.x版本）方法：通过看Vue的官方手册（Vue官方网站）内容：本博客记录一些学习Vue官方文档中的心得，便于日后启发。（基础篇）再次学习vue的心得记录：（这是偏大致阅读了官方文档后，再次仔细学习Vue的心得记录）前端框架Vue自学之...
2024-01-10
前端框架vue
现代前端框架大行其道，讲前端思想从操作dom的阶段，升级到操作数据的阶段。vue作为三大前端框架之一，其中平缓的学习曲线，让好多前端新手非常喜欢，应用也越来越广泛。虽然其他两个框架有facebook，和google撑腰，但是vue已然是不可小觑的对手了。无论你去做前端面试还是公司新项目技术选型，v...
2024-01-10![[前端]前段Vue框架/前后端分离](/wp-content/uploads/thumbs/529122_thumbnail.jpg)
[前端]前段Vue框架/前后端分离
Idea---》setting--》plugins搜索Vue进行安装简单实现官方演示 新建项目--》创建demo01.html第一个Vue实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--View层--><div id="app"> {{message}}</div><!--导入vue.js--><script src="https://cd...
2024-01-10
前端物料中台建设
这篇文章主要写关于前端迭代及上下游协作效率我们是如何解决的。背景我们的目的是提升前端迭代及上下游的协作效率，我们从四个出发点开始讲起：团队负责的业务越来越读，如何提高资源、组件及代码的复用率，提升整体研发效率；提升项目的上下游协作效率，涉及到从UE到UI到FE再到QA的整个...
2024-01-10
微前端方案
前言微前端是当下的前端热词，稍具规模的团队都会去做技术探索，作为一个不甘落后的团队，我们也去做了。也许你看过了Single-Spa，qiankun这些业界成熟方案，非常强大：JS沙箱隔离、多栈支持、子应用并行、子应用嵌套，但仔细想想它真的适合你吗？对于我来说，太重了，概念太多，理解困难。...
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大前端接口规范
1、基本规范查询、获取之类的接口，通用 get 请求添加、修改、删除的接口，通用 post 请求2、基本 json 格式//当 code == 200 时候 是成功 data 中是要用的数据//当 code != 200 时候 msg 中是错误的信息，用于前端的错误提示{"code": 200,"data": {},"msg": "xxxxxxxxxxx",}通过 code 判断接口成功与失败与否，失败的...
2024-01-10前端干货分享
终于有时间总结一下了,这个给大家分享一下我收藏的前端的网站,希望对网友有用. 站酷http://www.zcool.com.cn/gfxs/ 据说好多设计大卡都在这里哦 优界网http://97ui.com/ 赶快来找灵感吧 jq手册http://www.php100.com/manual/jquery/ 非常不错的jq手册,分类很好,而且都是工作中常用的...
2024-01-10
微前端
Florian Rappl 原作，授权 New Frontend 翻译。微前端是前端开发最具争议的话题之一。值得吗？真的需要切分应用吗？真的需现在就转向微前端吗？这是不是又一个咨询公司为了多赚钱发明出来的概念？尽管人们对微前端多有误解，我们不能否认微前端日益流行这一事实。让我们看下谁在使用微前端，...
2024-01-10
前端如何搞监控总结篇
监控步骤：定制规范，埋点 > 采集 > 计算 > 分析数据埋点的业务价值平台迭代数据抓手，降低咨询量解决高频问题，提升用户满意度解决业务痛点：我的会场效果如何？不好该如何调优？调优过程是否高效？经验是否可以复用？面向场景做监控：精细化运营（偏好敏感、人群身份）——>场景度量...
2024-01-10
求助大佬排查前端启动报错！
问题描述最近从GitHub上拉取一个语料标注开源系统，前端用的技术栈：Vue+Nuxt+TypeScript写的，后端用的Python语言以及Django框架等，后端问题暂且不提。现问题如下：由于项目是老外写的，前端项目引入的css和js用到了google的cdn加速，所以在用户内网部署的时候由于引入不了外部样式和js导致项目没法正常显示和引用，导致用户没法使用这个系统。现前端单独摘出来，本地启动...
2024-02-19
【JS】 年前端趋势预测
首页专栏javascript文章详情12021 年前端趋势预测小石头若海发布于 今天 00:04 知乎上，有人提问《2021前端会有什么新的变化？》狼叔的回答二天超过6.1万+阅读量，目前444个赞同，2个专业徽章，整体上看，这篇回答大家还是相当认可的。诚如很多大V所讲，确实是2020年，前端圈带来具有突破...
2024-01-10
基于Vue实现微前端的示例代码
前端微服务化一直是前端社区的一个热门话题，早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓，个人认为基于Web Components的实现脱离整体打包逻辑的，难以工程化。直到遇到了vue-cli 3，子模块打包的问题得以迎刃而解。2019年秋，团队内部初步实现前端分布式开发，解决了集中式...
2024-01-10
【vue分页】前端列表假分页
备注：后端接口返回全部数据，前端页面进行分页一、后端接口格式 1 http://127.0.0.1:9528/dev-api/alice/api/plan/api/case?apiId=1001 2 get 3 返回结果： 4 { 5 "status":1, 6 "message":"OK", 7 "data":{ 8 "apiInfo":{ 9 "type":"get",10 "path":"/api/login",1...
2024-01-10
vue前端demo
前端demo原生js选项卡切换效果### css * { margin: 0; padding: 0; } .box { margin: 20px auto; } .list { height: 20px; width: 200px; } .list li { width: 64px; ...
2024-01-10
前端Vue中动态使用本地图片路径
解决办法：先在项目的data下定义好这样一个数组用于存放需要加载的路径[ {name:"雷霆嘎巴" url：require（./img/zhangshan.png）} , {name:"闪电五连鞭" url：require（./img/zhangshan.png）} , {name:"芜湖" url：require（./img/zhangshan.png）}],...
2024-01-10
vue前端环境部署过程
1.安装nvm-setup2.安装node3.安装git4.检查版本和安装情况5.在代码处，下载依赖包（1）第一种方式 npm install（2）第二种方式npm install --registry=https://registry.npm.taobao.org6.报错及解决（1）npm install报错类似于npm WARN tar ENOENT: no such file or directory, open '*\node_modules.staging*解决方法:删除文件 package-lo...
2024-01-10
【Web前端问题】vue路由控制
vue如何实现图上的路由控制。回答：const routes = [{ path: '/', name: 'layout', component: Layout, beforeEnter: (to, from, next) => { if (/* if not login */ && /* if not navigate to login */) { next('/login') } else { next() } }, children: [{ pa...
2024-01-10详解vue服务端渲染(SSR)初探
前言首先来讲一下服务端渲染，直白的说就是在服务端拿数据进行解析渲染，直接生成html片段返回给前端。具体用法也有很多种比如：传统的服务端模板引擎渲染整个页面服务渲染生成htmll代码块, 前端 AJAX 获取然后js动态添加服务端渲染的优劣首先是seo问题，前端动态渲染的内容是不能被抓取到...
2024-01-10
vue——前端跨域
***针对的是不同域名、不同协议的跨域：1、找到config文件中开发环境的配置文件——dev.env.js,在里面将要跨域的域名配置进去2、找到config文件中线上环境的配置文件——prod.env.js,在里面将要跨域的域名配置进 3、配置完后，还需要在config的index.js中配置对外的跨域域名，target的值为要跨域的域名（其...
2024-01-10有前端使用过vue打印收银小票吗？
前端使用vue框架，如何通过ip地址连接打印机，并触发打印呢，并且打印的内容可设置等回答：没做过打印收银小票，做过快递标签打印。快递标签打印机和普通的打印机不一样，它接收的不是图像而是 XML ，因此使用 window.print 等方案是无效的，而是要根据打印机厂商提供的协议生成对应的 XML 去启动打印，我做的那款打印机是用的 webSocket + 特定的 XML 结构，拼 XML 很简单...
2024-02-22
vue前戏ES6
es6语法es6语法：let和const:{var a=123;let b=234;}console.log(a);console.log(b);浏览器里会只看到123;而且还会抱一个b is not define的错误为什么?在{ }局部作用域里面可以找到a变量值?这是js var的一个坑,一旦定义了就是全局的变量.var示例:{var a=123;let b=234;}var a=234;console.log(a);console.log(b);输出的是234,因为var ...
2024-01-10
