前端开发
-
react16之前旧的生命周期 Mounting（加载阶段：涉及6个钩子函数） constructor() 加载的时候调用一次，可以初始化state getDefaultProps() 设置默认的props，也可以用dufaultProps设置组件的默认属性。 getInitialState() 初始化state，可以直接在constructor中定义this.state componentWillMount() 组件加载时只调用，以后组件更新不调用，整个生命周期只调用一次，此时可以修改st
2024-12-03 -
问题 AngularJS中，通过ng-model为DOM绑定的值默认显示为文本，即使绑定的值中含有HTML标签，也会被解析成安全字符串显示为常量。 但是，如果我们就是希望此DOM以HTML方式显示绑定的内容，该怎么办呢？ 解决方案 我推荐使用ng-bind-html命令 + 筛选器的方式，这样使代码比较清楚明了。 请看下述例子： <div class="msg-item-detail" ng-bind-html="messageItem.content|to_html"> 上述代码中，为此D
2024-12-03 -
1.在表格中如何显示 表格如下，绑定数据userList <el-table :data="userList" border style="width: 100%"></el-table> 列如下，此处以性别为例 <el-table-column align="center" prop="sex" label="性别"
2024-12-03 -
效果如下图所示： 动态的根据后台给的条件使整行数据变色，也可以指定行变色，把下面的index变成你要指定行的数据就可以了。例如：that.find(“.layui-table-box tbody tr[data-index='” + 6+ “']”).css(“background-color”, “#FA8072”); // 行变色 （第6行变色） done:function (res,curr,count) { var that = this.elem.next(); var pre
2024-12-03 -
Vue.js 是一个渐进式 JavaScript 框架，它提供了丰富的功能来构建用户界面。在 Vue 组件系统中，$root、$refs 和 $parent 是三个重要的实例属性，它们在组件通信和操作中扮演着关键角色。本文将详细介绍这些属性的用法，并提供示例代码帮助你更好地理解和应用它们。 1. $root $root 属性指向 Vue 实例的根实例。在 Vue 组件树中，每个组件都可以通过 $root 访问到根实例，从而实现跨层级的通信和数据共享。 1.1 基本用法 $root 属性可以直接在
2024-12-03 -
yarn add @babel/plugin-proposal-optional-chaining --dev yarn add @babel/plugin-proposal-nullish-coalescing-operator -dev react中： vite.config.ts 增加配置 import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; import checker
2024-12-03 -
【浅谈电商】如何防止重复下单 一、前言 最近正在做电商相关的项目，整理一下解决方案并帮助自己巩固知识点，此方案是结合了目前的业务环境，若有更好的解决的方式很高兴与大家一起讨论。 二、什么是重复下单 首先我们要知道什么时候是下单操作。以JD为例： 购物车 -> 结算页面 -> 下单页面 购物车：购物车结算页面：此页面可以查看待支付金额，使用的优惠券，填写地址，运费等等。下单页面：此页面可以选择结算方式，并且页面展示付款倒计时，也就是说订单已经创建完成。 在下单页面时，由于用户点击下单按钮多次、或者
2024-12-03 -
Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。 // 继承 class Father { constructor (name, age, sex) { this.name = name this.age = age this.sex = sex } eat () { console.log("我会吃饭"); } } class Son e
2024-12-03 -
1、安装后，没有安装python，导致在使用npm等命令编译项目时，出现错误，无法进行； 解决方式：安装适配的python环境，python，2.0+或3.0，根据node.js的版本确定； 2、安装Node.js后，打开idea等开发工具，在Terminal页面执行npm命令，出现无法识别npm或node命令提示； 思路二： 以管理员权限打开idea开发工具； 3、依赖的版本不对 思路： 可以使用npm install --save xx@ve
2024-12-03 -
技术社区里有种很有意思的现象，那就是不少人们口耳相传中的强大技术，往往因为上手难度高而显得曲高和寡。从这个角度看来，WebGL 和函数式编程有些类似，都属于优势已被论证了多年，却一直较为不温不火的技术。但是，一旦这些技术的易用性跨越了某个临界点，它们其实并没有那么遥不可及。这次我们就将以 WebGL 为例，尝试降低它的入门门槛，讲解它在前端图像处理领域的应用入门。 WebGL 基础库 Beam。它以 10KB 不到的体积，将传统上入门时动辄几百行的 WebGL 渲染逻辑降低到了几十行的量级，并在
2024-12-03