自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue3: 3.如何利用 effectScope 自己实现一个青铜版pinia 一 actions篇

从0-1手写新一代vue状态管理工具pinia的青铜版实现

2022-08-21 16:33:43 339 1

原创 vue3: 2.如何利用 effectScope 自己实现一个青铜版pinia 一 getters篇

从0-1手写新一代vue状态管理工具pinia的青铜版实现

2022-08-21 15:53:49 365

原创 vue3: 1.如何利用 effectScope 自己实现一个青铜版pinia 一 state篇

从0-1手写新一代vue状态管理工具pinia的青铜版实现

2022-08-21 15:05:02 459

原创 vite2 + vue3 + express 实现ssr项目

vue3 + express + typescript + pinia + vue-router4 + vite2实现node端ssr项目搭建

2022-03-28 17:32:34 750 1

原创 rn 的 Image组件 在ios 选染图片模糊问题处理

rn 的 Image组件 在ios 选染图片模糊问题处理

2021-11-04 11:33:24 867 2

原创 使用js剪切板遇到的问题

使用js剪切板遇到的问题

2021-09-27 16:50:55 211

原创 手写青铜版Promise,可以和Promise async await混用

手写青铜版Promise,可以和Promse async await混用

2021-08-06 21:26:38 176

原创 The Huawei Lite Simulator supports only Lite projects

The Huawei Lite Simulator supports only Lite projects华为精简版模拟器仅支持精简版项目

2021-07-09 15:48:30 104

原创 npm 镜像源切换

npm 镜像源切换

2021-06-25 00:09:24 87

原创 c3动画效果执行完毕的回调监听

c3动画效果执行完毕的回调监听

2021-06-22 15:54:57 116

原创 js复制内容到剪切板

复制内容到剪切板

2021-06-21 11:45:43 54

原创 安全读取对象数据方法,对于对象中未知数据的获取可避免报错

安全读取对象数据方法,对于对象中未知数据的获取可避免报错

2021-04-23 15:38:16 185

原创 dotenv 插件node端配置 .env文件配置全局变量

dotenv 插件node端配置 .env文件配置全局变量,做个笔记

2021-04-20 16:27:53 454

原创 判断js运行环境是node还是浏览器

判断js运行环境是node还是浏览器

2021-04-15 16:05:41 1144

原创 清除npm本地缓存

npm cache clean --force

2021-03-29 10:34:24 4401

原创 typescript: 无法使用 JSX,除非提供了 “--jsx“ 标志

无法使用 JSX,除非提供了 “–jsx” 标志出现这个警告的原因是你的typescript的本地版本和你当前项目的版本不一致,请将本地的ts版本更新至项目需要的版本npm install -g typescriptvscode 的setting.json文件添加:"typescript.tsdk": "node_modules\\typescript\\lib"...

2021-01-10 20:17:16 13902 1

原创 window.history.scrollRestoration利用浏览器特性回到上一个页面滚动位置

回到上一个页面滚动位置

2020-12-15 17:52:39 2067

原创 js排序篇之希尔排序

希尔排序

2020-11-28 15:28:17 170

原创 js排序篇之选择排序

选择排序

2020-11-28 14:50:05 130

原创 js排序篇之冒泡排序

冒泡排序

2020-11-28 14:37:54 88

原创 js排序篇之快速排序

快速排序

2020-11-28 11:51:25 53

原创 前端跨域请求解决方案

一般解决跨域请求有三种方法:1、前后端配合 使用 jsonp2、纯后端解决3、服务器代理先来看看 jsonp 解决方案:jsonp解决方案原理非常简单,利用不受同源策略的标签的特性,实现跨域请求,有哪些不受同源策略影响的标签呢?img link script...

2020-11-28 11:36:53 427

原创 谷歌浏览器的滚动条样式设置

自定义网页的滚动条样式,做个笔记以防以后用到// 自定义滚动条样式// 这是针对缺省样式 (必须的)::-webkit-scrollbar { width: 5px; height: 5px;}// 滚动条的滑轨背景颜色::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.2);}// 滑块颜色::-webkit-scrollbar-thumb { background-color: rgba(0,

2020-11-28 11:12:42 839

原创 js中new操作符的作用及原理

js的 new 的原理及其作用

2020-08-23 08:22:53 831

原创 搭建react-native环境的那些坑:安装应用程序失败。确保已设置Android开发环境:

error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Run CLI with --verbose flagError: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

2020-08-11 17:45:14 1066

原创 react 16.8新增 hook 浅谈

hook 是16.8新增的特性,他能让你在不使用class 组件的情况下也能用class组件的特性下面就来简单讲讲几个常用的api吧API:首先我们通过React 引入对应的API import React, { useState } from 'react'useState()相当于创建一个state ,创建规则 const [ a, setA ] = useState(); //创建一个state对象第一个 a 表示存储数据的参数,第二个setA 表示当要改

2020-06-26 15:22:59 408

