自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Kuroko's Development Notes

热爱生活!热爱前端!— — 知其然 知其所以然 知其必然

  • 博客(239)
  • 资源 (12)
  • 收藏
  • 关注

原创 【vue-qrcode + html2canvas】前端二维码生成与下载

前端二维码生成框架比对:vue-qr VS vue-qrcode,以及对文档截图生成图片的html2canvas使用介绍,FileSaver.js 将图片下载本地的介绍。

2024-04-08 01:04:56 1316

原创 VSCode常用修改默认设置(settings.json)

搜索这个设置项,把它关闭掉即可,这个是用于关闭单击(鼠标悬浮)某个单词上,把相同的所有单词都给高亮起来了。我现在在vscode中鼠标选中某个单词,相同的单词都会自动出现一个高亮背景色,我需要怎么关闭这个功能呢?这个是鼠标双击后的高亮匹配,可以保留默认开启的配置,不用去改它。

2024-04-04 07:24:06 655

原创 2023年度VSCode主题推荐(个人常用主题存档)

告别花里胡哨,主打好看又实用!——2023年度vscode主题推荐,个人常用的一些 vscode 颜色主题、文件图标主题、产品图标主题推荐!

2024-03-18 22:20:17 852

原创 【备忘】Figma常用快捷键

缩放至100%:Shift+0。缩放至适应屏幕:Shift+1。缩放至所选项:Shift+2。显示/隐藏侧边:Cmd+\。打开菜单搜索:Cmd+/收起所有图层:Alt+L。

2024-02-16 14:30:39 426

原创 【微信小程序开发】小程序版的防抖节流应该怎么写

微信小程序开发如何使用防抖节流函数,防抖节流函数TS版怎么写,本文提供现成的方法,以及全面的案例解析。

2024-02-14 15:26:48 1768 1

原创 mac安装并使用n进行node版本管理

mac系统使用n命令进行node版本管理

2023-06-28 16:47:33 1698

原创 【问题记录】Cannot find module or its corresponding type declarations.

typescript error ts2307 cannot find module or its corresponding type declarations

2023-06-07 15:22:45 14384 1

原创 【问题记录】解决vite多页应用路由改用history之后本地刷新404问题

当前项目是一个多页应用配置,将路由从默认的hash模式改为history模式之后,本地开发环境刷新页面404

2023-05-30 11:57:07 2652

原创 【问题记录】html双横杠换行问题,white-space的重要性

css处理换行的几个方法

2023-03-15 18:10:03 688 1

原创 【问题记录】【排查问题的方法总结】vue3中数据失去响应式?为什么数据变了,视图只更新了一次就不再更新了?

vue3开发过程中,绑定的响应式数据失去了响应式,如何排查定位问题?持续请求的数据变动之后,控制台输出绑定的响应式变量 mapObj 的确变了,但是视图上只更新了一次,后续就不再更新了。

2023-02-24 18:58:32 2081

原创 【问题记录】VSCode升级后vue3的ts代码高亮失效

VSCode 升级到 v1.73.1 之后,原来好好的代码,突然ts语法高亮没了。VSCode插件功能失效。

2022-11-17 20:42:31 1908

原创 【问题记录】解决滑动冲突问题 - 监听滑动事件,阻止滑动事件冒泡

vue @touchend.stop 轻松解决滑动事件冒泡问题。当滚动内容与页面滑动冲突时,如何阻止滑动事件冒泡?通过监听滑动事件解决事件冲突或冒泡!

2022-09-17 16:28:09 1853

原创 【问题记录】vite项目使用 vue-i18n 控制台报警问题

vite项目中导入 vue-i18n 能正常使用,但是控制台有黄色报警:vue-i18n.esm-bundler.js:39 You are running the esm-bundler build of vue-i18n...

2022-08-26 14:42:52 3503

原创 前端简史之纵横:Node东出

Ajax 的出现,带来了 jQuery 时代,而 jQuery 时代也伴随着 Node 风暴淡淡退出了历史舞台。如果说 Ajax给前端带来了从网页静态化到动态化的转变;那么 Node 的出场给前端带来了大步迈向模块化、工程化的转变,同时也给前端开发工程师带来了市场价值的逆袭。...

2022-07-09 16:31:52 575

原创 【问题记录】github push 失败:Failed to connect to github.com port 443

> git pull --tags origin mainfatal: unable to access 'https://github.com/......git/': Failed to connect to github.com port 443: Operation timed out

2022-06-30 11:23:25 489

原创 前端简史之裂变:Ajax变法

