- 博客(14)
- 资源 (2)
- 收藏
- 关注
原创 js函数练习解析(含if,循环,递归等语句)
js- - -常见函数练习题 1.编写函数,判断一个字符串的内容是不是纯数字 function judge(str){ var a=isNaN(str);//判断字符串是不是一个非数字 if(a){ console.log(str+"不是纯数字"); }else{ console.log(str+"是纯数字"); } } judge("152a") 2.编写一
2020-07-10 21:25:16 1429 3
原创 前端js如何实现截屏功能,插件推荐js-web-screen-shot
读取dom结构转换成canvas,最后转成图片形式展示:没有编辑功能。大佬模仿qq截图实现的,也可以搭配webrtc实现web端远程桌面共享
2023-07-21 16:53:12 3129 1
原创 什么时候使用border图片比用background背景图要好(border-image,background-image的使用)
这次需求中ui给的几个png图,要给按钮和可视化框科技风图片,第一想到的是background,当时使用时发现内容文字的宽度不确定,拉伸会变形,这时让我发现了很少使用的css3中的border-image。
2023-07-19 17:23:12 201
原创 npm安装插件区分生产依赖和开发依赖
npm i plugin_name -g //全局安装npm i plugin_name -S => npm i plugin_name --save //生产依赖 ~~ 写入dependencies对象npm i plugin_name -D => npm i plugin_name --save-dev //开发依赖 ~~ 写入devDependencies对象使用npm安装插件时,--save、--save-dev两种命令分别把他们写入到 package.json文件depe
2022-05-05 17:36:37 955
原创 基础篇(一):初识webpack的配置(手动搭脚手架、html-webpack-plugin、webpack-dev-server等)
目录一.开发前准备二.自定义webpack配置1.html-webpack-plugin自动引入资源2.清理dist3.mode环境4.source map5.watch mode6.webpack-dev-server一.开发前准备1.新建一个webpack-app文件夹,生成package.json文件npm init -y2.安装webpack注意:建议安装webpack到当前项目,不要在全局,避免和小伙伴webpack版本不一致npm install webpack webpack-c
2022-04-29 18:43:58 447
原创 浅谈React组件性能优化的方式
React组件性能优化合理使用state避免不必要的重新渲染同页面state是否改变父子组件props是否改变函数式组件优化useCallback、React.memoReact组件复用Key的使用合理使用state减轻state:只存储跟组件渲染相关的数据(比如:count/给后端的入参/后端返回数据data/切换状态visible、loading等)注意:不用做渲染的数据不要放在state中(比如:定时器timer/用作js处理数据定义的变量)对于需要在多个方法中用到的数据,应该放在
2021-07-20 17:56:55 594
原创 注册登录js、php、ajax前后端数据交互使用
注册登录js、php、ajax前后端数据交互使用引用 js文件:ajax.js(这里用postsend函数)function getSend(url,cb){ var xhr=new XMLHttpRequest(); xhr.open('get',url); xhr.onload=function(){ cb(xhr.responseText) }; xhr.send(null);}function postSend(url,cb,da
2020-08-29 15:24:35 312
原创 js实现放大镜效果代码
js实现放大镜效果代码html代码: <div id="box" > <div id="small"><!-- 小图片所在的盒子 --> <img src="001.jpg" alt="" /><!-- 小图片:350*350 --> <div id="mask"></div><!-- 遮罩层:175*175 --> </div> <div id="big
2020-07-28 17:12:51 2247 2
原创 js实现轮播图特效
js实现轮播图特效html代码:<div class="slider" id="slider"> <div class="slider-img"> <ul> <li><a href="#"><img src="images/1.jpg" alt=""/></a></li> <li><a href="#"><i
2020-07-28 11:38:41 299
原创 js用正则表达式实现页面注册和密码强度验证
js用正则表达式实现页面注册和密码强度验证<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2020-07-23 19:21:47 485
原创 JavaScript通过循环执行顺序,做5×5的二维数组,赋1到25的数,然后输出该数组的左下半三角。
通过循环按执行顺序,做一个5×5的二维数组,赋1到25的自然数,然后输出该数组的左下半三角。方法一: //先遍历一个25个数的数组 var arr=new Array(25); for(var i=0;i<arr.length;i++){ arr[i]=i+1; } //每5个截取一组u,循环5次 for(var i=0;i<5;i++){ var newArr=arr.splice(0,5); //
2020-07-17 09:28:21 2106
原创 js逻辑运算符&& || !的详细使用
js逻辑运算符&& || !的详细使用&& 符号:运算方法: 只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值; 只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值; 总结:一假全假,假前真后|| 符号:运算方法: 只要“||”前面为true,不管“||”后面是tr
2020-07-11 15:06:18 529
JavaScript常用函数练习
2020-07-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人