- 博客(24)
- 收藏
- 关注
RSS订阅原创 React中的setState如何实时的获取到更新之后的数据
1.setState提供了一个回调函数供开发者使用，在回调函数中，我们可以实时的获取到更新之后的数据。state = { count:1};componentDidMount(){ this.setState({count:100},()=>{ console.log(this.state.count) })}//此时打印的结果就是 100 //可以获取到当前实时更新的数据2.使用setTimeout定时器state = {
2022-03-08 15:41:35
4612
原创 React中的反向代理（React脚手架），解决跨域问题。
一、当前脚手架项目下安装 （脚手架也可能已经帮你安装过了）npm i http-proxy-middleware --save -dev二、创建文件 ./src/setupProxy.js在src文件夹下面创建setupProxy.js文件三、编辑setupProxy.js 文件文件内容const {createProxyMiddleware} = require('http-proxy-middleware')module.exports = function(app) {.
2022-01-11 10:59:56
557
原创 微信小程序image组件
1.图片标签，image组件默认宽度320px、⾼度240px2.⽀持懒加载mode有效值：mode有13种模式，其中4种是缩放模式，9种是裁剪模式。
2021-11-24 23:00:32
378
原创 JavaScript数组元素添加、删除、排序等方法有哪些？
Array.concat() 连接数组（newArray = Array1.concat(Array2)）Array.join() 将数组元素连接起来以构建一个字符串（数组转字符串）Array.length 数组的长度Array.pop() 删除并返回数组的最后一个元素Array.push() 给数组添加元素Array.reverse() 颠倒数组中元素的顺序Array.shift() 在数组头部删除一个元素Array.slice() 返回数组的一部分Arra...
2021-11-18 08:48:13
786
原创 vue中element-ui 重置表单对话框
1.给表单添加一个 ref 引用属性,通过this.$refs来调用<el-form :model="addForm" :rules="addFormRules" ref="addFormRef" //---------------给表单添加ref这个属性 label-width="70px" >中间内容省略</el-form>2.@close="addDialogClosed" 表示：当对
2021-11-17 21:49:03
659
原创 禁止页面自动跳转到顶部
解决办法：把 <a href = "#"></a> 改为 <a href = "###" ></a>浏览器会把 # 当作一个页面跳转的口令 ，接到这个命令之后会让页面自动跳转到最顶部。
2021-10-30 14:47:02
1017
原创 移动端事件库
1、Touch.jsTouch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具.(已停更)Touch.js手势库专为移动设备设计,是Web移动端touch点击事件不错的解决方案2、支持移动端的事件3、引入touch.js<script src="js/touch-0.2.14.min.js"></script>/* touch.on(1,2,3) 三个参数： 1、DOM元素...
2021-10-30 09:46:28
6915
原创 解决vscode终端无法运行脚本命令
遇到的问题： 在vscode中创建了js文件 之后 在终端执行时 运行不起来 然后报错解决办法如下：1、win+x 然后点击 下图箭头所指处2、输入命令：set-executionpolicy remotesigned +回车3、最后 输入 Y 确定+回车，就好了 然后关掉就好了总结：win+x 打开power shell,输入命令set-executionpolicy remotesigned +回车，然后输入Y确认，就ok了...
2021-10-25 19:40:42
4373
原创 通过JavaScript判断终端类型
<script> function browserRedirect() {var curURL = window.location.href;var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";va.
2021-10-22 14:21:09
199
原创 VS code添加自定义用户代码块步骤——理想视口代码片段
1、点击设置，用户代码片段2、点击新建全局代码块3、给代码块的起一个名字4、删除里面的全部代码5、把下面的代码全选复制 直接粘贴进去 保存就行了{ "html": { "prefix": "html", "body": [ "<!DOCTYPE html>", "<html>\n", "<head>", "\t<meta charset=\"UTF-8\">", ...
2021-10-21 14:37:58
392
原创 侧边栏（电梯导航）
简易效果图：代码如下有详细的注释：<title>固定侧边栏</title> <style> * { padding: 0px; margin: 0px; } .a { width: 1400px; height: 200px; background-color: red; .
2021-10-12 21:34:00
448
原创 js封装动画
//封装动画函数function animate(obj, target, callback) { //ojb代表元素对象 target代表结束的时间 callback回调函数 //先清除以前的定时器，只保留当前一个定时器执行 clearInterval(obj.time); obj.time = setInterval(function () { //1.步长写在定时器里面 //2.把我们的步长改为整数，不要出现小数的问题。 .
2021-10-12 21:08:10
59
原创 jquery实现王者荣耀手风琴效果
看一下最终的效果图：1、html+css部分：（在布局的时候需要注意的是每一个li里面要放两张图片，一个大图 一个小图，具体如下） <style> div { width: 900px; height: 69px; background: url(../image/bg.png) no-repeat; margin: 20px auto; } .
2021-10-12 20:48:30
299
原创 鼠标经过图片显示淡入淡出效果（jquery实现）
先看一下最终实现的效果：1、html+css的代码如下：<style> * { padding: 0px; margin: 0px; } body { background-color: black; } div { width: 950px; height: 450px; .
2021-10-12 20:33:53
915
原创 动态改变 html的font-size值的大小，来完成rem实现响应式布局
动态改变 html的font-size值的大小：根据当前屏幕宽度和设计稿的宽度的比例，动态计算当前宽度下的fontsize值大小，如果fontsize值改变了，之前设定的所有的rem单位的值自动会跟着改变计算公式：视口宽度/ui设计的宽度*100 + "px";代码如下： //设计稿的宽度var uiW =750; // 视口宽度winW = document.documentElement.clientWidth; // 比率var rate = winW /.
2021-09-29 15:44:01
2124
1
原创 JS封装Cookie方法
1.setCookie()——创建Cookie function setCookie(key, value, time) { var times = new Date(); //获取当前的时间 times.setDate(times.getDate() + time); //设置时间 document.cookie = key + '=' + value + ';expires=' + times; //在cookie中创建} 2.getCookie()—...
2021-09-27 15:37:07
406
原创 制作幸运大转盘
效果图代码如下：<!DOCTYPE html><html lang="en"><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"> .
2021-09-17 22:05:40
495
原创 Html5中鼠标经过图片，图片在盒子内部实现放大效果。
1.首先我们先来看一下最终实现的效果：2. 刚开始的时候我并没有实现这个效果，遇到的问题就是 鼠标经过图片时，图片可以放大，但是图片会超出父盒子，不是在父盒子里面进行的放大，效果图如下：3.这个问题如何解决呢，其实很简单 只需要在这个图片...
2021-08-24 14:04:30
18559
4
原创 Html5插入video视频标签 视频无法实现自动播放
最近在做项目的时候，遇到视频无法在谷歌浏览器中实现自动播放的问题。因为新版本的谷歌浏览器考虑到用户体验，部分视频在自动播放准备就绪后，会自动把音量调整到最大而播放，所以自18年就屏蔽了video的自动播放这一属性，不过在video标签中有一个属性muted（静音属性），将muted属性加上后，浏览器可以自动播放但是为静音状态下，完整的代码如下：<video src="../video/video2.mp4" autoplay="autoplay" loop="loop" muted="mut
2021-08-24 13:11:57
885
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人