《前端简史》系列技术分享课程通过讲述前端演变的发展历史,介绍前端重要技术的实现原理与使用方法,带你走进前端,感受前端的“前世今生”,结交前端历史上举足轻重的几位“大佬”,例如:Ajax、Node、Webpack、SPA、PWA、RN、Flutter等等。...

2022-06-03 15:26:10 743 1

原创 【备忘】Confluence外观修改-自定义色彩方案

confluence系统默认样式太丑怎么办?来自定义样式勉强拯救一下吧,一下色系参考Element色彩Confluence 外观配置指引:(自用备忘)

2022-03-25 12:39:24 1143

原创 【uni-app踩坑记录】uni-starter本地微信一键授权登录失败 - Invalid uni-id config file

uni-starter 云端一体项目模板 本地微信一键授权登录失败loginByWeixin 报错 [uni-id-co] Invalid uni-id config file或者 `Error: errCode: 40013 | errMsg: invalid appid`

2022-03-22 19:49:23 6383 3

原创 PPT学习笔记

正确制作PPT的流程新建文件夹,文件夹命名:日期+项目+制作者新建子文件夹,分别是:+ 01 素材 02 文档 03 PPTX 04 输出+号充当回收站的作用,有关PPT无用的边角料都可以暂存在这。素材:主要是图片文档:word文档PPTX:PPT的过程文件输出:各种格式,PPT、MP4、PDF等PPT组成部分封面目录过度内页结尾制作先整体,后细节。先白底黑字制作逐字稿。做完逐字稿再去设计和美好。设计设计原理:注意留白(注意细节)、划分层级、视觉顺序、整体统一、

2020-07-29 10:31:48 854

原创 读书笔记 | 《人间处方》夏目漱石写给青年的信

关于夏目漱石,或许你不是很熟,但有一句话,你肯定听说过,就是「今晚的月色真美」。当年夏目漱石给自己学生解释「I love you」,不该将其直译为「我爱你」,应该说「月が绮丽ですね(今晚的月色真美)」更为恰当。很多人认为夏目漱石的翻译是一种浪漫、含蓄的表达,而当我读完《人间处方》之后,我认为夏目漱石的这句话并不是为了让「我爱你」表现得浪漫、含蓄,而是单纯地直抒心意。清风明月,良辰美景,何为爱,...

2020-04-23 11:48:26 2659 1

原创 前端常用数据处理方法

本文主要介绍的是项目开发过程中使用频率较高的一些数据处理方法,其他一些使用频率不高的方法就不在此处多做介绍了,有兴趣的同学可以自行延伸探索哦~数据类型值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol引用数据类型:对象(Object)、数组(Array)、函数(Function)两者区...

2020-02-06 19:24:01 4541

原创 Vue粒子特效使用教程(vue-particles插件)

演示预览:点击查看效果演示代码:点击查看代码官方教程:https://vue-particles.netlify.com/具体步骤如下1、安装插件npm install vue-particles --save-dev2、引入插件import Vue from 'vue'import VueParticles from 'vue-particles'Vue....

2020-01-21 16:51:27 5452

原创 vue中 computed 与 watch 、 created 与 mounted 彼此的关联与顺序

watch 与 computed 的区别,最关键的是watch需要监听值的变化而改变,但是computed从一开始就可以达到和某个值关联起来。

2019-11-06 16:32:02 16292 1

原创 JS操作滚动条置顶+动画效果

一、最实用方法:window.scrollTo({ top: 0, behavior: "smooth" });调用 scrollTo 方法,并设置 behavior 动画效果。等同于自己手动设置元素的 scrollTop = 0window.scrollTo 说明:语法1: window.scrollTo(x-coord,y-coord)x-c...

2019-10-14 11:38:11 6558 1

原创 C#与JavaScript的语法区别

1. var关键字// C#中var total = 15;var mec = new MyExcellentClass();// 等价于int total = 15;MyExcellentClass mec = new MyExcellentClass();C#中,var关键字并不是特定类型变量的符号。它只是句法上的速记,表示任何可以从初始化语句的右边推断出的类型。它不像j...

2019-07-31 20:44:05 2328 3

原创 2019年前端面经

2019年前的面试摘要

2019-07-12 17:51:38 3504 16

原创 前端实现json数据格式化展示

1. 故事前景:后端返回给前端一串json字符串,前端需要做格式化处理并将其美观地展示给用户。2. 效果演示:3. 实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2019-05-23 22:26:53 19402 6

原创 footer位置的自动适配(主内容不足一屏时显示在最底部,超出一屏时跟随主内容显示)

直接上自测可行的代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...

2019-04-29 09:20:57 1838 4

原创 开发历程碎碎念

