IT1995的博客

uniapp就是基于vue的开发，构造自定义组件就和vue的自定义一样。再次调整，只需要一行分类，categoryList.slice(0, 4)下面完善下category.vue相关的代码。下面美化，设置一些css。

新建一个banner.vue通用组件。查询下swiper的相关文档。

创建完成后修改category/tab2/tab2.vue。默认情况下都会在pages.json中注册。这些都是需要配置pages.json文件。这样首部的菜单就配置完成了。这样底部的菜单就修改完成了。新建category目录。

② pages.json文件用来对uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。可参考https://uniapp.dcloud.io/collocation/pages。主要就是pages.json中的globalStyle。将以前的pages.json的这些代码。① 框架配置项pages.json。

下载完后是一个download.zip的压缩包，最终将iconfont.ttf和iconfont.css拷贝到项目中。② 把iconfont.css和iconfont.ttf文件拷贝到/static/icon/目录下。① 进入https://www.iconfont.cn然后下载到本地。在static下面，新建目录并把这2个文件放进去。使用Font class然后下载至本地。在App.vue中导入刚刚的css。进入网站后，将选中的图标添加入库。再进入购物车，添加至项目，

数据库中有个聚合商表，和一个储能表，储能属于聚合商，桩表中有个字段是所属聚合商。帆软选中表格单元，点击右边“超级链接”，再点击“当前决策表报对象”注意这个“表单对象”要选对，选择要过滤的那张表，不然刷新不了。要求帆软有2个表格，点击某个聚合商，展示指定的储能数据。添加一个参数：值为“公式”随后$$$随后进入需要过滤的表格中。

在高级，自定义显示中，使用公式，如果不知道公式语法，可以看右下角的公式说明。是否生效查询的时候为1和0，对应的字段是ENABLE，其中1为是，0为否。

在Vue中，可以使用this关键字来访问到组件中定义的变量。然而，在axios的then函数中，this关键字的作用域会改变，会指向axios对象本身而不是Vue组件实例。使用箭头函数的好处是不需要额外保存this关键字的值，直接在then函数中使用this关键字来访问Vue组件的变量即可。解决这个问题的一种方法是将Vue组件中定义的变量保存到一个变量中，然后在axios的then函数中使用该变量。另外，也可以使用箭头函数来解决this关键字作用域的问题，因为箭头函数会继承父级作用域的this值。

首先找个网站把河北的GeoJSON数据下载下来，我用的是这个，理论上任意一个都可以。将json数据下载后，进行裁剪，仅保留冀北数据。

【代码】React笔记[tsx]-解决Property 'frames' does not exist on type 'Readonly'

主要是现在要改一个开源项目，需要学习下React入门，在此记录一下。

⑤types.d.ts：防止ct.js调用对应函数时，出现不认识函数，出现波浪线。③injections文件夹：当有includes时里面的js文件或css文件，需要写或就到这里面；其中sweetalert2.min.css和sweetalert2.min.js是官方的css和js。②includes文件夹：把需要引入的三方文件放在这里面；④module.json：ct.js加载的模组介绍文件；①index.js：调用模组的入库文件；injections文件夹。

这个和Qt很像，在开发过程中尽量避免使用中文。

跳的话可以使用this.cursors.space.isDown。然后再是this.player.body.blocked.down。

这里解释下this.anims.generateFrameNumbers中的config参数是{start: 0, end: 3}，代表这个动画播放0到3。这里有4个人物，所以frameWidth: 480/4 = 120。这里就解释下setScale放大为2。②将资源添加到spritesheet；③在physics中添加sprite；②将资源添加到spritesheet；③在physics中添加sprite；①设置好physics；①设置好physics；

这里有个要说明，如果安装phaser使用npm安装使用--save-dev，那么phaser就会会放到devDependencies。执行上面的命令成功后会自动创建package.json文件。创建新目录src，新建文件src/main.js，index.html。在到src目录下创建asserts，放图片资源。devDependencies：开发环境需要的依赖库；创建一个webpack.development.js。dependencies：生产环境需要的依赖库；首先得安装好npm和node.js。

create：preload完成后，就会调用到这函数，这个函数一般用于构造界面，关联玩家键盘，游戏大部分逻辑事件等等等；那么还需要创建动画，方便后边的键盘操作，上面的精灵是个横版的图，左边4幅是左，中间那一幅是停止的，右边4幅是右走。如将玩家（精灵）在不同操作下，设置不同的X，Y轴坐标，以及播放不同的动画。update：会按周期进行调用，一般用于键盘控制玩家，玩家坐标更新等。preload：是在create函数前调用的，一般用于资源的加载；分别是左键被按下，右键被按下，跳起一次。

【代码】Phaser笔记-Hello World!

不要用JQuery的attr，pop，removeAttr，removePop这种，这种的有bug。这里推荐使用原生态的JS来搞，用Jquery（3.6版本）会有问题。

折腾了几个小时，很简单的功能，方向错了。在此记录下，实现的功能是这样的。将这样的效果转成这样的效果这里我在前端添加了点css和js。

②将输入框、列表、图片等放到这个div中（也就是innerHTML）；③swal的方法可以拿到用户是点了退出，还是确定。①用JS创建一个div；

这里以BootStrap5为例，估计3和4的思路是一样的。效果是这样的，将这样的效果：改成这样的效果：首先看下BootStrap对col的css描述： 从中可以看到关键的地方就是那个padding-right和padding-left，都是15px，造成的间距空隙过大。对此修改即可：在app.css或者app.scss中，或者自己新建一个css重新加载下： 意思就是，将class为col-*的，后面是通配符，的padding-right和padding-left都改为1px，就可以实现上面的效果

也就是从这个效果：变成这种效果：代码是从这样的：改成这样的： 其实就是添加好roundness和curvedCW即可。