原创 es6 新增的箭头函数的this指向问题

es6 新增的箭头函数本身是没有this指向的,它会向其上下文找this,并且当箭头函数确定了this指向之后,就不会被改变.我们定义一个箭头函数,并执行: let obj = { foo: () => { console.log(this) } } //因为没有this指向所...

2020-03-17 14:06:45 215

原创 教你用的原生js开发一款较完美贪吃蛇游戏

教你用原生js做一个较完美的贪吃蛇

2020-03-16 23:29:07 340 1

原创 Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not

Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not

2020-03-10 08:43:54 13818

原创 属性选择器

属性选择器 7种 属性选择器跟HTML的属性有关系属性选择器的权重是10 属性选择器在用的时候,首先结构html必须有属性才可以用属性选择器 1、[属性]{} 只要有这个属性的都变 2、[属性="属性值"]{} 只要有这个属性且有这个属性值的都变 3、[属性^="属性值"]{} 只要有这个属性且以这个属性值开头的都变 ...

2020-03-10 08:25:45 240

原创 伪类选择器

伪类选择器 : 权重都是10伪类选择器又可以分为:动态伪类 5个UI状态伪类 3个结构伪类 12个目标伪类 1个否定伪类 1个语言伪类 1个属性选择器 7个UI状态伪类 3种 更适合表单相关去使用1、 :disabled{} 禁用的时候2、 :checked{} 选中的时候3、 :enabled{} 可用状态下的时候结构伪类选择器 12种 IE8...

2020-03-02 14:14:18 153 1

原创 伪对象(伪元素)选择器

伪对象(伪元素)选择器,一共5个,权重是11) :after或者::after与content属性一起使用,定义在对象后的内容 div:after{content:”文字”} div:after{content:url();} 2):before或者::before与content属性一起使用,定义在对象前的...

2020-03-02 13:31:10 910

原创 javascript 的基本数据类型

数据基本类型数据类型可以分为两大类:基本类型、引用类型1、基本类型: string: 数据外面有 ’ ’ 或者 ” ” 把类型归类为字符串,字符串可以表达任意数据number: 数字(包括损坏数字NaN)boolean: true真 ,false 假undefined: (未定义)null: (空)2、引用类型 对象:{} 数组:[] 函数: function(...

2020-03-01 11:55:46 151

原创 position(定位)详谈

在html页面布局中定位是非常重要的,这里呢我们只讲到css基本的绝对定位(absolute)、相对定位(relative)和固定定位(fixed)。css3涉及的粘性定位(sticky)我们就不做深究。1、相关属性值A、position:static;默认值B、position:absolute;绝对定位C、position:relative;相对对定位D、position:fixed...

2020-02-26 11:36:45 1081

原创 简单聊一聊标准和模型和怪异盒模型的高度计算

什么是盒模型CSS的盒模型是CSS技术所使用的一种思维模式,CSS里面可以形象的把所有的HTML标签当成一个矩形的盒子,类似现实生活中各种盒子。盒模型又分为标准盒模型和怪异盒模型标准盒模型在标准盒子模型下,计算一个容器的总高度 内容区 content + 填充补白(里面的) padding + 边框 border + 外边距 (margin) 如果是计算的...

2020-02-25 14:20:00 1007

原创 IE低版本常见的兼容问题解决

当每次谈到解决低版本IE兼容问题时,不知道大家有没有一种头皮发麻的感觉,哈哈反正我是有,下面我们就简单谈一谈低版本IE常见的兼容问题在我们解决浏览器的兼容问题时,我们需要了解为什么会出现浏览器的兼容问题:1各大厂商出于自身利益考虑而设置的种种技术壁垒,都让CSS应用起来比想象得要麻烦2由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)...

2020-02-24 10:35:38 1615

原创 css浮动(float)详解

浮动详解一、什么是浮动?浮动,顾名思义,就是漂浮的意思。指的是一个元素脱离文档流,悬浮在父元素之上的现象。二、如何产生浮动?给元素本身添加float属性float:值作用left元素向左浮动right元素向右浮动none默认值。元素不浮动,并会显示在其在文本中出现的位置inherit规定应该从父元素继承 float 属性的值三、浮动有...

2020-02-23 17:53:08 2434

原生js贪吃蛇小游戏.html

我们做贪吃蛇游戏的时候先讲下基本思路: **1、贪吃蛇的运动坐标需要存入一个数组,这个数组不仅是蛇 还是判断蛇蛋生成地点是否合理、设是否吃到蛇蛋和游戏结束的 2、蛇的运动需要定时器来不间断的执行 3、蛇头方向的控制 4、蛇蛋要随机生成在游戏框内,并且不能和蛇身重叠** **5、利用数组地址判断蛇是否吃到蛇蛋,并添加蛇身长度,同 生成新蛇蛋** ##接下来直接上代码,可能有点多,但是 面游戏机制都详细讲解,希望各位看官能而

2020-03-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除