一个好的后端真的可以让前端开发的心情无比愉悦啊 ~ ~ ~能用Mac开发真是件幸福的事情!一边(戴耳机听歌)抖腿一边(在机械键盘上)敲代码,也许这就是做程序员最大的乐趣吧!只有敲代码的时候才觉得自己还算是个有用的人。。。无法想象那些不喝咖啡不听音乐的人怎么能敲好代码,就好像抽烟的人无法想象我们这些不抽烟的人怎么能敲好代码~...

2019-04-18 11:14:40 437 3

原创 js报错类型(6种错误类型)

js中的控制台的报错信息主要分为两大类,第一类是语法错误,这一类错误在预解析的过程中如果遇到,就会导致整个js文件都无法执行。另一类错误统称为异常,这一类的错误会导致在错误出现的那一行之后的代码无法执行,但在那一行之前的代码不会受到影响。SyntaxError// SyntaxError: 语法错误// 1) 变量名不符合规范var 1 // Uncaught Syntax...

2019-03-08 15:31:21 6918 2

原创 【笔记】前端零碎知识点摘要

1. 什么是原型链?由于__proto__是任何对象都有的属性,而js里万物皆对象,所以会形成一条__proto__连起来的链条,递归访问__proto__必须最终到头,并且值是null。当js引擎查找对象的属性时,先查找对象本身是否存在该属性,如果不存在,会在原型链上查找,但不会查找自身的prototype2. 什么是前端工程化?这是个很大的概念,但是在我们的日常开发中又很常见。...

2019-02-14 11:39:39 519

原创 关于2019年的养生大业

程序员不止眼前的逻辑和代码,还应有健康的体魄和精气神。身体是革命的本钱呀!兄嘚!加班修仙不可取,养生大业是王道!1、调整工作姿势买个升降设备,尝试站着办公。 2、保持午休闭目养神就算睡不着也要让眼睛休息会儿。 3、多喝开水少喝咖啡,多泡枸杞菊花茶。 4、继续早睡计划提高白天工作效率,下班到点该走就走。早点回去还能看点技术书补充下理论知识,...

2019-01-30 17:44:49 701 1

原创 人生在世不如意,续命还得靠鸡汤

马太效应 :“凡是有的,还要给他,使他富足;但凡没有的,连他所有的,也要夺去”,这句话也可以理解为好的越好,差的越差,还可以理解为一步领先,步步领先,我们有时刻有这个意识,只要你去用心去努力地提高自己一次,你会发现你更容易获得新的提高,就这样,你的生活就会慢慢发生改变,变的越来越好。你努力一次,得到一个有用的东西,有了这个东西,你变强了,然后你又得到了另一个东西,你更强了,接着你又得到了其他东西...

2019-01-29 17:05:39 730

原创 js判断手机端和pc端以及微信浏览器

方法一:if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { console.log('this is wap');} else { console.log('this is pc');} 方法二:var sUserAgent = navigator.userAgent...

2019-01-11 05:27:55 2346

原创 【问题记录】Uncaught TypeError: Cannot assign to read only property 'exports' of object '

1、问题描述项目之前正常的路由配置是这样的: 2、路由配置说明第一种做法:每个页面模块目录通过一个 index.js 主入口来导出(module.exports)对应的vue文件,然后 router.js 中通过 require 方法去引入资源。这一做法是没毛病的,因为这是组织(webpack 2)允许的。第二种做法:如果好好的require不用,非要用 i...

2019-01-07 16:17:00 13647

原创 veeValidate使用data-vv-scope实现部分区域校验以及清空errors

1、使用场景如图,我要在登录、注册两个不同tab页进行各自的表单校验。2、关键代码展示template部分:&lt;div class="login-panel" v-show="activeTab === 1"&gt; &lt;div class="panel-content"&gt; &lt;div class="login-account-inp.

2019-01-06 14:52:28 4427

原创 vue-qr二维码插件使用简介

官方介绍:https://www.npmjs.com/package/vue-qr1、安装npm install vue-qr --save2、导入vue项目中使用下面给出一个简单的demo&lt;template&gt; &lt;vue-qr :text="downloadData.url" :margin="0" colorDark="#f67b29" colorL...

2019-01-05 14:40:27 47312 18

原创 npm和yarn常用命令对比

npm和yarn命令对比 npm yarn npm install yarn npm install xx --save-dev yarn add xx --dev npm install xx --save yarn add xx npm uninstall xx --save yarn remove xx npm update --save...

2019-01-03 17:13:33 1807

原创 项目中安装 less 和 less-loader 命令

