- 博客(31)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 基于 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
3928
原创 vue打包之后文件过大,首开进度缓慢
vue打包之后文件过大vue打包之后文件过大, 首次打开进度缓慢分析( 如果 着急解决问题, 请忽略此小点)webpack-bundle-analyzer 安装webpack-bundle-analyzer 配置一, router 优化vue打包之后文件过大, 首次打开进度缓慢发布一篇文章用来解决vue打包之后文件过大的问题分析( 如果 着急解决问题, 请忽略此小点)可安装 webpack-bundle-analyzer 插件分析压缩之后的具体每个js的大小及其来源众所周知, vue 压缩只
2022-03-07 17:54:24
2145
原创 react学习笔记 (三) umi.js redux 异步(effects)请求接口
umi.js redux effects dispatch
2022-01-04 14:36:34
1969
原创 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
803
原创 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
2477
原创 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
2618
原创 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
13195
原创 springboot 配置 tomcat
springboot 配置, 或集成 tomcat springboot 配置, 或集成 tomcat项目前提idea配置 tomcat修改 Simple2Application 中的 main 方法springboot 配置, 或集成 tomcatspringboot项目跑起来了, 但是自带的 tomcat 使用起来非常麻烦, 还等什么, 开始入坑吧项目前提项目前提: 已经启动好的 springboot 项目 下载好的 tomcatidea配置 tomcat修改 Simp
2021-11-04 13:05:06
2441
原创 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
195
原创 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
140
原创 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
207
原创 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
219
原创 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
23719
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
852
原创 使用echarts的vue项目第二天,vue的按钮点击echarts表格联动(适合没接触过的echarts的新手)
vue的按钮点击echarts表格联动昨天晚上打游戏到很晚,今天中午12点才起床,来吧,继续我的项目. 想要点击vue视图中的按钮实现echarts的表格联动,得有一个准确的思路: ①弄清楚echarts的参数属性和属性值—>②创造匹配echart...
2020-03-17 01:55:15
1082
原创 使用echarts的vue项目第二天,vue子组件中引用echarts(适合没接触过的echarts的新手)
vue子组件套用echarts实现联动遇到的坑首先道个歉,网购的劣质24k曲面显示屏烧坏了电源,影响了更新进度,导致今天只能实现最基础的一个联动例子.vue子组件首先,引入了vue和echarts,可以new 一个vue的对象和造出一个echarts的表格,这是昨天做到的.今天的目的就是用vue的组件功能和生命周期实现简单联动. ...
2020-03-15 17:56:59
684
原创 使用echarts的vue项目第一天,引用框架构建基本模板(适合没接触过的echarts的新手)
我想从0开始开发一个类似于后台管理的vue项目,其中要用到表格,于是立刻就想到了前端表格的两个大哥echarts和highcharts,那么随着项目的开发,肯定会遇到一些问题,我把一些坑事先填好,避免后来人看到重蹈覆辙.前端表格到底选择echarts还是highcharts?这是echarts的网站:再来看highcharts的官网:个人感觉,echarts动画效果显著,high...
2020-03-14 17:52:40
216
原创 如何重置（或重新安装）系统
系统自带的重置功能按win+Q，然后搜索“重置此电脑”，就会出现系统默认的重置电脑的功能，点击开始一步一步来即可（需要注意c盘空间不能太小。）u盘启动①，首先需要制作启动U盘可通过网页直接搜索“制作启动U盘”，不论是从网页上开始制作还是下载一些软件开始制作都可以，没什么技术含量。（需要注意u盘会被格式化，重要文件最好事先保存。还有下载的系统版本注意下即可。）②，开机启动bols...
2020-03-02 19:00:36
2438
tif图片展示基于tomcat(前端部分).rar
2021-10-20
react和vue企业级项目构建初始需要注意什么?越详细越好
2022-01-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人