木木CuQ-CSDN博客

原创 Cocos Cerator调整节点顺序后获取节点位置信息

阅读前，建议学习下皮佬的文章 — Cocos Creator 源码解读：siblingIndex 与 zIndex 解决通过setSiblingIndex改变节点在父节点中的顺序，即node.parent.chindren[index]，想拿到某个节点排序后的坐标，监听事件就行了。注意：按你需求on+ off监听或once监听 // 当节点在兄弟节点中的顺序发生变化时触发的事件。 cc.Node.EventType.SIBLING_ORDER_CHANGED node.on(c

2022-05-21 10:14:27 2312 1

原创 VSCode快捷键

VSCode快捷键 ctrl + space 代码提示（和window系统快捷键冲突，文件->首选项->键盘快捷方式进行更改为如: alt + /） ctrl + shift + space 函数参数提示 ctrl + F2 快速选择全部当前选中

2022-04-12 17:45:12 874

原创 Cocos Creator 拖拽脚本

参考链接 const { ccclass, property } = cc._decorator; @ccclass export default class Drag extends cc.Component { _isTouched: boolean = false; _parentNode: cc.Node = null; // onLoad () { // } start() { this.node.on("touchstart", this.onTouchStar

2021-11-03 09:24:10 962

原创前端项目中用到的css整理

垂直水平居中 position: absolute; top: 50%; left: 50%; margin: 0 !important; transform: translate(-50%, -50%); 自定义按钮 // 自定义图标交互效果 .iconBox { cursor: pointer; opacity: 1; &:hover { opacity: 0.8; } &:active { opacity: 1; } &:fo

2021-10-02 20:15:14 567

转载 360浏览器sessionStorage丢失

360浏览器用window.open的话，session会丢失要用window.location.href才能保存session到新窗口

2021-04-26 20:23:24 771

转载为什么要在http请求后加上时间戳

发现公司里axios的封装的方法，Get请求类型带?t=,我以为是公司传统，也没注意。之后又看到一个项目请求项目内的js文件，用<script>标签请求的，也带时间戳，就专门搜了下，发现跟浏览器缓存有关系。 export const GET = (url, params) => { return axios.get(`${base}${url}` + '?t=' + new Date().getTime(), { params: params }).then(res =.

2021-02-01 10:34:42 6742

原创 swiper在vue项目中实现两小一大

如果你已经写的差不多了（项目中已经用上了），就是两小一大布局怼不出来，建议点击跳到这最终效果 Vue中使用Swiper api文档安装（以前用过4，就拿4过来用了 Swiper各版本比较） npm i swiper@4.5.1 在main.js 中，引入 import Swiper from 'swiper'; import 'swiper/dist/css/swiper.css'; window.Swiper = Swiper; 页面组件中使用 … 两大一小实现封装成组件了轮播图组件

2021-01-20 10:22:43 1131

原创合肥千峰前端培训---React写后台管理注意点（使用AntDesign）

react常用的ui组件库 pc antdesign 移动 antdesignMobile 蚂蚁金服快速上手 cnpm i antd redux redux-thunk react-redux react-router-dom -S cnpm i customize-cra less less-loader node-sass -D 使用入口函数中引入css样式文件,组件文件导入组件使用 index.js import "antd/dist/antd.css" import { Butto

2020-07-09 00:08:27 2019 1

原创合肥千峰前端培训---React知识点梳理

state 组件的局部状态 setState设置state this.setState({a:1},()=>{console.log('异步更改state完成了')}) this.setState((props,state)=>{a:1},()=>{console.log('异步更改state完成了')}) 生命周期挂载 constructor()初始化构造函数 static getDerivedStateFromProps() 定义state(基于外部的props),接受参数prop

2020-07-09 00:04:39 959 3

原创合肥千峰前端培训---node知识点梳理

特点事件驱动非阻塞的IO （input output）异步（高并发） npm node包管理器 npm init 初始化生成package.json(项目配置文件) npm install 包名[@版本号] 安装包 -g 全局安装 --save 或-S安装到生产环境的依赖（记录在package.json里"dependencies"） --save-dev 或 -D 安装到开发环境的依赖(记录在package.json里"devDependencies") npm install 简写 npm

2020-07-08 23:54:47 544

原创合肥千峰前端培训---使用layui写传统mvc模式后台管理

layui下载官网下载，解压到项目文件夹下的public目录下 layui使用资源引入注意，通常入口文件中会配置静态资源根目录为/public 当服务器开启时，通过地址+/（localhost:8080/）就是到public目录下所以引入资源就像这样 layui里面有两个js文件，layui.js小一点，使用到一些功能时，可以另外引入（使用layui.use()）使用mongodb的一个小坑 var schema = new mongoose.Schema({ name: 'string',

2020-06-23 09:45:31 1731

原创合肥千峰前端培训---vue-cli移动端实战项目所遇问题

更改默认下载方式找到C:\Users\Administrator/.vuerc文件 Yarn/npm node.sass下载失败 npm install -g mirror-config-china 先执行这个命令然后再安装 npm i node-sass -D 字体图标使用开发环境 iconfont 加购物车，添加到项目，生成在线css public/index.html 导入在线css<link rel="stylesheet" href="//at.alicdn.com/t/fo

2020-06-14 11:37:42 386

原创合肥千峰前端培训---javascript闭包详解

什么叫闭包闭包是函数的一种高级应用方式那要怎么运用它呢要想形成闭包要有三个特点函数A内部直接或者间接返回一个函数B 函数B内部使用函数A的私有变量函数A外面有变量接收函数B 这个时候就形成了闭包，函数A的执行空间就叫做闭包空间，函数B就叫做函数A的闭包函数（刚刚说到的“直接或间接返回函数”、“执行空间”可能不好理解，我们下面来说）什么是执行空间函数在调用的时候，在内存...

2020-06-14 11:16:24 256

原创合肥千峰前端培训---npm和nrm的使用

npm和nrm的使用 npm node package manager(node包管理工具) npm安装：在安装node时默认安装了npm,可以通过npm -v查看版本号作用： (1).管理项目中的模块依赖(主要是第三方模块) 初始化项目命令:npm init或npm init -y,通过此命令会在项目根目录下生成package.json文件。package.json文件是用来描述项...

2020-06-14 11:14:58 416

原创合肥千峰前端培训---js正则使用

正则定义正则表达式字面量创建var reg = /abc/; 构造函数创建var reg = new RegExp('abc'); 正则里面的符号元字符 1）.匹配所有；只要不是空，都返回true 2）\转义字符；把有意义的符号转成没意义的如（/\\/=>\,/\-/=>-），把没意义的字符转成有意义的字符（如n=>/\n/换行符=>u=>/\u/unicode编码） 3）\s匹配空白字符(空格、制表符) 4）\S匹配非空白字符 5）\w匹配数字字母下划线

2020-06-14 11:14:30 254

原创合肥千峰前端培训---js知识点梳理（略）

大前端二阶段知识回顾一、前端JS 1.ES(ECMAScript) 1）语法：变量数据类型：基本数据类型：number,string,boolean,undefined,null 复杂数据类型：object +NaN：not a number数据类型的一类值，表示非数字 number数据方法：num.toFixed(n) 保留小数点后n位数；num.toString()进制转换...

2020-06-14 11:14:11 364

qq_43811107的博客