自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

powerFulCat的博客

持续更新Web前端技术

  • 博客(31)
  • 资源 (5)
  • 问答 (1)
  • 收藏
  • 关注

原创 react hocks ggeditor 脑图开发(双向细目表), 实用技巧

react hocks ggeditor脑图开发 双向细目表

2023-03-29 15:00:35 595

原创 微信小程序开发双重for循环, wx: if else 语法

微信小程序开发双重for循环, wx: if else 语法

2022-12-02 20:34:23 4709

原创 基于 jquery imagesloaded masonry 实现的瀑布流图片展示

基于 jquery imagesloaded masonry 实现的瀑布流图片展示

2022-11-08 17:57:33 393

原创 前端 百度地图 javascript api 在线地图, 离线地图

前端 百度地图 javascript api 在线地图, 离线地图在线地图登录百度api获取key注册为个人开发者后, 创建应用离线地图 (瓦片地图)下载离线瓦片地图二, 下载api.js一些常用api难找见的api在线地图在线地图, 百度地图 api + echarts优: 方便快捷, 示例丰富, 简单上手, 可在线编辑, 直接下载, 随后稍微修改就可缺: 商用要花钱, 老板不高兴百度地图api: https://lbsyun.baidu.com/jsdemo.htm#webgl0_1

2022-03-08 10:25:13 3923

原创 vue打包之后文件过大,首开进度缓慢

vue打包之后文件过大vue打包之后文件过大, 首次打开进度缓慢分析( 如果 着急解决问题, 请忽略此小点)webpack-bundle-analyzer 安装webpack-bundle-analyzer 配置一, router 优化vue打包之后文件过大, 首次打开进度缓慢发布一篇文章用来解决vue打包之后文件过大的问题分析( 如果 着急解决问题, 请忽略此小点)可安装 webpack-bundle-analyzer 插件分析压缩之后的具体每个js的大小及其来源众所周知, vue 压缩只

2022-03-07 17:54:24 2142

原创 canvas插件 fabric.js 使用

fabric.js的使用

2022-02-22 17:44:25 10832

原创 antd react ProTable 基本使用

antd react protable 安装, 使用, 基本操作

2022-01-05 15:11:42 3693 6

原创 react学习笔记 (三) umi.js redux 异步(effects)请求接口

umi.js redux effects dispatch

2022-01-04 14:36:34 1969

原创 react学习笔记 (二) 重定义router路由的两种方式,react-router-dom

react,router, 重定义路由的两种方式

2022-01-04 14:19:26 650

原创 react学习笔记(一) react项目的三种创建方式

react项目的三种创建方式1, create-react-app (普通的react项目)2, react+dva程序猿都一样, 明明是vue的小前端, 是不是就被派遣到react项目组, 是不是就被派遣到小程序项目组, 有时候还要代替后台写接口, 莫慌莫慌, 先把react搞定再说 1, create-react-app (普通的react项目)// 全局安装 create-react-app(类似于vue-cli) npm install -g create-react-app// 用 cr

2022-01-04 10:47:27 799

原创 javascript中网页 url 与字符串之间的转换

escape 和 unescapeescape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z。escape()函数用于js对字符串进行编码,不常

2021-11-17 17:04:16 2469

原创 javascript中unicode和String类型互相转换

javascript 中 unicode 和 String 类型互相转换unicode 转 String// unicode --> String// 第一种方法eval("'" + '\u5e74\u6708\u65e5' + "'")// 众所周知, 用eval的时候要特别注意空格, 建议在此处复制// 第二种方法unescape("\u5e74\u6708\u65e5")String 转 unicode// 1, 文字转 unicode 码"\\u"+parseInt('我'

2021-11-12 16:15:21 2603

原创 javascript中正则匹配多个条件, 常用正则匹配, 正则详解

javascript中正则匹配多个条件, 常用正则匹配正则表达式常用方法实现准备工作 1, 汉字和unicode码的在线转换网址 http://tool.chinaz.com/tools/unicode.aspx 2, 正则在线生成地址 http://tools.jb51.net/regex/create_reg正则表达式常用方法实现目标: 把 “2021年10月29日 12:43:46” 中, ‘年’和’月’替换为’-’, '日’替换为 ’ ’1, 常用替换方法实现let st

2021-11-08 16:00:00 13179

原创 springboot 配置 tomcat

springboot 配置, 或集成 tomcat springboot 配置, 或集成 tomcat项目前提idea配置 tomcat修改 Simple2Application 中的 main 方法springboot 配置, 或集成 tomcatspringboot项目跑起来了, 但是自带的 tomcat 使用起来非常麻烦, 还等什么, 开始入坑吧项目前提项目前提: 已经启动好的 springboot 项目 下载好的 tomcatidea配置 tomcat修改 Simp

