- 博客(90)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 NaN 是什么？它的类型是什么？如何可靠地测试一个值是否等于 NaN ？
NaN 属性代表一个“不是数字”的值。这个特殊的值是因为运算不能执行而导致的，不能执行的原因要么是因为其中的运算对象之一非数字（例如， "abc" / 4），要么是因为运算的结果非数字（例如，除数为零）。虽然这看上去很简单，但 NaN 有一些令人惊讶的特点，如果你不知道它们的话，可能会导致令人头痛的bug。首先，虽然 NaN 意味着“不是数字”，但是它的类型，不管你信不信，是 Number...
2018-09-10 11:10:11
80482
2
原创 Git 和 gitHub使用(9步学会)
第一步:下载安装 git下载git(点击下载git后会自动下载,安装时一路next就OK了)第二步: 配置git这里 我们 要学习两个 git 命令# 在 全局 配置 git 用户名$ git config --global user.name "Your Name"# 在 全局 配置 git 用户邮箱$ git config --global user.email "em...
2018-09-07 01:01:25
711
原创 手风琴效果(js原生)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> * { margin: 0; padding: 0; }
2018-09-05 10:43:34
9908
原创 Sources的使用(chrome)
Chrome 开发工具之SourcesSources面板主要用于查看web站点的资源列表及javascript代码的debug熟悉面板了解完面板之后，下面来试试这些功能都是如何使用的。文件列表展示当前页面内所引用资源的列表，和平常的文件tree一样。内容区域可在该区域查看打开的文件的脚本，也可以在区域内下断点，打断指定执行代码行。断点方式：1.在脚本中写入d...
2018-09-04 16:34:29
10748
原创 js日期时间比较大小
知识点:new Date(Date.parse(时间1)) == new Date(Date.parse(时间2)) 上面的方法可以结合自定义的时间戳 比如下面的日期时间格式化函数使用 function DateFormat() { let date = new Date(), currentDate, currentTime, ...
2018-08-27 14:56:55
15142
原创 纯 css 404 页面
纯 css 动画 实现 404 not found page 页面404页面效果图:HTML: <div class="NotPage"> <div class="message">功 能 开 发 中 ...</div> <div class="rail"> <div class=
2018-08-22 16:28:31
3669
1
原创 Cornerstone.js解析Dicom图像并显示
爬坑史做医疗项目这是第二个年头,常见的Dicom图像解析与显示多是桌面应用程序的活,公司的项目提出新的需求,js解析并显示Dicom图像,撸起袖子干就完了, 哎,怪我太年轻小看了Dicom,太尖端了,大大小小的坑爬了不知多少,总结下经验分享给正在爬Dicom坑的小伙伴探索 Dicom Parser & Display 过程中了解到微云医学影像中使用了cornerston...
2018-06-14 00:17:05
23379
54
原创 pdf.js使用方法
项目中 显示 pdf 的功能,浏览过不少的技术帖,都不太理想,花了点时间研究了下pdf.js正确使用方法,总结下:1.防止自己忘记 2.工作留有痕迹 3.供大家参考借鉴pdf.js: 将 PDF 文件解析后生成一张 .png 图片,利用 canvas 元素显示在页面上,此方法不推荐使用,呈现在页面上的pdf会模糊,目前没有找到有效解决办法,给爱钻研的小伙伴提供个思路,在pdf.js官网上有...
2018-06-08 14:46:32
116778
80
原创 js解析Dicom文件
小伙伴 : 当你看到这篇博客的时候,你的问题将全部迎刃而解. 1.如何在自己的vue项目中展示Dicom文件, 2.js如何解析Dicom文件 3.前端如何显示Dicom 这些问题也困扰我很长时间,不过都是小事,没有你著哥解决不了的技术问题so easy! 推荐另外一篇文章: cornerstone.js解析Dicom图像并显示 ...
2018-06-08 11:25:27
9580
5
原创 【无标题】
当 types 和 typeRoots 同时使用时,TypeScript 编译器会先从 types 指定的包中查找类型声明文件,如果找不到,再从 typeRoots 指定的目录中查找。总之,types 用于指定需要包含的类型声明文件,typeRoots 用于指定类型声明文件的根目录。使用第三方库,但没有类型声明文件 场景: 你的项目使用了一个没有提供类型声明文件的第三方库,比如 jquery。使用自定义的类型声明文件 场景: 你的项目中有一些自定义的类型声明文件,放在 src/types 目录下。
2024-08-04 10:32:22
347
原创 vue3对比 Setup、Render、SFC 从 vue 底层实现和性能开销上全面分析三者区别及优略
在 Vue 3 中，有多种定义和实现组件的方法，包括使用单文件组件（SFC）、defineComponent 以及组合式 API。以下是对三种方法的全面分析，包括其底层实现和性能开销。
2024-07-10 17:59:46
668
原创 tsconfig.json各选项的解释
tsconfig.json是TypeScript的编译器配置文件，用于定义TypeScript编译器的行为。各个选项的作用如下：“compilerOptions”: 编译器选项，用于配置TypeScript编译器的行为。包括指定目标JS版本、模块化方式、输出目录、是否生成source map等。“files”: 指定需要编译的文件列表，可以是相对或绝对路径。若未指定此项，则编译器将编译项目下所有包含在"include"选项中的文件。“include”: 包含需要编译的文件的glob路径模式。
2023-03-29 11:55:57
1285
1
原创 error TS7016: Could not find a declaration file for module ‘*‘.
使用CRA初始化了一个 React 18 的 TS 项目，配置好。没有的话，就创建一个（.d.ts）文件 对这个包 声明下。如果仅仅是这样的话，报错依然存在，要解决这个问题。mock 服务后想起项目体验下就收到下面错误。如下图，这一步是解决问题的关键。这个类型文件就安装下，这个包没有类型文件，然后我就照做了如下图。
2023-01-14 15:22:47
2633
原创 vue中使用history.replaceState 更改url vue router 无法感知的问题
最近做一个需求，URL更新不刷新页面，在网上找了 好多文章都说更新URL不会刷新页面（前提是路由为history模式），我也用了，一开始是没问题的,可以实现需求，但是后来URL变得越来越复杂，会导致URL更新时，会触发mounted执行,这样的话页面就会刷新，后来更换了API 更新URL，页面确实不刷新了，但是也带来了新的问题，就是 vue router 无法感知到URL的变化 ，举个例子吧。
2022-09-15 17:33:16
1760
原创 eslint 配置
配置 eslint 在 Vue/React 项目中与编辑器集成 （vs code）安装 dbaeumer.vscode-eslint 微软官方提供的扩展。在项目根目录创建 文件夹，并添加 文件如下图 文件添加如下配置 代码如下：协调 Prettier 冲突安装 eslint-config-prettier在 文件中添加如下图配置vue 项目eslint配置完成react 项目配置eslint基础eslint配置我们以使用cra初始化的项目为例
2022-05-13 00:11:29
8566
1
原创 prettier保存代码时自动格式化
打开vscode 在商店中搜索 prettier 并安装打开 设置搜索 Format 并勾选 Format On Save设置 窗口失去焦点自动保存并格式化设置默认格式化程序任意打开一个js文件单击右键调出菜单选择使用...格式化文档选择 配置默认格式化程序选择 prettier配置完成...
2022-03-22 18:00:40
5445
原创 commitlint配置
聊一下如何配置commit lint 其实这个问题一直困扰我很久，看了好多文章，都无济于事今天狠下心来终于解决，废话不多说，先上代码，最后阐述原因，因为有的小伙伴就是想找到解决问题办法，至于原因不太关心注意： npm 版本大于 7安装 huskynpm install husky --save-dev启用 Git 挂钩npx husky install自动启用hooksnpm set-script prepare "husky install"添加 commit-msg 钩子npx
2022-02-23 22:57:27
2517
原创 前端单元测试
什么是单元测试针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作。单测作用保证代码质量增强开发者信心降低bug出现与复现单测现状不重视单元测试没有时间编写单元测试不会使用单元测试测试思想TDD：Test-Driven Development（测试驱动开发）编写某个功能的代码之前先编写测试代码，仅编写使测试通过的功能代码，通过测试来推动整个开发的进行BDD：Behavior-Driven Development（行为驱动开发）使用自然语言来描述系统功能和业务逻辑
2022-02-21 15:37:30
439
原创 TS中的泛型
typescript 中 最难的无疑是泛型(Generices), 那么泛型出现的动机是什么呢思考一个问题: 泛型是怎样出现的,它要解决那些问题现在有一个 echo 方法,传入什么类型的值返回什么类型的值function echo(arg) { return arg}const result = echo(123)result 返回值是一个 any 类型, 这不符合我们的预期, 那么指定入参和出参的类型,同样不符合预期, 这时候就用到泛型了泛型(Generices)定义定义函数,接口
2022-02-11 18:50:57
5023
1
原创 TS中的类(class)
类(class): 定义了一切事物的抽象特点(属性和方法)对象(object): 类的实例(通过 new 来生成)面向对象特点: 封装,继承,多态封装: 将操作数据的细节隐藏起来,只暴露接口, 调用者只需要通过接口来访问对象继承: 子类继承父类, 子类除了拥有父类的特性外还可以拥有更加具体的特性多态: 同一个方法可以有不同的响应(猫和狗都继承自动物类,但是他们叫声各有不同)封装抽象一个动物类, 拥有名字属性和奔跑的动作// 创建基本类 基类class Animal { // 属性
2022-02-11 14:34:37
7584
2
原创 useState执行机制
使用 react hooks 很久了，对于 useState 的理解一直都是模糊不清，终于下定决心把它理清楚，看似简单的 useState 暗藏玄机，先来看一段代码import { useState } from 'react';console.log('函数外');const HomePage = () => { console.log('函数内 顶部'); const [num, setNumber] = useState(0); const [count, setCount] =
2022-02-08 09:39:11
1801
原创 mac $path环境变量修改
最近遇到一个不大不小的问题，关于mac 环境变量的，网上各种帖子都尝试遍了，苹果的客服也咨询了， 问题依然没能解决，后来咨询了一位资深的同事，记录下解决问题的过程。问题描述： 如下图，画框的环境变量需要从 $path 里干掉，可是找不到在哪里配置的这个环境变量了解决方法：在终端中输入：open /etc然后会打开一个窗口如下图：找到paths.d的文件夹进入后看到有两个环境变量文件找到 那个想要干掉的环境变量了注意： 这个文件是锁定的，需要需要拖出来，更改完再拖回去，替换就行了
2021-11-26 20:56:14
1706
原创 useCallback, useMemo,React.Memo
这篇文章将讲解 useCallback, useMemo 及 React.Memo 的运行时，作用，使用场景和注意事项useCallback（）作用useCallback 的真正目的在于缓存了每次渲染时 inline callback 的实例配合 shouldComponentUpdate 或 React.memo 起到减少不必要的渲染的作用本质优化子组件的渲染次数运行时返回 memoized 函数的引用依赖参数改变 useCallback 返回 新的的引用地址否则返回上一次回调函数的引用
2021-04-20 23:58:16
240
原创 Flutter V2 的10个特点
谷歌官方发文: 中文 English7大平台windows mac OS linux android ios web embeddedwww.flutterfolio.com 需要注册web 平台优化、进入稳定版3个方向pwa: 缓存、push 推送服务、桌面快捷、消息提示spa: 单页程序类似 vue reactexpanding mobile: 快速迁移 app、复用代码2D 3D 渲染 WebGL Skia WebAssembly Canvas稳定的版本i
2021-03-15 11:45:59
373
原创 Settings Sync 的使用
vscode 同步设置vscode 下载地址安装 Settings Sync 插件两种安装方式：点击这里 安装在vscode 扩展搜索 Settings Sync 安装使用Ctrl/Command + P 输入: sync 选择 高级选项 选择打开设置如下如操作进入如下页面输入如下信息gist id: 82727060d74c3d0e58092760048666b6获取令牌: ddea4c3043eae3a08453bf6b156ce1352e7171ea等待成功通知
2021-03-09 19:23:16
1977
原创 npm ERR! code E403
in most cases, you or one of your dependencies are requesting a package version that is forbidden by your security policy.这是 npm publish 时发生的错误错误原因 这个账号没有验证邮箱 请先验证邮箱再发布包
2021-02-22 18:00:27
4013
1
原创 All files must be modules when the ‘--isolatedModules‘ flag is provided.
All files must be modules when the ‘–isolatedModules’ flag is provided.这个问题其实 就是 多了一个没有使用的空文件，在我的项目里 把 service.ts 删除就可以正常编译通过了
2020-11-27 10:28:17
2970
原创 markdown 使用示例
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-11-27 10:17:31
803
原创 干净的架构
如果您是高级软件工程师，则可以停止阅读。这篇文章不适合你。这篇文章适用于像我这样的普通人，他们编写凌乱的代码并创建意大利面条式的体系结构，但是对构建干净，可维护和适应性强的想法很着迷。前言我通常不买计算机书籍，因为它们很快就会过时。此外，我仍然可以在网上找到所有信息。但是，在一年前，我开始阅读Robert Martin的Clean Code。它确实改善了我开发软件的方式，因此当我看到同一作者的另一本书问世时，一本叫做Clean Architecture的书，我很快就学会了。像Clean Code
2020-07-22 16:37:56
5906
原创 flutter环境配置
小伙伴,很高兴能看到这篇文章,也许你是flutter大牛,也许你是小白,请耐心看完这是 flutter 多环境配置及Dio请求封装最佳实践,相信这也是全网最好的一篇flutter实践文章,适合大中小型项目
2020-07-03 01:03:00
1313
原创 git初始化常用命令
git初始化常用命令// 全局配置用户名$ git config --global user.name "Gleason"// 全局配置邮箱$ git config --global user.email "bianliuzhu@gmail.com"// 查看配置列表$ git config -l// 生成密钥$ ssh-keygen -t rsa -C "bianliuzhu@gmail.com"// 查看文件内容$ cat filename...
2020-06-18 21:33:24
198
1
原创 js日期格式转换
js日期格式转换示例格式转换方法示例格式// 示例时间格式var datetime= '2020-06-04T14:35:19+08:00';转换方法// 转换 datetime new Date(+new Date(datetime) + 8 * 3600 * 1000) .toISOString() .replace(/T/g, " ") .replace(/\.[\d]{3}Z/, ""); });...
2020-06-10 13:20:39
411
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人