我这里是使用NiceScroll造成的。报错如下：解决这个问题的方法有2种：Ⅰ：修改源码找到jquerynicesroll.js报错的地方：直接让其return falseⅡ：修改自己的代码逻辑：构造这样的结构： 注意：body里面要套d-flex和flex-column在div中要套一个container-fluid，这里都是使用的bootstrap然后对应的js从：改成： 即可。对应的css要改成：...

首先用npm安装好jquery和jquery.niceScroll安装好后在node_modules中可以看到：在webpack.mix.js中添加：如下：在对应的xx.blame.html文件中进行script这样就可以获取到了。chrome浏览器测如下；

要实现的效果就是这样的：原理说白了就是发送一个get请求：然后把数据放到list里面就可以了。这里使用jsonp，因为这个要在客户端发起的请求。关键代码如下：function getSuggestion(url, word){ let wordObject = {'wd' : word, 'cb' : 'suggestionCallBack'}; $.ajax({ async: false, url: url, type: 'GET',

方法步骤：①使用css将footer设置到底部；②使用css响应式当高度小于多少时，不显示。对应的footer代码如下：<footer id="myFooter" class="text-white" id="myFooter"> <ul class="nav justify-content-center mb-3"> <li class="nav-item"><a href="#" class="nav-link px-2 tex.

最近（2022-03-25）想做个导航页。涉及这个知识点，在此记录下，实现的效果如下：点击那个百度后，会切换：关键代码如下：图片相关的html代码：<div id="engine-logo" class="search-logo my-2"> <img id="searchLogo" style="width: 220px; height:80px;" alt="搜索引擎Logo" onclick="changePic()" src="img/baidu

这里用最传统的方式进行AES加密。提供两种方式： console.log("方式一"); var userName = document.getElementById("userName").value; var password = document.getElementById("password").value; var offset = document.getElementById("offse

本笔记记录时间：2022-02-19 12:18:42，估计发布到网上是一个月后了。效果图如下：对应Echart代码如下：<script type="text/javascript"> // 基于准备好的dom，初始化echarts实例 let fundChart = echarts.init(document.getElementById("fundEarningChart")); // 指定图表的配置项和数据 let fundOption

功能如下：点击购买后，点击确定。确定调用了一个js函数，提交form表达给后端代码如下：<div class="modal-footer"> <button type="button" class="btn text-white border bg-dark" data-bs-dismiss="modal">取消</button> <button type="button" class="btn text-white border bg

BootStrap的模式对话框比Qt的用起来简单。如要实现下面效果：对应的html代码如下：<button type="button" class="btn btn-dark border text-white w-100" data-bs-toggle="modal" data-bs-target="#exampleModalToggle">购买</button><div class="modal fade" style="border-color: w

最终功能是这样的：这个表格中存放了2个按钮，如购买份额，点击到指定页面，这里将url中添加一个id字段如点击后：对应的表格代码是这样的： <tbody> {foreach $model as $item} <tr> <td>{$item.id}</td> <td

我的是这样的页面头部和尾部不动，就中间动。但每次刷新时会先出现这个。然后页面跳动下，就正常了，很奇怪的体验，对应的代码如下：<head> ... ... ... <script> $(document).ready(function(){ let nice = $("#mainDiv").niceScroll(); }); </script></

加载的用img标签，就可以了，就把他当成普通图片即可，如：<img src="icon/cash-coin.svg" />图片是这样的：在前端的效果就这样了。简直无法看清，修改下。打开svg，从中看到几个参数：width为宽，height为高，fill为填充的颜色，改成这样，同时图片也变了：看看界面：现在这个好看多了。本笔记使用到的SVG为cash-coin.svg<svg xmlns="http://www.w3.org/2

前言官方已经给出很好的文档了。在此本人总结下，方便以后查阅：GitHub - inuyaksa/jquery.nicescroll: nicescroll plugin for jquery - scrollbars like iphone/ipadnicescroll是一个jquery的插件，需要先包含jquery，再使用这框架，NiceScroller可用于jQuery1.x/2.x/3.x版本，但不能在slim版本中使用。使用首先需要先保护jQuery，，然后再把jqu

最近在搞最原始的PHP，发现前后端分离的项目，的确比用模板引擎的项目好。至少在用户体验上好太多（不看占用内存方面）。估计以后还是要用vue开发前端，做前后端分离。这里后端的源码是这样的逻辑，提交表单后走的是这一串代码：$useName = trim($_POST["userName"]);$password = trim($_POST["password"]);$captcha = trim($_POST["captcha"]);if(empty($useName) || empty(

首先要知道的，网页脚本，主要是解放双手，完成前端相关的工作。这里直接到Tampermonkey官网在线安装就可以了。然后新建一个脚本：// ==UserScript==// @name New Userscript// @namespace http://tampermonkey.net/// @version 0.1// @description try to take over the world!// @author You//

主要的原因是vue相当于套了一层，界面上的输入框会关联model，提交表单的时候，他是直接提交model的值，而不是传统的输入框里面的值。所以用这种：let textAreaItem = document.getElementsByTagName("textarea")[0];textAreaItem.value = "XXXXXXXXXXXXXX";此时界面上已经有值了，可能数据点下输入框，数据消失，也可能不消失。提交按钮按下后，要不就是前端提示没值，要不就是后端提示送来的值为空。

如下面这个dom：从上面观察，这个a，上面是一个div其中的class是down。通过：$("div .down a")#或$("div.down a")打印后，发现这个list就一个，如果要点击就是这样的。$("div.down a")[0].click();#或$("div. down a")[0].click();介绍下其他的元素选择：$("p") 选取 <p> 元素。$("p.intro") 选取所有 class="intro" 的 &lt