2021-11-04 13:05:06 2439

原创 springboot + mybaties + sqlsession + tomcat 连接数据库写接口

springboot + mybaties + sqlsession + tomcat 连接数据库写接口springboot + mybaties + sqlsession + tomcat 连接数据库写接口项目前提用idea新建springboot项目更改配置文件, 第一次试运行功能快捷键springboot + mybaties + sqlsession + tomcat 连接数据库写接口前言: 上一篇讲到项目前提项目前提: idea浏览器 需要有一定的代码基础, 需要安装idea浏

2021-11-04 12:54:13 194

原创 ieda 新建 springboot 项目初次运行

springboot + mybaties + sqlsession连接数据库写接口ieda 新建 springboot 项目初次运行项目前提用idea新建springboot项目更改配置文件, 第一次试运行功能快捷键ieda 新建 springboot 项目初次运行前言: 程序猿自学到底好不好, 我的答案, 初级程序猿自学并不好, 所以如果你是前端想转java, 并且在公司没有提供任何帮助的情况下, 建议您不要观看.项目前提项目前提: idea浏览器 需要有一定的代码基础, 需要安装id

2021-11-04 10:07:21 226

原创 web超轻量级手风琴效果,基于jquery,可批量生产,构造函数

css.box{border:1px solid #333;width:700px;height:500px;position:relative;overflow:hidden;}.box img{height:100%;width:100%;position:absolute;left: 0;top:0;transition: all 0.5s;}html<div class="box"></div><script src="./static/jquery2.1.

2021-08-13 09:30:43 87

原创 web ,照片墙,瀑布流照片,非常简单,已封装轻量级,可优化,基于jquery,传入数据即可使用

前端 css和 javascript 代码优化代码开始css部分html部分js部分使用(js)补充代码开始css部分 @keyframes bounceIn { 100% { transform: scale(1.07); } } .box{width:700px;height:2000px;position:relative;} .box img{animation:

2021-08-13 09:23:05 628

原创 前端 css和 javascript 代码优化

前端 css和 javascript 代码优化代码开始css创建变量font简写规则background简写规则margin, padding, border简写js开始if else优化Array 添加元素Array 检查对象是否具有某属性箭头函数字符串拼接不要用加号 " + "! !! !!!补充代码开始前端并不是只用html+css把页面画出来, 然后js调接口实现动效就OK了, 有一个经常容易被大家忽略的问题, 那就是后期维护, 从这方面一眼就能看出来大神和小白的区别。没办法道路

2021-06-16 10:00:04 138

原创 three.js项目基操作

1, 新建一个模型数组(可存放多个模型)var objectTotle = new THREE.Object3D();2, 场景中删除一个模型scene.remove(objectTotle);3, 位置, 旋转, 缩放// 旋转objectTotle.rotation.x = 0.01;objectTotle.rotation.y = -0.01;objectTotle.rotation.z = 0;// 位置 (基于x,y,z均等于0的初始位置)objectTotle.posi

2021-04-10 16:27:01 203

原创 three.js汇总,老牌Web 3d展示Js

简述我把现在的Web前端页面动效分为四个等级     1: 简单的css,js,jquery的旋转, 缩放, 位移, 淡入淡出, 拉伸, 渐变等效果;     2: 通过Ae或者其他软件导出的序列帧(或者图片),和一些简单的特效js(大多是canvas);     3: 通过大量数据(json)来定义的动作,包含(人物,地图等,可包含简单的3d

2021-04-10 16:11:32 391

原创 html用序列图做动画 (jquery替换图片版/jquery一次添加所有图片依次显示版/canvas版(最流畅))

html+jquery+jquery.imgpreload做序列图     找啊找啊找啊找啊找啊找啊找了半天(从各种网站上找资料费了半天劲)才找到的, 然后拼拼凑凑弄出来的序列图播放, 网上的资料太不负责任了, 简单的功能非不写全, 还没注释,功能也实现不了, 我弄出来给大家分下下说明:     只针对多张png组成的序列图, -拼凑为动画.找不到jquery.imgpreload.min.js的问我要

2021-01-08 15:52:34 910

原创 canvas的进度条,适合首页,简单实用,效果炫酷

题外话      老板忽然让做一个首页,需要一个进度条,于是随手写了一个.      原理是用for循环循环不规则的粒子进行不规则的靠后移动,感觉这种乱中有序的粒子排序效果非常不错      本人最近也遇到头疼的问题,老板让写一个幕布拉开的特效,要求3d逼真,有想法的可以帮帮我,一筹莫展,不会写风速的算法,以及拉动元素的力的

2020-12-09 15:59:14 218

原创 web前端播放视频基础(多种格式,mp4, ogg, flv)(普通项目和vue项目)

前端播放视频(满足一般播放条件)一,话不多说,先上代码:     以下包含我能做出来可以做出来播放的视频格式(测试ok),可能还有ogg和wmv的格式可以播放,但我没测试通过,所以不展示if(strT == "video/mp4"||//.mp4文件strT == "video/webm"||//.webm文件strT == "flv"||//.flv文件strT == "video/x-matroska"||//.mkv文件strT

2020-11-21 15:46:55 23669 4

原创 前端请求接口,局域网跨域,上传图片,发送数据类型,报错400和415

建立请求的方法原生ajax和jquery的ajax原生ajax:var xhr = createXHR();xhr.onreadystatechange = function(){ if(xhr.readyState === 4){ if ((xhr.status >= 200 && xhr.status < 300) || x...

2020-04-24 14:41:58 739

原创 http和https那些事

总结篇http: ①,HyperText Transfer Protocol(超文本传输协议)②,http是一个简单的请求-响应协议,它通常运行在TCP(Transmission Control Protocol【传输控制协议】)之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII码形式给出;而消息内容则具有一个类似MIME的格式。③,作者...

2020-04-24 14:02:15 230

原创 pr踩过的一些坑

一,导出视频的大小如何改变序列–》序列设置二,视频尺寸和序列尺寸不匹配如何解决?第一种方法①, 选中这段视频②,改变视频缩放和位置改变序列设置序列–》序列设置三,某段视频快放慢放选中视频–》右键–》速度/持续时间四,想截取视频中的一小段视频想截取视频中一小段视频,又不想将其他小段的视频全部删除解决: 标记出入点五,把视频中的某一帧导出为图片六,为视频...

2020-04-24 12:34:01 851

原创 使用echarts的vue项目第二天,vue的按钮点击echarts表格联动(适合没接触过的echarts的新手)

vue的按钮点击echarts表格联动昨天晚上打游戏到很晚,今天中午12点才起床,来吧,继续我的项目.      想要点击vue视图中的按钮实现echarts的表格联动,得有一个准确的思路:      ①弄清楚echarts的参数属性和属性值—>②创造匹配echart...

2020-03-17 01:55:15 1081

原创 使用echarts的vue项目第二天,vue子组件中引用echarts(适合没接触过的echarts的新手)

vue子组件套用echarts实现联动遇到的坑首先道个歉,网购的劣质24k曲面显示屏烧坏了电源,影响了更新进度,导致今天只能实现最基础的一个联动例子.vue子组件首先,引入了vue和echarts,可以new 一个vue的对象和造出一个echarts的表格,这是昨天做到的.今天的目的就是用vue的组件功能和生命周期实现简单联动.     ...

2020-03-15 17:56:59 683

原创 使用echarts的vue项目第一天,引用框架构建基本模板(适合没接触过的echarts的新手)

我想从0开始开发一个类似于后台管理的vue项目,其中要用到表格,于是立刻就想到了前端表格的两个大哥echarts和highcharts,那么随着项目的开发,肯定会遇到一些问题,我把一些坑事先填好,避免后来人看到重蹈覆辙.前端表格到底选择echarts还是highcharts?这是echarts的网站:再来看highcharts的官网:个人感觉,echarts动画效果显著,high...

2020-03-14 17:52:40 215

原创 如何重置(或重新安装)系统

系统自带的重置功能按win+Q,然后搜索“重置此电脑”,就会出现系统默认的重置电脑的功能,点击开始一步一步来即可(需要注意c盘空间不能太小。)u盘启动①,首先需要制作启动U盘可通过网页直接搜索“制作启动U盘”,不论是从网页上开始制作还是下载一些软件开始制作都可以,没什么技术含量。(需要注意u盘会被格式化,重要文件最好事先保存。还有下载的系统版本注意下即可。)②,开机启动bols...

2020-03-02 19:00:36 2433

fabric.5.1.0.min.js 前端canvas插件

前端常用canvas插件

2022-02-22

jquery.table2excel.js

jquery.table2excel.js 将table表格导出成excel文件

2022-02-09

tif图片展示基于tomcat(前端部分).rar

前端 tif 图片展示, 使用 tiff.js 和 utif.js . 基于tomcat的, 没有做vue的, vue也测试过, tif资源在vue的serve上是可以调用的, 但如果是请求接口来获取tif文件没做出来, 因为get请求到其他ip涉及到跨域的问题, 小弟还是才疏学浅了, 各位大佬有合适的方案也可以共享下, 本资源完全免费, 只望同行少走弯路, 互帮互助.

2021-10-20

canvas闪光特效.rar

就是页面上的一些小星星, 小闪光, 或者小光源从下往上运动的一些东西.

2021-10-12

jquery.imgpreload.min.js

jquery图片预加载插件

2021-01-08

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除