JavaScript
IT1995
每周个人笔记分享,欢迎广大网友查阅!
展开
-
Vue笔记-vue中使用JS创建的函数
主要是公司对前端要求不高,能解决问题就行了,前端不太熟,用js这种处理起来方便,在此记录下。在src中创建一个api目录,新建custom.js。在对应的vue中导入,然后就可以直接调用了。原创 2024-07-01 08:42:59 · 406 阅读 · 0 评论 -
echarts笔记-GeoJSON河北数据下并裁剪为冀北地图并使用echarts加载
首先找个网站把河北的GeoJSON数据下载下来,我用的是这个,理论上任意一个都可以。将json数据下载后,进行裁剪,仅保留冀北数据。原创 2023-12-04 08:42:30 · 1727 阅读 · 0 评论 -
echarts笔记-上下左右部分显示比例(解决Y轴显示不全)
【代码】echarts笔记-上下左右部分显示比例(解决Y轴显示不全)原创 2023-08-29 08:30:36 · 2853 阅读 · 0 评论 -
React笔记[tsx]-解决Property ‘frames‘ does not exist on type ‘Readonly<{}>‘
【代码】React笔记[tsx]-解决Property 'frames' does not exist on type 'Readonly'原创 2023-08-21 13:57:06 · 2913 阅读 · 0 评论 -
React笔记-React入门
主要是现在要改一个开源项目,需要学习下React入门,在此记录一下。原创 2023-08-14 08:49:27 · 3011 阅读 · 0 评论 -
ct.js笔记-整合SweetAlert2,弹出输入框(添加Cat模组)
⑤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文件夹。原创 2023-07-10 14:16:53 · 3012 阅读 · 0 评论 -
ct.js笔记-加载字体时字体名不能包含中文
这个和Qt很像,在开发过程中尽量避免使用中文。原创 2023-07-03 10:47:46 · 2389 阅读 · 0 评论 -
Phaser笔记-精灵(sprite)的使用
这里解释下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;原创 2023-05-29 15:25:01 · 2901 阅读 · 0 评论 -
Phaser笔记文档阅读-Working with Phaser, TypeScript and webpack – step 1
这里有个要说明,如果安装phaser使用npm安装使用--save-dev,那么phaser就会会放到devDependencies。执行上面的命令成功后会自动创建package.json文件。创建新目录src,新建文件src/main.js,index.html。在到src目录下创建asserts,放图片资源。devDependencies:开发环境需要的依赖库;创建一个webpack.development.js。dependencies:生产环境需要的依赖库;首先得安装好npm和node.js。原创 2023-05-22 15:10:24 · 2449 阅读 · 0 评论 -
Phaser笔记-scene中的preload、create、update、player、键盘控制
create:preload完成后,就会调用到这函数,这个函数一般用于构造界面,关联玩家键盘,游戏大部分逻辑事件等等等;那么还需要创建动画,方便后边的键盘操作,上面的精灵是个横版的图,左边4幅是左,中间那一幅是停止的,右边4幅是右走。如将玩家(精灵)在不同操作下,设置不同的X,Y轴坐标,以及播放不同的动画。update:会按周期进行调用,一般用于键盘控制玩家,玩家坐标更新等。preload:是在create函数前调用的,一般用于资源的加载;分别是左键被按下,右键被按下,跳起一次。原创 2023-04-17 18:38:19 · 2745 阅读 · 2 评论 -
Phaser笔记-Hello World!
【代码】Phaser笔记-Hello World!原创 2023-04-03 08:48:45 · 2244 阅读 · 1 评论 -
Phaser笔记-Phaser适配WeChat
首先将这个大佬的Github下载下来,他已经做好了适配。将git上下载的包放到libs/gamelibs。用微信开发工具创建一个小游戏项目。原创 2023-02-27 10:37:20 · 2209 阅读 · 0 评论 -
PHP笔记-解决网站CDN加速后图片出现跨越问题
这里我调用的图片是it1995.cn下面的,而这个虚拟空间因为有cdn加速,我请求这个的时候直接302,然后去请求imancp中的数据了。原理是这样的,写一个请求,直接把图片数据返回,因为cdn是根据图片后缀,如果url中后缀是.png等,他就会使用cdn。搞web的都知道,把这玩意关了,不是访问就慢了。就不能单独关一个吗。当发送图片时,body中填写图片的数据,content-type为图片数据。联系了官方客服,客服说,可以解决,他去吧cdn关了。这个最好用PC电脑打开。这个是解决后的效果。原创 2022-08-22 10:38:35 · 913 阅读 · 0 评论 -
Laravel文档阅读笔记-Rendering JSON(对JS变量进行赋值)
代码】Laravel文档阅读笔记-Rendering JSON(对JS变量进行赋值)原创 2022-08-08 08:47:43 · 627 阅读 · 0 评论 -
Web前端笔记-批量反选CheckBox
不要用JQuery的attr,pop,removeAttr,removePop这种,这种的有bug。这里推荐使用原生态的JS来搞,用Jquery(3.6版本)会有问题。原创 2022-07-26 08:47:40 · 409 阅读 · 0 评论 -
Laravel&html笔记-MarkDown增加展示时代码高亮功能
折腾了几个小时,很简单的功能,方向错了。在此记录下,实现的功能是这样的。将这样的效果转成这样的效果这里我在前端添加了点css和js。原创 2022-07-25 08:54:24 · 798 阅读 · 0 评论 -
SweetAlert笔记-在弹窗中添加输入框图片等
②将输入框、列表、图片等放到这个div中(也就是innerHTML);③swal的方法可以拿到用户是点了退出,还是确定。①用JS创建一个div;原创 2022-07-19 10:02:10 · 1146 阅读 · 0 评论 -
Web前端笔记-解决[Intervention] Unable to preventDefault inside passive event listener due to target being
我这里是使用NiceScroll造成的。报错如下:解决这个问题的方法有2种:Ⅰ:修改源码找到jquerynicesroll.js报错的地方:直接让其return falseⅡ:修改自己的代码逻辑:构造这样的结构: 注意:body里面要套d-flex和flex-column在div中要套一个container-fluid,这里都是使用的bootstrap然后对应的js从:改成: 即可。对应的css要改成:...原创 2022-06-09 08:51:31 · 1469 阅读 · 1 评论 -
PHP笔记-laravel中使用jquery及jquery.niceScroll.js
首先用npm安装好jquery和jquery.niceScroll安装好后在node_modules中可以看到:在webpack.mix.js中添加:如下:在对应的xx.blame.html文件中进行script这样就可以获取到了。chrome浏览器测如下;原创 2022-06-08 13:51:29 · 811 阅读 · 0 评论 -
JavaScript笔记-使用Jsonp获取百度搜索提示
要实现的效果就是这样的:原理说白了就是发送一个get请求:然后把数据放到list里面就可以了。这里使用jsonp,因为这个要在客户端发起的请求。关键代码如下:function getSuggestion(url, word){ let wordObject = {'wd' : word, 'cb' : 'suggestionCallBack'}; $.ajax({ async: false, url: url, type: 'GET',原创 2022-05-25 08:47:23 · 374 阅读 · 0 评论 -
Web前端笔记-footer始终固定在底部及高度缩小时不显示
方法步骤:①使用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-05-25 08:45:01 · 2601 阅读 · 0 评论 -
JavaScript笔记-点击切换图片
最近(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原创 2022-05-23 09:04:52 · 955 阅读 · 0 评论 -
JS逆向笔记-记录某测试论坛的js逆向练习
这个网站应该是专门练习的,因为有个地方说不太通,在此只能算是练习,记录下,方便以后进行查阅。首先访问主页:他会设置一个cookie值,并且会把加密的salt带出来。还有个叫lt的东西也会用html的形式传出来。这个lt,会在发送请求的时候带出去。输入用户名密码后,点击登录,发送的是这样的body:username=admin888&password=H1uFJjwe8ZoS04VFZBOCBfma9qdoxrSd%2FND4gBK3%2F8YlVJaQ4原创 2022-04-07 15:23:23 · 1339 阅读 · 0 评论 -
JavaScript笔记-点击button提交form表单
功能如下:点击购买后,点击确定。确定调用了一个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原创 2022-03-10 08:53:25 · 5543 阅读 · 2 评论 -
BootStrap笔记-Model(模式对话框)样式修改
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原创 2022-02-28 08:46:29 · 1231 阅读 · 1 评论 -
JavaScript笔记-表格中放按钮并点击调用
最终功能是这样的:这个表格中存放了2个按钮,如购买份额,点击到指定页面,这里将url中添加一个id字段如点击后:对应的表格代码是这样的: <tbody> {foreach $model as $item} <tr> <td>{$item.id}</td> <td原创 2022-02-28 08:44:41 · 2799 阅读 · 1 评论 -
NiceScroll文档阅读笔记-NiceScroll(3.7.6)基本使用
前言官方已经给出很好的文档了。在此本人总结下,方便以后查阅:GitHub - inuyaksa/jquery.nicescroll: nicescroll plugin for jquery - scrollbars like iphone/ipadnicescroll是一个jquery的插件,需要先包含jquery,再使用这框架,NiceScroller可用于jQuery1.x/2.x/3.x版本,但不能在slim版本中使用。使用首先需要先保护jQuery,,然后再把jqu原创 2022-02-10 08:38:47 · 930 阅读 · 0 评论 -
PHP&JavaScript笔记-后端利用Refresh头带错误信息给前端(野路子操作)
最近在搞最原始的PHP,发现前后端分离的项目,的确比用模板引擎的项目好。至少在用户体验上好太多(不看占用内存方面)。估计以后还是要用vue开发前端,做前后端分离。这里后端的源码是这样的逻辑,提交表单后走的是这一串代码:$useName = trim($_POST["userName"]);$password = trim($_POST["password"]);$captcha = trim($_POST["captcha"]);if(empty($useName) || empty(原创 2022-02-07 09:35:23 · 647 阅读 · 0 评论 -
Tampermonkey笔记-脚本的搭建和基本使用
首先要知道的,网页脚本,主要是解放双手,完成前端相关的工作。这里直接到Tampermonkey官网在线安装就可以了。然后新建一个脚本:// ==UserScript==// @name New Userscript// @namespace http://tampermonkey.net/// @version 0.1// @description try to take over the world!// @author You//原创 2022-02-07 09:31:21 · 2310 阅读 · 0 评论 -
Web前端笔记-解决Vue编写的输入框(input、textarea等)使用JS设置value时提交表单无效的问题
主要的原因是vue相当于套了一层,界面上的输入框会关联model,提交表单的时候,他是直接提交model的值,而不是传统的输入框里面的值。所以用这种:let textAreaItem = document.getElementsByTagName("textarea")[0];textAreaItem.value = "XXXXXXXXXXXXXX";此时界面上已经有值了,可能数据点下输入框,数据消失,也可能不消失。提交按钮按下后,要不就是前端提示没值,要不就是后端提示送来的值为空。原创 2022-02-07 09:27:55 · 2458 阅读 · 4 评论 -
JQuery笔记-通过tag、class、id获取指定的dom
如下面这个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" 的 <原创 2022-02-07 09:26:12 · 3629 阅读 · 0 评论 -
Node.js笔记-使用socket.io构建websocket聊天室
先安装socket.ionpm install socket.io 服务端代码:let app = require('http').createServer();let io = require('socket.io')(app, { cors: true });let port = 3000;let clientCount = 0;app.listen(port);io.on('connection', function (socket) { clientCoun原创 2021-11-16 10:49:33 · 904 阅读 · 0 评论 -
Node.js笔记-使用nodejs-websocket构建WebSocket服务
首先安装nodejs-websocketnpm install nodejs-websocket构造如下程序:wsServer.jsvar ws = require("nodejs-websocket")var PORT = 3000var server = ws.createServer(function (conn) { console.log("New connection") conn.on("text", function (str) {原创 2021-11-09 16:45:39 · 3691 阅读 · 0 评论 -
JavaScript笔记-前端原生态WebSocket的使用
运行截图如下:输入数据点击发送:源码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>WebSocket</title></head><body> <h1>Echo Test</h1> <input id="sendTxt" ty.原创 2021-11-09 16:43:29 · 738 阅读 · 0 评论 -
two.js文档阅读笔记-two.js的基本使用
介绍two.js是一个前端绘制2d图形的api。可以使用svg,canvas,webgl进行渲染。基本使用代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>two.js demo1</title> <script src = './lib/two.js'></script&g原创 2021-10-19 08:51:26 · 1165 阅读 · 0 评论 -
Node.js笔记-node.js连接MySQL与增删改查
最近在看一个开源项目,项目用的是node.js,在此学习下他的连接mysql与增删改查。安卓mysql包:npm install mysql程序运行截图如下:D:\node\content\node.exe MySqlDemoinsert successinsert success[ RowDataPacket { id: 1, name: '小明' }, RowDataPacket { id: 2, name: '小钢' }]update success[ Ro原创 2021-07-13 12:39:20 · 601 阅读 · 0 评论 -
Web前端笔记-let n = 6 - data.length >>> 0 含义
先来看C++里面关于位移的操作:#include <QCoreApplication>#include <QDebug>int main(int argc, char *argv[]){ QCoreApplication a(argc, argv); qDebug() << "1000 >> 0: " << (1000 >> 0); qDebug() << "-1000 >>原创 2021-07-13 12:37:46 · 552 阅读 · 0 评论 -
Web前端笔记-two.js加载图片
目前关于two.js的资料,国内的不是很多,项目中要加载图片,官方文档上没有关于加载图片的相关资料,但在github生态圈找到了,在此记录下。如下图片:图片路径:在JS文件中导入图片:import img from '@/assets/image/pic1.png'代码如下:let pic = two.makeTexture(img);let shape = two.makeRectangle(3000, 3000, 100, 100);shape.fill = pi原创 2020-07-21 08:44:20 · 922 阅读 · 1 评论 -
Web前端笔记-js中加载图片文件(vue cli中同样适用)
这里主要是在vuecli项目中加载图片的时候会出现304,特别是使用自己写的js加载图片的时候,此博文记录了解决办法。在js文件中引用文件import img from '@/assets/image/pic1.png'然后在参数上填写img即可,如下:...原创 2020-07-21 08:37:12 · 1169 阅读 · 0 评论 -
Web前端笔记-字符串自适应tip提示框(适应大小&自动换行&JS中静态工具类实现)思路
程序运行截图如下:下面提几个知识点。第一个是JS中实现静态类,如下utils.jsexport let HHUtils = {}HHUtils .StaticClass = (function(){ let Return = { xxxxxxx: function(xxxx){ let ret= 0; return ret; }, yyyyyyy: function(xxxx, yyyy){ let ret;原创 2020-07-17 08:30:54 · 1302 阅读 · 0 评论