前端开发
-
首先,事件一定要在DOM渲染完成后绑定点击事件,还有一些小细节,在项目中说明: 这是用template渲染一个表格,最后有查看,点击查看获取这一行数据的id,用来获取跳转链接.这里直接在a标签写上onclick事件;; 注意看最下面,注释了一行,这一行是$(function(){})这一页面加载执行函数,一定要注释掉,不然你点查看的时候会报错::这个方法找不到,,并且js不能外联,一定要写页面最下方,用外联的js会失效.. 还有函数传的参数是this,传别的不行,this就代表a这个DOM元
2024-12-02 -
事情发生的前因后果 <div class="inputCon"> <input type="hidden" id="jlzm" name="jlzm" value="jlzm"/> <input type="file" class="inputText paddingNum" id="file2" name="file" title="请上传图片,word文档或pdf文件"/> <input type="button" class="sjyzmButto
2024-12-02 -
之前学习到了 这里，这次学习在这个基础项目中引入 vuex、 vue-resource、vue-router等。 首先是安装依赖 npm i --save-dev vuex vue-resource vue-router element-ui 其中 是 状态管理库 是 异步加载数据 是 路由管理器 是 后台管理系统的组件UI，和Antd类似。 这部分内容我搞了好久才大概有点懂，官网的文档很详细，但是初学者就是有点搞不来。 我也只能是写个简单的demo，先将这些知识点都用上。
2024-12-02 -
jquery.countup.js是一款轻量级jquery数字动画插件。该数字动画插件可以在页面滚动时，将指定的数字从0开始计数增加动画。 该数字动画插件可以控制动画的延迟时间和动画过渡时间。它依赖于Waypoints插件来监听滚动事件。 先看效果： 安装 可以通过npm或bower来安装jquery.countup.js插件 npm install jquery.countup.js bower install jquery.countup.js 使用方法 在页面引入jquery，jquer
2024-12-02 -
一 背景 某个业务线 商品开放开用户申请免费试用，当某个商品特别吸引人时，比如iPhone6 。肯定有一大波人为了少卖一个肾 疯狂去抢申请资格。有甚者利用机器人申请注册,于是简单的申请操作变成了秒杀行为. 大量请求同时更新数据库中的同一个商品的申请次数，update 操作给表加上行锁，导致后面的请求全部排队等待前面一个update完成,释放行锁后才能处理下一个请求。大量后来请求等待，占用了数据库的连接。一旦数据库连接数被占满，就会导致后来的全部请求因拿不到连接而超时，业务请求出现无法
2024-12-02 -
如果出现两个这样的弹框，如果同时出现的话会存在这种情况： 当关闭一个弹框时，另外一个弹框可能处于隐藏的状态，无法处理。像这种情况，一般是参数mask:true的原因，将其去掉就可以正产显示了，如：
2024-12-02 -
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <!--类似网页广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现--> <!--本质：让一个元素在页面中隐藏或者显示出来--> <!--display属性--> <!--display属性用于设置一个
2024-12-02 -
原理： 什么时候使用$nextTick 1、Vue⽣命周期的created()钩⼦函数进⾏的DOM操作⼀定要放在Vue.nextTick()的回调函数中，原因是在created()钩⼦函数执⾏的时候,DOM 其实并未进⾏任何渲染，⽽此时进⾏DOM操作⽆异于徒劳，所以此处⼀定要将DOM操作的js代码放进Vue.nextTick()的回调函数中。 2、当项⽬中改变data函数的数据，想基于新的dom做点什么，对新DOM⼀系列的js操作都需要放进Vue.nextTick()的回调函数中 $nex
2024-12-02 -
react学习笔记02-面向组件编程 面向组件编程，直白来说，就是定义组件，使用组件。 以下内容则简单介绍下组建的声明与使用，直接复制demo观测结果即可。 步骤： 1、定义组件 a、轻量组件-函数组件（局限性：只能用在没有state、prop属性的场景，后面会解释） // 方式一：（轻量组件）函数组件 function ComponentA(){ return <div>轻量组件A</div> } b、复杂组件-类组件（E
2024-12-02 -
使用边框属性来创建一个三角形： 你可以使用一个div元素，然后将其宽度和高度设置为0，接着定义透明和实色边框来实现三角形的形状。根据你需要的三角形样式（例如朝向、大小、颜色等），你可以调整边框的宽度和颜色。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2024-12-02