npm命令如下:npm install less less-loader --save-dev或者 yarn命令如下:yarn add less less-loader --dev建议安装在本地依赖,没必要装全局环境,安装成功后 package.json 如下: 要安装全局的话,直接参考less官网: ...

2019-01-03 17:05:28 61271 1

转载 【笔记】前端开发的演变

引言在大学里接触的就是网站MVC开发模式,期末作业就是图书管理系统或是订单系统之类的。当时对于前端的理解就是一个单纯展示数据、极其无聊、毫无挑战性、工资很低的在项目中充当配角的职业。毕业后,正直vue热火朝天,一发不可收,刷新了人们对于前端的认知,也引出了风火多年但没什么人问津的react、angular等老家伙,这才入了前端这个坑,越陷越深。前端还是那个前端,他一直充当着项目研发的配角,但...

2018-12-26 18:03:05 413

echarts.min.js

该资源仅提供常用的几个图表控件,上传于此方便自己下载使用。有需要的同学建议直接去官网下载哦:https://www.echartsjs.com/zh/index.html

2019-10-25

operation-demo.zip

1. 用户登录态的实现 - cookie 2. 本地mock数据方式 - EasyMock/ExpressMock/MockJs/YapiMock/本地拦截 3. 前端请求做了哪些事情 -  axios 4. 前端路由模式 - vueRouter 5. 表单校验交互 - veeValidate 6. 列表查询的UI和交互 - elementUI

2019-08-13

自定义生成后的jsonlint

这是基于jison工具,通过修改JSONNumber中的numer转换规则,将long类型的numer值进行匹配,然后将其转为string,从而避免Long类型的数据在js中出现精度丢失的问题。 该jsonling.js文件是已经修改过后生产的辅助文件,可直接在项目中引用。 使用方法: 1、在html中引入该文件 [removed][removed] 2、在请求的相应数据response中调用它 return jsonlint.parse(data) 3、可在控制台查看每次请求拿到的数据,long类型已转换string; 注意浏览器中的Preview显示还是异常的,这个不影响前端读取数据。

2018-09-20

jquery-touchslider使用案例(注解版)

1、包含jquery、touchslider的js插件代码,以及两个使用案例,其中test.html为关键的注释版例子。 2、该代码主要展示了手机端H5滑动切换页面的使用方法。

2017-07-24

ExtJs常用布局--layout详解实例代码

ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 该文件含ext3.2.0压缩版,可直接运行哦!

2016-05-23

用extjs写的登录界面

这是用extjs3.2.0写的一个登录界面,而且是经过删减ext中无效文件的精简版,里面给了详细的注释说明,方便入门学习! 功能强大:包括账号密码的判断、浏览器缩放时候的窗口自适应、键盘enter键的监听、分别用相对定位和绝对定位对ext元素进行布局等。

2016-03-28

一个复杂美观的登录界面

相比之前的那个【简单版】登录界面,该模板新增: 1、js 回车事件,并且能够兼容多个浏览器; 2、界面布局的层次结构优化; 3、按钮监听响应事件的实现方式优化; 4、包含全屏方法的实现; 5、连个div块的叠加; ---------------------------以下为上个版本介绍--------------------------- 用html、JS、css写的一个登录界面的网页。 可以进行用户名、密码判断;界面跳转。 当然,该例子主要是展示css对页面的美化效果。

2016-03-24

2048小游戏——网页版(改进篇)

重点说明:该资源为原版2048的改进版! 主要改进:1、把数字换成了文字;2、新增暂停查分按钮;3、尺寸改为屏幕的百分比,支持缩放。 ---------- 以下为上个版本的介绍 ---------- 这是一个用js写的网页版2048游戏,实现2048游戏的基本功能。 比如:绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。 我再代码中进行了非常详细的注释,相信有一点点基础的开发人员都能迅速看懂,快来试试吧! 当然,大神还可以在这个文档的基础上对游戏进行改进,比如添加一些更炫酷的动画效果,自定义数字、文字、图像等。

2016-03-16

一个简单美观的登录界面

用html、JS、css写的一个登录界面的网页。 可以进行用户名、密码判断;界面跳转。 当然,该例子主要是展示css对页面的美化效果。

2016-03-09

2048小游戏——网页版

这是一个用js写的网页版2048游戏,实现2048游戏的基本功能。 比如:绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。 我再代码中进行了非常详细的注释,相信有一点点基础的开发人员都能迅速看懂,快来试试吧! 当然,大神还可以在这个文档的基础上对游戏进行改进,比如添加一些更炫酷的动画效果,自定义数字、文字、图像等。

2016-03-07

空空如也

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

TA关注的人

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