- 博客(99)
- 资源 (7)
- 收藏
- 关注
RSS订阅转载 js类型判断
类型判断export function isObject(obj: any): obj is { [key: string]: any } { return getType(obj) ==
2023-04-06 09:55:56
232
转载 TypeScript的实用方法！
很多人在平时的开发中使用到了TypeScript，但是可能只是单纯使用了一些基本的类型但很多人不知道其实TypeScript自带了很多非常方便的方法接下来我就结合例子，给大家介绍一下这些很方便的方法
2022-12-30 09:46:24
428
转载 20 个 JS 工具函数助力高效开发
日常开发中，面对各种不同的需求，我们经常会用到以前开发过的一些工具函数，把这些工具函数收集起来，将大大提高我们的开发效率。
2022-09-16 16:48:58
308
转载 这几个高级前端常用的API
直奔主题 MutationObserver IntersectionObserver getComputedStyle() getBoundingClientRect requestAnimationFrame MutationObserverMutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。APIMutationObserver 是一个构造器
2022-03-29 15:36:51
318
转载 关于HTML页面头部的信息 你了解多少
前段时间笔者看到有个老外在招聘的时候喜欢问一个问题：请解释 Twitter 的前十行源码：其实这十来行源码如果真的要我来解释作用的话，那真的是要麻了。其中确实有好几个不清楚的的地方，所以笔者去具体查了这些代码的作用，今天分享一下。<!DOCTYPE html>这个应该是笔者刚学前端的时候学的知识了，这里就直接引用 MDN 的内容了：在 HTML 中，文档类型 doctype 的声明是必要的。在所有文档的头部，你都将会看到"" 的身影。这个声明的目的是防止浏览器在渲染文档时，
2022-03-24 17:32:21
778
原创 css 常用
渐变Div(15条消息) CSS背景属性之颜色渐变_LuoYi_ly_的博客-CSDN博客_css背景渐变色background:repeating-linear-gradient(to right,var(--dark-font-p1-color),var(--dark-font-p2-color));背景图片background-image: url('https://file.dongfeng-honda.com/changan/carBookNow_banner.png');b.
2022-03-02 18:02:47
176
原创 ts 属性名不确定的情况如何下定义类型
/* 属性名不确定的对象 */export type Params = { [key: string]: string;};// 等同于// export type Params = Record<string, string>;const params : Params = {};params.age = '/home'; //OKparams.settings = '/settings'; //OKparams.name='/somePath';//OK...
2022-02-16 17:26:35
8534
1
转载 22个实用的前端工具
一、CSS布局生成器Layout：https://layout.bradwoods.io/customize它是一个全功能的 CSS 和 JSX 生成器，用于使用 CSS Grid 布局语法生成不同种类的布局，任意修改 Grid 的属性，并且实时展示画面，生成对应代码。当然还有 Flex布局（不过现在还不是很完善）二、RijuRiju：https://riju.codes/Riju是一个继承了224种语言的在线代码运行平台，十分简洁，无广告，非常推荐三、Whirl.
2022-02-10 16:33:40
6031
转载 用好这 20 个 CSS 技巧快速提升你的技能
目录 flexbox 内容换行 间距 长文本内容 防止图像被拉伸或压缩 锁定滚动链接 CSS 变量回退 使用固定宽度或高度 被忽略的 background-repeat 垂直方向的媒体查询 使用 justify-content: space-between 图片上的文字 使用 CSS 网格中的固定值需注意 仅在需要时显示滚动条 滚动条装订线 CSS flexbox
2022-01-20 10:45:22
216
转载 Flex 布局语法教程
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局将成为未来布局的首选方案。本文介绍Flex布局的语法。以下内容主要参考了下面两篇文章：A...
2021-12-24 10:45:32
116
转载 手写一个 debounce 防抖函数
手写一个 debounce防抖函数debounce指的是某个函数在某段时间内，无论触发了多少次回调，都只执行最后一次实现原理就是利用定时器，函数第一次执行时设定一个定时器，之后调用时发现已经设定过定时器就清空之前的定时器，并重新设定一个新的定时器，如果存在没有被清空的定时器，当定时器计时结束后触发函数执行。//fn是需要防抖处理的函数//wait是时间间隔functiondebounce(fn,wait=50){//通过闭包缓存一个定时器id...
2021-12-09 17:52:43
708
转载 深入理解js闭包的9大使用场景
1.返回值（最常用）//1.返回值最常用的functionfn(){varname="hello";returnfunction(){returnname;}}varfnc=fn();console.log(fnc())//hello这个很好理解就是以闭包的形式将 name 返回。2.函数赋值varfn2;functionfn(){varname="hello";//将函数赋值给fn2...
2021-12-09 17:51:05
245
原创 nginx 之 proxy_pass 的理解
如果用 http://172.168.10.10/proxy/index.html访问1：location /proxy/ { proxy_pass http://127.0.0.1/; }表示代理到URL：http://127.0.0.1/index.html2：location /proxy/ { proxy_passhttp://127.0.0.1/aaa/; }表示代理到URL：http://127.0.0.1/aaa/te...
2021-11-30 17:32:14
1289
转载 package.json 最全详解
今天来看看前端的大管家 package.json 文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建议先收藏在学习！在每个前端项目中，都有 package.json 文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。package.json 文件是一个 JSON 对象，该对象的每一个成员就是当前项目的一项设置。package.json 作为前端的大管家，到底有哪些配置和我们的日常开发密切相关？下面就来仔细剖析一下这个文件。当我们搭..
2021-11-18 15:27:25
49000
转载 最全详解 package.json
今天来看看前端的大管家 package.json 文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建议先收藏在学习！在每个前端项目中，都有 package.json 文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。package.json 文件是一个 JSON 对象，该对象的每一个成员就是当前项目的一项设置。package.json 作为前端的大管家，到底有哪些配置和我们的日常开发密切相关？下面就来仔细剖析一下这个文件。当我们搭建一
2021-11-18 15:23:24
1245
转载 20+个JavaScript单行代码，常用
JavaScript不断发展壮大。因为它是最容易上手的语言之一，因此为市场上的新成为技术怪才打开了大门。（问号脸？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论你是JavaScript的新手还是更多的专业开发人员，学习新知识总是一件好事。本文整理了一些非常有用的单行代码（20+），这些单行代码可以帮助你提高工作效率并可以帮助调试代码。什么是单行代码？单行代码是一种代码实践，其中我们仅用一行代码执行某些功能。01-随机获取布尔值此函数将使
2021-11-15 18:07:41
165
转载 前端----常用正则表达式
前言大家好，在日常开发中，正则表达式是非常有用的，正则表达式在每个语言中都是可以使用的，他就跟JSON一样，是通用的。在日常开发中，了解一些常用的正则表达式，能大大提高你的工作效率，例如 字符串的匹配 表单项的格式校验 今天就给大家分享25个开发中常用的正则表达式吧！！！希望大家能提高代码效率！！！image.png1、手机号码的校验constphoneReg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/constphoneStr1=...
2021-11-15 16:34:46
425
原创 nginx 语法记录
1.举例说明：location /im/ { root /s/html/; try_files $uri $uri/ /im/default.gif; }比如 请求 127.0.0.1/im/test.gif 会依次查找 1.文件/s/html/im/test.gif 2.文件夹 /s/html/im/test.gif/下的index文件 3. 请求127.0.0.1/im/default.gif4.其他注意事项1.try-files 如果不写上 $uri/，当直
2021-11-11 11:35:58
1666
原创 cocos repeatForever 停滞动画 填坑之路1
let nd = cc.tween(this.node); nd.repeatForever(nd.sequence( nd.to(0.2, { y: 50 }), nd.to(0.15, { y: 0 }), nd.to(0.1, { y: 30 }), nd.to(0.1, { y: 0 }), nd.to(5, {}..
2021-10-26 10:32:37
567
转载 cocos creator 屏蔽多点Touch
场景 ：当页面中有两个可以点击的事件时 同时点击 页面或出现错乱 。重写点击事件cc.Node.maxTouchNum = 1;cc.Node.touchNum = 0;var __dispatchEvent__ = cc.Node.prototype.dispatchEvent;cc.Node.prototype.dispatchEvent = function (event) { switch (event.type) { case 'touchstart': .
2021-10-25 15:28:47
837
转载 JavaScript 奇怪又实用的姿势又增加了六个
一、解构小技巧平常我们需要用到一个嵌套多层的对象中某些属性，会将其解构出来使用letobj={part1:{name:'零一',age:23}}//解构const{part1:{name,age}}=obj//使用console.log(name,age)//零一23这种情况下，你把name和age从part1里解构出来了以后，你就无法使用变量obj中的part1属性了，如：/...
2021-10-09 12:32:27
91
原创 ES6 Proxy的简单理解
Proxy 代理的应用很广泛 ，这一篇我着重讲解他的基础篇Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。...
2021-09-29 15:25:35
183
原创 cocos Creator 3.2 关于 NodePool 对象池的应用- （弹出框）
1：NodePool 作用NodePool是用于管理节点对象的对象缓存池。它可以帮助您提高游戏性能，适用于优化对象的反复创建和销毁以前cocos2d-x中的pool和新的节点事件注册系统不兼容，因此请使用`NodePool`来代替。新的NodePool需要实例化之后才能使用，每种不同的节点对象池需要一个不同的对象池实例，这里的种类对应于游戏中的节点设计，一个prefab相当于一个种类的节点。在创建缓冲池时，可以传入一个包含unuse,reuse函数的组件类型用于...
2021-09-29 15:07:30
1430
原创 cocos creator 2.4.6 加载json文件 初始化游戏 - 初学者
1： 在assets 目录下创建resources文件夹 把json 文件放在resources根目录下2：获取json 文件 addCdnJson(back) { let _this = this; cc.loader.loadRes('csv5.json', function (err, res) { if (err) { console.log("error while read " + th...
2021-09-23 14:05:22
2298
转载 「React 进阶」 学好这些 React 设计模式，能让你的 React 项目飞起来
一 前言今天我们来悉数一下 React 中一些不错的设计模式，这些设计模式能够解决一些功能复杂，逻辑复用的问题，还能锻炼开发者的设计和编程能力，以为多年开发经验来看，学好这些设计模式，那就是一个字香！基本上每一个设计模式，笔者都会绞尽脑汁的想出两个 demo，希望屏幕前的你能给笔者赏个赞，以此鼓励我继续创作前端硬文。老规矩，我们带着疑问开始今天的阅读： 1 React 的常见设计模式有哪些？ 2 组合模式功能强大，都用于哪些场景。 3 render props 使用..
2021-09-22 09:59:57
1099
原创 JavaScript中创建和填充任意长度的数组
Array 构造函数letChoseLevel=newArray(3).fill(0);输出 [0,0,0]Array.from({length: 3})[ undefined, undefined, undefined ]
2021-09-16 15:09:51
362
转载 webpack-bundle.js原理
bundle.js源码//a.jsimport { log } from './b.js'log('hello')//b.jsexport const log = function (m) { console.log(m)}export const error = function (m) { console.error(m)}自执行函数//其中 module0 和 module1 是我们的 a 和 b两个模块，不过也被一个函数包起来了。这段代码会把我们的
2021-09-08 17:22:46
151
原创 Cocos Creatorv3.2 引入第三方库
npm install axios 之后就报错 官网建议不要用npm 方式正确引入方式1 把dist 文件copy 进lib 文件夹2 引入
2021-09-08 17:19:03
2266
原创 Cocos Creator 节点和组件的简单理解01
1： 要清晰的知道节点和组件的区别 节点：就是在层级管理器中创建的节点 类型 为Node 节点可以理解为一个Dom 或者一个HTML脚本 组件：绑定在节点的组件 可以理解为 HTML引入的JS脚本，2：理解 this.getComponent(Label)和this.node.getComponent(Label) ) 父:当我在N_0 的之节点上绑定组件ts_0.ts时：如图所示ts_0.ts 代码如下：import { _decorator, Comp...
2021-09-08 13:09:33
1376
原创 Cocos Creator V3.2 物理篇-分组和掩码-初学者4篇
首先 了解js运算符 如下图点击查看：分组和掩码 · Cocos Creator
2021-09-07 11:36:45
589
原创 Cocos Creator V3.2 刚体和碰撞组件碰撞回调事件-初学者3篇
1 首先要了解两个概念 ： 触发事件（不产生物理碰撞效果），碰撞事件（有碰撞效果） A:触发事件 触发事件：触发事件由触发器生成（引入问题：什么是触发器？） 触发器：触发器是Is Trigger属性为true的碰撞组件。当发生碰撞时，触发器不会产生 碰撞效果，所以触发器只用于碰撞检测。 如图所示：触发事件触发事件目前包括以下三种：事件 说明 ...
2021-09-07 10:50:38
2026
转载 开箱即用的大文件分片上传库
一、写在前面相信各位小伙伴在实际做业务的时候都遇到过「大文件上传」的场景。在这种场景下，我们不能直接将大文件直接丢给服务器进行处理，这会对服务器的性能产生巨大的影响，并且上传速度也过于缓慢。因此我们会采用「大文件分片上传」的技术方案，尽可能快地上传文件，并对服务器的性能产生尽可能小的影响。刚好最近趁着业余时间，详细了解了下「大文件分片上传」的技术细节，发现已有的一些分片上传库的使用体验都不太好，因此在这里从零开始手写一个大文件分片上传库，一是加深理解，二是方便大家后续直接使用。二、大文件分片上传
2021-09-06 21:40:29
375
原创 Cocos Creator V3.2 刚体和碰撞组件-初学者2篇
问题 如何让两个刚体产生碰撞效果？必要条件 1： 添加刚体组件 2： 添加碰撞组件添加碰撞组件点击属性检查器下方的添加组件 -> 物理组件 -> Collider -> Box 3D按钮，即可添加盒碰撞组件到节点上。...
2021-09-06 16:06:31
802
原创 Cocos Creator v3.2 物理运动 刚体的简单应用-初学者1篇
1 什么是刚体 可以让一个节点受到物理影响并产生反应。比如我们向空中抛一个沙包 ，这个沙包会受到重力和推力的作用形成一个抛物线，那我们如何让一个Dom节点也有这样的效果呢？ 那么刚体就是用来做这个事情的，这个沙包就是一个刚体，2 如何创建一个刚体创建一个节点node，在没给她任何组件的时候node节点就是一个普通的节点。当我们为该节点设置成刚体的时候该节点具有物理运动的条件,点击属性检查器下方的添加组件 -> Physics -> RigidBody，...
2021-09-06 14:43:06
1882
原创 Cocos Creator 常用方法笔记 V3.2版本 + ts 初学者总结篇
1 获取当前节点先的动画组件this.node.getComponent(Animation)?.play('king');
2021-09-02 14:35:47
909
转载 【THE LAST TIME】彻底吃透 JavaScript 执行机制
欢迎大家多多评论指点吐槽。系列文章均首发于公众号【全栈前端精选】，笔者文章集合详见Nealyang/personalBlog。目录皆为暂定执行 & 运行首先我们需要声明下，JavaScript的执行和运行是两个不同概念的，执行，一般依赖于环境，比如node、浏览器、Ringo等，JavaScript 在不同环境下的执行机制可能并不相同。而今天我们要讨论的Event Loop就是JavaScript的一种执行方式。所以下文我们还会梳理node的执行方式。而运行...
2021-08-17 13:28:13
162
转载 又一款 Nginx 管理可视化神器
方案目前已实现前两条:配置管理，和性能监控。日志分析监控这块还需要另找方案实现！目前方案直接套用github大神开发的nginx-guigithub地址：https://github.com/onlyGuo/nginx-gui这个东西真的要吹一波，太好用了而且源码公开，解决了我这种java出身的linux菜鸟的一大难题！界面截图：折腾下载和配置首先到作者github说明页面，下载对应系统版本的安装包，需要注意的是linux版本有一段描述不可忽视。配
2021-08-17 13:13:11
197
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人