- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 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
1354
3
原创 前端js如何实现截屏功能，插件推荐js-web-screen-shot
读取dom结构转换成canvas，最后转成图片形式展示：没有编辑功能。大佬模仿qq截图实现的，也可以搭配webrtc实现web端远程桌面共享
2023-07-21 16:53:12
2509
原创 什么时候使用border图片比用background背景图要好（border-image，background-image的使用）
这次需求中ui给的几个png图，要给按钮和可视化框科技风图片，第一想到的是background，当时使用时发现内容文字的宽度不确定，拉伸会变形，这时让我发现了很少使用的css3中的border-image。
2023-07-19 17:23:12
134
原创 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
931
原创 基础篇（一）：初识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
264
原创 浅谈React组件性能优化的方式
React组件性能优化合理使用state避免不必要的重新渲染同页面state是否改变父子组件props是否改变函数式组件优化useCallback、React.memoReact组件复用Key的使用合理使用state减轻state：只存储跟组件渲染相关的数据（比如：count/给后端的入参/后端返回数据data/切换状态visible、loading等）注意：不用做渲染的数据不要放在state中（比如：定时器timer/用作js处理数据定义的变量）对于需要在多个方法中用到的数据，应该放在
2021-07-20 17:56:55
384
原创 注册登录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
271
原创 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
2168
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
271
原创 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
451
原创 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
2056
原创 js逻辑运算符&& || ！的详细使用
js逻辑运算符&& || ！的详细使用&& 符号：运算方法： 只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值; 只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值; 总结：一假全假，假前真后|| 符号：运算方法： 只要“||”前面为true,不管“||”后面是tr
2020-07-11 15:06:18
485
JavaScript常用函数练习
2020-07-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人