- 博客(35)
- 收藏
- 关注
RSS订阅原创 【css滤镜】高级属性filter
我们经常见到网站首页变灰色，只要一个css属性就可以搞定，我们今天就介绍一下这个属性：滤镜 (filter)
2022-12-01 20:20:49
440
1
原创 【Dart语言第7篇】变量声明
如果变量定义成可空类型了，在某些情况下即使我们给它赋值了，但是预处理器仍然有可能识别不出，这时我们就要显式（通过在变量后面加一个。在编译时会根据第一次赋值数据的类型来推断其类型，编译结束后其类型就已经被确定，而。引入空安全之前，上面代码在执行前不会报错，但会触发一个运行时错误，原因是。但现在有了空安全，则定义变量时我们可以指定变量是可空还是不可空。声明的变量都可以赋值任意对象，且后期可以改变赋值的类型，这和。本身是一个强类型语言，任何变量都是有确定类型的，在。)，所以任何类型的数据都可以赋值给。
2022-11-02 15:05:11
263
原创 【Dart语言第1篇】基础学习
Dart是谷歌开发的计算机编程语言，后来被Ecma (ECMA-408)认定为标准。它被用于web、服务器、移动应用和物联网等领域的开发。
2022-08-01 10:51:10
611
原创 【React 18新特性】
React 18 版本到底有什么新的特性，这些新的特性对 React 开发人员到底有什么帮助，让我们先来看一下 React 18 版本的 更新日志。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-if85g3gt-1654588772121)(C:/Users/X21231/Pictures/Saved%20Pictures/react18.1.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eGSOzoOI-1654588772122)
2022-06-07 16:01:48
697
原创 【TypeScript入门】基础(七)：类型断言
类型断言类型断言（Type Assertion）可以用来手动指定一个值的类型。语法<值 as 类型> 或者 <类型>值在 tsx 语法（React 的 jsx 语法的 ts 版）中必须使用前者，即 值 as 类型。如 <Foo> 的语法在 tsx 中表示的是一个 ReactNode，在 ts 中除了表示类型断言之外，也可能是表示一个泛型。故建议大家在使用类型断言时，统一使用 值 as 类型 这样的语法。类型断言的作用类型断言的常见用途有以下几种：将一个
2022-04-06 14:27:54
1181
原创 【TypeScript入门】基础(六)： 函数类型
函数类型函数声明在 JavaScript 中，有两种常见的定义函数的方式——函数声明（Function Declaration）和函数表达式（Function Expression）// 函数声明function sum(x, y) { return x + y;}// 函数表达式let newSum = function(x, y) { return x + y;}一个函数有输入和输出，要在 TypeScript 中对其进行约束，需要把输入和输出都考虑到，其中函数声明类型的定
2022-04-03 08:30:00
169
原创 【TypeScript入门】基础(五): 数组的类型
数组的类型在 TypeScript 中，数组类型有多种定义方式。类型+方括号 表示最简单的方法就是使用 【类型 + 方括号】表示数组：let arr: number[] = [1, 2, 3];数组的项中不允许出现其他的类型：let arr: number[] = [1, 2, '3', 4];// Type 'string' is not assignable to type 'number'.数组的一些方法的参数也会根据数组在定义时约定的类型进行限制：let arr: numbe
2022-04-02 09:00:00
571
原创 【TypeScript入门】基础(四)： 接口定义对象的类型
对象的类型——接口在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型。什么是接口在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（class）去实现（implement）。typeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。简单的例子interface Person { name: string, age: nu
2022-04-01 08:41:45
656
原创 【TypeScript入门】基础(三)：类型推论和联合类型
类型推论如果没有明确的指定类型，那么 TypeScript 会依照类型推论（Type Inference）的规则推断出一个类型。什么是类型推论以下代码虽然没有指定类型，但是会在编译的时候报错：let myName = 'seven';myName = 7;// Type 'number' is not assignable to type 'string'.事实上，它等价于：let myName: string = 'seven';myName = 7;TypeScript 会在没
2022-03-31 08:39:59
104
原创 【TypeScript入门】基础(二)：任意值
任意值任意值（Any）用来表示允许赋值为任意类型。什么是任意值类型在 TS 中，如果是一个普通类型，在赋值过程中改变类型是不被允许的：let myName: string = 'Tom';myName = 12;// Type 'number' is not assignable to type 'string'.但如果 myName 是 any 类型，则允许被赋值为任意类型。任意值的属性和方法在任意值上访问任何属性都是允许的：let anyThing: any = "hello wo
2022-03-30 08:53:03
1512
原创 【TypeScript入门】基础(一)：基本数据类型
原始数据类型JavaScript 的类型分为两种：原始数据类型（Primitive data types）和对象类型（Object types）。原始数据类型包括：boolean、number、string、null、undefined 以及 ES6 中的新类型 Symbol 和 ES10 中的新类型 BigInt。本节主要介绍前物种基本类型在 TypeScript 中的应用。布尔值布尔值是最基础的数据类型，在 Ts 中，使用 boolean 定义布尔值类型：let isDone: boolea
2022-03-29 11:47:50
1326
原创 Hexo博客美化
Hexo博客美化我们搭建好自己的博客以后，可以在hexo官网的 主题 中选择自己喜欢的博客主题，可以直接在主题中点开预览主题样式或者打开主题项目的 github 地址，将该主题下载到我们自己的博客项目中的 theme 文件夹中，然后在 _config.yml 文件中找到 theme 修改为你主题的名字，重新编译启动你的项目，就可以替换为你喜欢的主题了。当然除了更换主题为，你也可以自定义你自己的主题，修改它的样式，或者干脆按照自己理想的布局和样式来自己属于自己的完美主题。除此之外，我们的博客还可以支持一些第
2022-03-25 10:05:44
2220
8
原创 【hexo + github pages】搭建属于自己的博客网站
今天在自定义自己github首页的时候，翻看自己GitHub项目，忽然发现了那会刚开始做前端的时候搭建的博客，好几年前了，都差不多忘记了，回想起那会搭建的时候也是费了挺大劲，最近一年也会偶尔在CSDN写博客记录点东西，那便记录一下怎么利用GitHub和hexo来搭建一个属于自己的博客网站，顺便把曾经搭建的博客网站捡起来再玩一玩。用Hexo + GitHub 搭建自己的博客网站什么是hexo官方给我们的描述是快速、简洁且高效的博客框架。Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，
2022-03-23 17:47:47
1176
原创 【markdown】用markdown制作简历
用markdown制作一个简历怎么找到一份合适的工作，首先我们要有一份好的简历，那么大家一般怎么写简历呢，用word写？word写的好处是简单，但是不足时太丑了，在网上找的模板好看是挺好看，但是模板不一定适合自己，而且修改起来特别的麻烦，那么作为一个前端程序员，为什么不用 markdown 和 html 来制作自己的简历呢。我们的简历大致上包含这些东西, 列出来以后只需要去设计我们的简历就行：个人信息:我的技能 / 擅长技术等求职意向工作经验 / 项目经验教育背景社交主页：比如技术博客地址
2022-03-17 17:23:52
4589
原创 【markdown】拓展应用
我们可以通过 markdown 以及一些插件，来丰富我们的readme 文件，或者定制我们GitHub的个人首页。插入个性化badgeMarkdown 里可以使用 HTML 进行高级样式布局。<div align="center"> <img src="" /></div> 通过给外层标签设置align属性，让内容居中。如果你浏览过一些 GitHub 的开源项目，你一定见过很多 README 文档中都会出现的五颜六色、各式各样的「小牌子」。Bad.
2022-03-15 18:21:28
535
原创 【手撕JS高阶函数】
前言js中有很多高阶函数，例如 map, filter, every等，还有 ES6提供的find等，熟练使用后能极大提高编写代码的效率。「 那么什么样的函数是高阶函数 」至少满足下列一个条件的函数：接受一个或者多个函数作为参数输出（返回）一个函数JavaScript中的高阶函数大多数都是接受一个函数作为参数，如下：Array.prototype.func = function(callback(currentValue[, index[, array]]){ // ...}[,
2022-01-27 17:51:45
724
原创 【js排序算法】--基础排序算法
前言前端的代码运行环境本来就不善于处理大量的数据计算，前端也有很多东西比算法重要。那我们为什么要学习算法？明确学习和使用算法的目的。一个排序功能，用冒泡排序法，归并排序法，快速排序法？who tm care。一个原生sort函数直接搞定。这就是实用场景，快速实现你的功能即可。那需不需要学习各种排序算法呢？需要，因为各种排序算法用了很多不用的手段，知识去实现同一个功能，学习里面的知识和优劣对比方法是很有用。冒泡排序先了解一下冒泡排序算法，它是最慢的排序算法之一，但也是最容易实现的排序算法。之所以
2021-12-17 10:46:40
302
原创 【JS不正经学习】--ES6 Proxy(代理)
ES6新特性proxy代理，vue3设计同样用了proxy代替了vue2中的Object.defineProperty()，究竟有什么魔力，让我们一探究竟。。。
2021-12-15 18:01:24
846
原创 【markdown】进阶用法
注：写博客或者项目的 README 文档经常用到 markdown 语法，所以markdown的语法做了一个总结，本文是基于 【markdown】基本语法的进阶语法。markdown高阶语法内容目录vscode 使用 TOC加强代码块标签和分类内容目录使用[TOC]引用目录,各种编辑器对[toc]的支持不一样，需通过插件支持。例如本文目录：@[toc](markdown高阶语法)## 内容目录### vscode 使用
2021-12-10 16:53:15
832
1
原创 【JS不正经学习】--JavaScript预编译，AO对象和GO对象
深入理解JavaScript预编译大家都知道JavaScript是解释型语言，既然是解释型语言，就是编译一行，执行一行,先看代码：// 1、var variable = 1;console.log(variable); // 1// 2、console.log(variable);var variable = 1; // undefined各位前端同学应该都听过变量提升这个词吧，或者在面试的过程中遇到过类似下面这样的笔试题：<script> a = 100;
2021-12-06 18:00:34
552
原创 【JS不正经学习】--JS内存回收机制
内存和垃圾回收1. v8内存大小限制在Node中如果通过JavaScript使用内存操作时会发现实际只能使用部分内存(64位系统下约为1.4G，32位系统下约为0.7G),这种限制对于其他的服务端开发语言来说基本上都是不存在的。和操作系统有关：64位为1.4G，32位为0.7G64位下新生代的空间为64MB，老生代为1400MB32位下新生代的空间为16MB，老生代为700MB而V8的这种限制导致的结果是Node无法直接操作大内存对象。在单个Node进程的情况下，计算机的内存资源无法得
2021-12-01 17:59:38
1522
原创 【JS不正经学习】--JS执行原理，事件循环
一、js的执行机制众所周知：JavaScript 是一门单线程语言，因为是单线程，所以代码应该是自上而下执行的，事实是不是如此，先看下列一段代码： setTimeout(() => { console.log('set1') }); new Promise((resolve, reject) => { console.log('p1'); resolve(); }).then(() => { console.log('then1')
2021-12-01 11:17:59
850
原创 【React-Native】用ScrollView封装可滑动翻页的菜单
用 react-native 开发一个如下图所示的可滑动翻页的菜单集合：菜单可以滑动翻页，是不是特别像是轮播图呢？先配置菜单menu.js:export const menus = [{ name: '用户管理', // 菜单名称 icon: assets.service_user, // 菜单图标 routerName: 'userManage', // 跳转页面name }, { name: '企业信息', icon: assets.servic.
2021-06-08 17:25:51
1251
1
原创 【React-Native】自定义Drawer(抽屉)动画组件
自己实现一个简单的抽屉组件因为业务需要实现侧滑抽屉菜单，看了一眼项目中前辈封装的DrawerLayout组件,便直接引用准备使用，但是使用后却发现并没有理想中的动画效果，便打开组件代码看了一眼，发现之前的作者是直接用Modal写的，然后在modal里写了一个蒙层和一个View容器: 大概布局为：<Modal> <Animated.View> <View>{此处作为蒙层，点击关闭抽屉用}</View> </Animated.View>
2021-05-26 18:05:33
1561
原创 【markdown】基本用法
1、标题1.1、使用 = 和 - 标记一级和二级标题一级标题：二级标题## 1.2、使用#标记# 一级标题## 二级标题### 三级标题...###### 六级标题2、字体斜体斜体文本粗体粗体文本粗斜体粗斜体文本*斜体* _斜体文本_ **粗体** __粗体文本__ ***粗斜体*** ___粗斜体文本___3、分割线你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间任意插入空格。下面每
2021-05-26 17:23:09
367
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人