文章分类 - 前端学习日志
杂记
摘要：记录学习pixi时候遇到的难一点的地方，我个人觉得我还是学得比较快的。 1.官方文档解释toLocal函数的时候，解释的不是很清楚，这里引文一篇博客加以解释：here 个人理解：按照anysprite.toLocal(sprite_x,sprite_y)的参数形式来解释会——整个所用到的都是全局坐标
阅读全文
摘要：安装参考：here+here 1.Vue-cli工程中每个文件夹和文件的用处：(原文：here) dist 文件夹：默认 npm run build 命令打包生成的静态资源文件，用于生产部署node_modules：存放npm命令下载的开发环境和生产环境的依赖包public：有的叫assets：存放
阅读全文
摘要：概述： 1.通过Vue的data变量数据绑定发送验证码的button组件(包含disabled属性和text显示文本) 2.点击事件，发送验证码且修改disabled和text值，且通过setinterval计时器来循环处理当前剩余时间，结束时候重置disabled和text值 code： <!DO
阅读全文
摘要：小问题 在写表单的时候，有个button获取验证码，其对应有段span显示Vue数据绑定的反馈信息 表单给了任意点击就清空反馈信息的监听事件，导致在button触发显示不出反馈信息 但是，原本的表单的提交并不会触发清空的监听事件，没仔细琢磨什么原因 反正这里就需要将获取验证码时候的button事件添
阅读全文
摘要：因为用的不多但是又偶尔要用又没去认真学一遍全部，所以老是在应用的时候显得捉襟见肘，还是总结一下写法。 这里暂时只写使用axios的方式： 需要注意的是，axios中POST的默认请求体类型为Content-Type:application/json（JSON规范流行），这也是最常见的请求体类型，也就
阅读全文
摘要：网上有说是因为浮动关系，去给父级组件添加overflow:hidden，这样确实是能让js获取父级组件的offset属性，但是需要的是canvas组件的属性，往canvas上添加overflow:hidden也没能解决问题。 然后我突然发现来回切换canvas的显示状态的时候，canvas的offs
阅读全文
摘要：1.Navicat，安装破解版操作步骤，参考：here 2.MySql，安装参考：菜鸟，登录及修改密码，参考：here 3.MongoDB，安装参考：菜鸟(现在的版本会自动生成data文件和配置，后续操作不用管)，MongoDB Shell，安装，这里，安全配置，参考：here 4.JAVA，jdk
阅读全文
摘要：因为Canvas动图绘制需要不定时间消耗，而又不能使用SetTimeout的递归操作，所以不得不将SetTimeout的异步改为同步了。 学习：here function delate(x) { return new Promise(resolve => { setTimeout(() => { c
阅读全文
摘要：学习文章： indexof,match,includes,RegExp,search：据说include更稳定 indexOf函数和RegExp正则：正则表达式的匹配速度相比较于indexOf字符串函数性能要快10倍左右 大意上来说，正则表达式匹配速度与其表达式复杂度密切关联，个人推测同复杂度下，正
阅读全文
摘要：1.将GIF图层转换为png图，打开GIF图后，选中所有图层，工具栏选择图层，选择导出png图片即可。 2.批量操作，没有，只有动作，对选中图片进行录制的动作操作视为批量。 3.生成GIF，网页可以使用这个，PS任选一张序列图，窗口打开时间轴(左下角切换为视频片段)，片段末尾点击[+]号，多选导入全
阅读全文
摘要：为了MG的开发，考虑了几种动画绘制的方案，开发量虽然不大，但是还是研究对比了一下几种方案的效率性能差异。 三种：Canvas序列帧动画，Lottie的JSON动画叠加绘制，Vue组件绑定gif动图叠加绘制。 对比主要考虑CPU，GPU，内存上的消耗，下面是测试代码： <!DOCTYPE html>
阅读全文
摘要：在开发MG项目的时候，考虑到自动化战斗吸引特点之一就是特效动画，那么还是得学着做一下的，直接就了解到了lottie动画 lottie介绍及其原理相关： 动画实现原理，高性能JSON动画，lottie优缺点及其JSON文件数据解析 记录一些学习到的东西： html或vue-cli使用lottie，参考
阅读全文
摘要：举例为image的图片onload： 需要知道onload为异步操作，那么实际上执行的效果是，只执行最后一个onload 解决办法： 1.拆分为onload的递归 2.使用闭包结构，参考代码如下： for (let i = 0; i < imgs.length; ++i) { imgs[i].onl
阅读全文
摘要：连接仓库 1.第一种最简单的方式(适用于：先有项目文件，补充仓库管理)： 1.手动在gitee上创建仓库(基本创建动动鼠标就不说了)，然后到达如下界面： 2.到这里就复制这里的url，去Vscode打开(or新建)自己想要用的文件路径 3.新建终端，先配置一下git的全局设置(也就是【简易的命令行入
阅读全文
摘要：学习博客：here，here IP，端口，URL在Java中：here 1.配置文件方式，在yml配置文件中配置好后，在config类中使用，注意配置类的参数方法除了set都要使用static修饰。 @Component+ @ConfigurationProperties(prefix = "")+
阅读全文
摘要：1.加载图片img标签： 有两种html加载服务，Live Serve和 本地port，在canvas标签内都不能直接套用img-src图片直接显示，有两种方式： 【canvas对width和height敏感，不匹配会导致显示不完全】 <div> <img id="getImg" src="img/
阅读全文
摘要：1.script标签写在body标签内和head标签内的区别是： 在body标签内，会在页面加载完成后执行。在head标签内，会在页面加载前执行。 加载的顺序不同，可以把html看作从上往下加载。 【eg:“document.write();”语句写在head标签内无效】 2.let（es6新增的l
阅读全文
摘要：还是觉得得系统学习一下： 1.JavaScript：here 2.vue——v-for+复选文本框：here code： <div id="bpp">> <span v-for="one in options"> <input type="checkbox" v-model="checkedName
阅读全文
