前端开发
-
前端工程化 一、前端工程化概念 前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终落实到细节上，就是实现前端的 “4 个现代化 ”： 模块化（js 的模块化、css 的模块化、其它资源的模块化） 组件化（复用现有的 UI 结构、样式、行为） 自动化（自动化构建、自动部署、自动化测试） 二、前端工程化优点 前端工程化的好处主要体现在如下两方面： ① 前端工程化让前端开发能够“自成体系”，覆盖了前端项目从创建到部署的方方面面
2024-11-26 -
遇到了个需求， -请输入ID，可以用逗号、换行输入多个ID -同时也要注意防呆，注意多个换行，多个英文中文逗号混合 -同时输入时，要输出ID数量 用的vue,那就用computed computed:{ inputShow(){ let data=JSON.stringify(this.formRight.deviceList) let data1=data.replace(/\\n|[，]/g,',') let show=JSON.
2024-11-26 -
function hexify(color) { var values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(','); var a = parseFloat(values[3] || 1), r = Math.floor(a * parseInt(values[0]) + (1 - a) *
2024-11-26 -
在React Native中实现推送通知通常需要使用特定的库来处理iOS和Android平台的通知服务。以下是一些常用的库和步骤，用于在React Native应用中实现推送通知功能： 常用库 这里以react-native-push-notification和极光推送为例，说明如何设置推送通知的基本步骤。对于其他库，步骤会有所不同，但总体思路相似。 react-native-push-notification的实现步骤 安装依赖 首先，你需要安装react-native-push-notif
2024-11-26 -
一、准备工作 Vue2.0官网： 开发版Vue： 生产版： html页面引用示例：<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script> 浏览器安装Vuetools插件，安装链接： 二、简单使用Vue 2.1 初步使用Vue绑定 在{{ }}中还可以使用，下图中所有属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8
2024-11-26 -
遇到 "parent.relativePath points at wrong local POM" 错误时，意味着在你的项目的pom.xml文件中，父级项目的相对路径（relativePath）指向了一个错误的本地POM文件。 要解决这个问题，你可以考虑以下几个步骤： 示例代码无法直接提供解决方法，因为这个错误通常是在使用Maven或类似的构建工具时出现的，而解决方法与具体的项目和构建工具有关。 通常，你需要检查你的项目的pom.xml文件中父级项目的配置，并确保相对路径（relativeP
2024-11-26 -
一、准备 卸载 node14 ，安装 node18 https://nodejs.org/en 备份项目 node_modules 目录 准备 python3+ 安装包 https://www.python.org/downloads/release/python-3120/ 二、更改配置文件 1.package.json "node-sass": "^4.14.1", "sass-loader": "8.0.2", 改为 "node-sass": "
2024-11-26 -
在前期的快速迭代阶段，虽然界面有些杂乱，但整体功能尚能凑合运行。真正让人头疼的，还是接下来几个关键功能的实现。 遇到的问题 双向绑定 在Vue中，v-model提供了方便的双向绑定功能，它是modelValue属性和onUpdate:modelValue事件的语法糖。然而，我的低代码开发基于JSON配置，每个细节都需要通过代码控制，因此我是通过Vue的h函数进行渲染，想要实现类似v-model的双向绑定体验却相当困难。经过多次版本迭代，才勉强实现了基本的双向绑定。 示例如下： { "id
2024-11-26 -
DEMO 1 无缝滚动效果，连环效果 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .wrap{
2024-11-26 -
hooks 优势 1.告别了难以理解的class 组件 2.解决了业务逻辑，难以拆分的问题 3.方便了状态逻辑的复用 4.更加符合UI = F(data)的 设计哲学 useState 作用： 为函数组件提供了数据状态（state） 语法： const [count,setCount] = useState(0) count :数据状态 setCount:修改数据的对应方法。 重点注意事项： 1.useState的初始参数指挥再组件首次渲染的时候使用，再次使用会被忽略。 2.每次通过setCou
2024-11-26