- 博客(25)
- 收藏
- 关注
RSS订阅
原创 React基础_定制版（一）
React基础(一)Js基础我在React开发中，遇到的主要Bug也是因为不熟悉Js导致的，像Html、Css很重要，但是一般开发中不会因为这个产生太多的问题：Js对象！！！ ：对于Js来说，万物皆对象，还不用像Java那样声明，只要const声明一下，是不是很方便？Js中声明对象的最重要表示就是{}，例如:const dog = { age: 12, name: '小H'` }这里的dog是一个对象，age和name是两个属性，属性名是12和小H,值得注意的是，假如这里的name
2020-08-02 08:40:35
97
原创 前端常用设计模式
什么是设计模式假设有一个空房间，我们要日复一日地往里 面放一些东西。最简单的办法当然是把这些东西 直接扔进去，但是时间久了，就会发现很难从这 个房子里找到自己想要的东西，要调整某几样东 西的位置也不容易。所以在房间里做一些柜子也 许是个更好的选择，虽然柜子会增加我们的成 本，但它可以在维护阶段为我们带来好处。使用 这些柜子存放东西的规则，或许就是一种模式。单例模式保证一个类仅有一个实例，并提供一个访问它的全局访问点function SetManager(name) { this.manager
2022-02-24 16:04:25
99
原创 Typescript基础（一）
Typescript基础（一）我们为啥不继续使用js，学ts是无意义的内卷吗？安装 TypeScript编译一个 TypeScript 文件通过一个函数理解ts的基本使用原始数据类型在ts中的show time布尔值字符串空值Null 和 Undefined任意值类型推论什么是类型推论联合类型访问联合类型的属性或方法对象的类型——接口什么是接口只读属性我们为啥不继续使用js，学ts是无意义的内卷吗？借用某个大佬的话来回答这个问题：需求变了、接口改了、数据类型变了的时候,你只要修改你定义好的type,要改
2022-01-18 18:17:42
1199
1
原创 程序员进大厂的秘籍
曾经读过一则有趣的寓言故事：一只小老鼠在拼命奔跑乌鸦见了，说：“小老鼠，你干嘛跑的那么急？歇歇脚吧”。小老鼠回答：“我不能歇；我要急着看看这条路的尽头是啥模样？”乌龟见了，问道：“你干嘛跑这麽急？来晒晒太阳吧”。老鼠回答：“不行。我要急着跑到这条路的尽头，看看究竟是啥模样？”一路上，小老鼠拼命奔跑，从来不敢停歇，直到有一天它终于跑到了尽头，碰到了一棵大树桩，停了下来。“原来路的尽头就是一棵树桩啊！真没劲！”小老鼠叹息道。“早知这样，好好欣赏欣赏沿途的风景，该是多美好啊……”小老鼠后悔了
2021-12-04 14:02:14
113
转载 CSS像素、设备独立像素、设备像素之间关系
CSS像素、设备独立像素、设备像素之间关系CSS像素、设备独立像素、设备像素，三者联系紧密又有很大的区别，而我们主要是在做移动端开发的时候需要更多地用到这些概念，那他们分别是指什么呢？概念CSS像素（CSS Pixel）：适用于web编程，指的是我们在样式代码中使用到的逻辑像素，是一个抽象概念，实际并不存在设备独立像素（Device Independent Pixel）：与设备无关的逻辑像素，代表可以通过程序控制使用的虚拟像素，是一个总体概念，包括了CSS像素设备像素（Device Pixel）：
2021-11-11 11:48:42
856
1
原创 react开发中遇到的一个百度都搜不到的bug
报错信息如下，node_modules\watchpack\lib\chokidar.js: 'return' outside of function (4:1)在出这个错误的时候，你的代码中可能被自动添加了这个玩意，import { CleanPlugin } from "webpack";将它删除即可
2021-04-12 19:34:57
643
5
原创 css干货第1篇（含项目经验）
1.img是单标签，所以写 <img src={logo} alt="logo"> </img>会报错，改成 <img src={logo} alt='logo'/>2.margin里面不能加逗号，假如是margin: 50px auto;表示上下间距50px,左右是自动3.为什么你写的height:100%不起作用？主要是父级元素有height，你的100%才能有作用，你的百分之多少是基于父亲的，比如你的父亲只有100块钱，你的80%就是80块钱，你的父
2021-02-16 20:31:32
91
原创 分享一首诗，不敲代码的时候，也要将生活过的有诗意
失去的氛围从前的生活那种天长地久的氛围当时的人是不知觉的从前的家庭不论贫富尊卑都显得天长长，地久久生命与速度应有个比例我们的世界越来越不自然人类在灭绝地球上的诗意失去了许多人失去了许多物失去了一个又一个的氛围...
2021-02-04 09:54:02
65
原创 简单了解background-origin
background-origin相对于内容框来定位背景图像这句话很笼统，举个例子，下面的代码，background-position是 10px 10px，意思是距离左边10px，上边10px，那应该是距离这个容器的border，还是padding，还是content10px呢，所以background-origin有三个值padding-box 背景图像相对于内边距框来定位。border-box 背景图像相对于边框盒来定位。content-box 背景图像相对于内容框来定位。这里还有一个
2021-01-05 11:07:51
2213
原创 怎么让英文单词的首字母大写？
function test(str){ const a = str.split(" ").map(item=>item[0].toUpperCase()+item.substring(1)).join(" ") return a }document.write(test("a23 b23 ccc2123 1"));输出结果：A23 B23 Ccc2123 1
2020-11-26 09:39:10
579
原创 ES6总结笔记（四)字符串的拓展部分2
repeat()该方法返回一个新的字符串，将原字符串重复n次。对于小数会取整。参数是负数或者Infinity就会报错，原因你懂的(RangeError)。"x".repeat(0) //"""x".repeat(2.3) //"xx""x".repreat(3) //"xxx"但如果参数是0到-1之间的小数，则等同于0，这是因为会先进行取整运算，0到-1之间的小数取整以后等于-0，repeat视同于0'na'.repeat(-0.9) //""//参数NaN等同于0'na'.repeat(
2020-11-22 17:11:17
72
原创 ES6总结笔记（四)字符串的拓展部分1
字符的Unicode表示法javaScript允许使用\uxxxx来表示一个字符，且这个字符在\u0000-\uFFFF之间例如，\u0061可以表示字符’a’但是’\u20BB7’，js就不能再正确识别，他会显示一个空格，后跟一个数字7。ES6对此作了改进，只要将码点，也就是\uxxxx里面的x，放入大括号内，就可以正确解读，'\u{20BB7}'// '吉'codepointAt()Js内部固定以UTF-16格式存储，每个字符固定为2个字节，对于需要一个字符需要4个字节编码的字符，也就
2020-11-08 19:46:13
92
原创 最通俗的理解什么是冒泡
首先，可以把他理解成踢球，不用单纯的理解成父传子或者子传父这一个方向，比如我们用事件绑定的是父亲，从父亲到儿子，父亲就把这个事件踢球一样，给了儿子，儿子有了这个事件。对应的函数就会执行，然后从儿子出来。进入父亲，又踢了一次球。那我们现在理解下onmouseenter和onmouseoveronmouseenter:不支持冒泡mouseenter在这个过程中只会触发一次事件，是因为他不能冒泡，也就是从父亲到儿子，没有把球传过去，从儿子离开，再回到父亲。自然也就没有球了，因为前面的球断掉了，这里的球就是
2020-11-06 19:28:07
826
原创 Uncaught TypeError: date.clone is not a function
Uncaught TypeError: date.clone is not a function原因可能是Form.Item的名字相同解决方案：每个Form.Item设置唯一的name值
2020-11-06 11:56:48
3998
原创 ES6总结笔记（三)变量的解构赋值
什么是解构ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构。let [a,b,c] = [1,2,3]相当于let a = 1let b = 2let c = 3解构的规则按照模式进行匹配，等号的左右两边的模式相同，左边的变量就会被赋予对应的值let [foo,[[bar],baz]] = [1,[[2],3]];相当于let foo = 1let bar = 2let baz = 3特殊的几种解构let [,,third] = [1,2,3
2020-11-01 17:25:43
187
原创 ES6总结笔记（二)let和const
作用域let和const声明的变量只在所在代码块生效，var声明的变量在全局都生效{ let a = 1; var b = 2; const c = 3;}a // ReferenceError:a is not definedb // 2c // ReferenceError:c is not defined经典案例1var a = []for(var i = 1;i<10;i++){ a[i] = function(){ console.log(i)
2020-10-25 14:13:13
106
原创 js正则验证身份证号码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试身份证号码</title></head><body> <!-- <
2020-10-22 11:14:42
2561
原创 纯JS手写超级简单贪吃蛇
看看效果先上代码，表示尊敬<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>贪吃蛇画布</title> <!-- css部分需要放在头部，因为浏览器绘
2020-10-21 17:15:06
601
原创 js数组中的数组去重和多维数组去重
var arr1 = [1,[2,3,[5,4,[4,[1]]]]]var arr2 = [1,2,2,2,2,4]function getDeepth(array) { function sum(arr, flag) { return arr.reduce(function (total, item) { var totalDeepth ; if (Array.isArray(item)) { to
2020-10-19 10:40:26
281
2
原创 ES6总结笔记（一) ES6简介
ES6和JavaScript的关系前者是后者的的标准，后者是前者的实现ES6和ES5的关系ES6的第一个版本是ES5(ES2015）,ES6可以泛指ES2015,ES2016,ES2017等等ES6转化为ES5通过Babel转码器转码前的ES6代码items.map(item=>item+1)转码后的ES5代码items.map(function(item){ return item+1; });项目中配置.babelrc文件以设置转码规则以react为例先要安
2020-10-18 11:53:43
271
2
原创 js写一个字符串切换大小写的函数
js写一个字符串切换大小写的函数var str = "asdfaASADSF"function test(str){ let upStr = str.toUpperCase().split("") let lowStr = str.toLowerCase().split("") let arr = str.split("") for(let i=0;i<arr.length;i++){ if(arr[i]===lowStr[i]){ arr[i]=upStr[i
2020-10-13 09:12:02
551
原创 手写轮播图，原生Js实现轮播效果 效果
手写轮播图，原生Js实现轮播效果效果废话不多说~ 直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./lunbo.css"
2020-09-25 11:56:52
208
原创 帮你轻松搞定React路由
React路由这里主要向大家介绍5点，都是我觉得很重要的，不足之处，请多指正！！1.每层路由都可以在最后写Redirect下面这个一级路由，你在浏览器随便输入什么地址，只要不是以下三个，都会最终匹配到Redirect里的路径<Switch> <Route path='/home' component={Home}></Route> <Route path='/about' component={About}></Route>
2020-08-28 20:58:11
156
原创 React基础_定制版（二）
React基础_（定制版二）(博主今天不能再这么懒下去了，必须得做点什么,)react是面向组件开发的，分为有状态组件和无状态组件，最近比较火的hooks也让无状态组件可以逐渐有了自己的状态，这里先比较一下这两者的区别咯：注意：使用 class 关键字创建的组件，有自己的私有数据（this.state） 和 生命周期函数；注意：使用 function 创建的组件，只有props，没有自己的私有数据和 生命周期函数；用构造函数创建出来的组件：叫做“无状态组件”【无状态组件今后用的不多】用cla
2020-08-23 16:19:15
300
原创 Java基础之------泛型
1.1 泛型的概念（generics）泛型准确的理解是：类型限定。例如ArrayList list = new ArrayList();list.add(2);list.add(‘r’);list.add(2.5);编译运行都是通过加了泛型以后，限定为某种类型ArrayList list = new ArrayList();list.add(3);//errorlist.ad...
2020-04-25 19:28:05
231
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人