自定义博客皮肤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)
  • 资源 (2)
  • 收藏
  • 关注

原创 【Vue2-uniapp】Vue引入iconfont失败原因-文件查找失败:【绝对路径错误】【OTS parsing error: invalid sfntVersion: 1008813135】

浏览器错误提示【说白了就是ttf字体文件下载失败,路径有问题,请更换为绝对路径】:Failed to decode downloaded font: http://localhost:8080/common/style/css/iconfont/iconfont.ttf:8080/#/:1 OTS parsing error: invalid sfntVersion: 1008813135/* 1、由于当前项目为uniapp项目,绝对路径必须加@ 2、如果绝对路径不加@则会报

2021-10-30 16:39:48 7159 2

原创 【Vue】.vue文件是可以创建多个style标签,来同时导入scss和css文件

<script>export default { onLaunch: function () { console.log("App Launch"); }, onShow: function () { console.log("App Show"); }, onHide: function () { console.log("App Hide"); },};</script>&.

2021-10-30 11:05:16 2482

原创 【uni-app】在 WebStorm 中开发 uni-app

GitHub - dcloudio/uni-app: uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架在 WebStorm 中开发 uni-app - DCloud问答

2021-10-29 22:07:48 2538

原创 【Vue3-Vite2】/node_modules/bn.js/lib/bn.js‘ does not provide an export named ‘default‘

node.js - Transforming UMD modules to ES modules in RollupJS ("The requested module X does not provide an export named 'default'") - Stack Overflow基于Vite2编译Vue3项目,在开发以太坊库【ethers】时报错:Uncaught SyntaxError: The requested module '/node_modules/@etherspro

2021-10-29 21:48:22 12662

原创 【】WebStorm+Chrome调试Vue步骤【必须选择JavaScript调试】

WebStorm+Chrome调试Vue步骤 - 以德为先 - 博客园【重磅技巧】webstorm+谷歌浏览器调试Vue程序【真是牛逼了,竟然还可以调试基于Metamask的以太坊区块链程序!!!】_比特币爱好者007的博客-CSDN博客...

2021-10-29 20:16:01 5113

原创 【file watchers小工具】webstorm配置scss/sass自动转换成css代码及scss的使用命令

​​​​​​webstorm配置scss/sass自动转换成css代码及scss的使用命令_艾小逗-CSDN博客使用Sass命令执行输出css文件【参数请查看官网】安装Sass | Sass中文网

2021-10-29 12:56:15 1444

原创 【Vue3】app.config.globalProperties如何创建一个储存全局变量的文件

vue3如何创建一个储存全局变量的文件_lhr__的博客-CSDN博客vue3如何创建一个储存全局变量的文件在assets文件夹下面创建文件globalvariable.js// globalvariable.js// 这里写一些要使用的全局变量 方法也可以// globalvariable.js// 这里写一些要使用的全局变量 方法也可以const aaa = 1234const fnc = ()=>{ console.log("我执行了")}export defaul

2021-10-29 11:54:47 875 1

原创 【Node后端开发】在 Node.js 中使用 ES6 模块 import 和 export

在 Node.js 中使用 ES6 模块 import 和 export - wenr - 博客园在 Node.js 中使用 ES6 模块 import 和 export1、Node版本 >= 132、使用 ES6 模块a.jsexport const A = 'A';index.jsimport { A } from './a.js';console.log(A);3、创建 package.json{ "type": "module"}4、

2021-10-28 13:34:21 471

原创 【Vite-Vue3】基于vite生成的Vue3项目不在支持【CommonJS的require语句导入了】

安装 | Vue.jsuni-app官网

2021-10-27 22:49:04 3594

原创 【安卓APP反编译工具 apktool】Android APK反编译就这么简单【资源文件获取,可以提取出图片文件和布局文件进行使用查看】

apktool官网:Apktool - How to Install下载:将两个文件 ( apktool.jar& apktool.bat)移动到您的 Windows 目录解决方法:使用命令行apktool d -f <apk_path> -o <outfile_path>apktool.bat d -f test.apk -o test apktool错误:Input file (xxxx) was not found .

2021-10-27 10:40:29 386

原创 【Vue3-JavaScript】如何使用vue3创建一个基于【webstorm开发】自动提示和自动格式化代码规则的工程!

第一种方法【推荐使用】:参考【Vue3-TypeScript】工程创建流程【取消其中的TypeScript安装】即可【Vue3-TypeScript】如何使用vue3创建一个基于【webstorm开发】自动提示和自动格式化代码规则的工程!_比特币爱好者007的博客-CSDN博客第二种方法:更简单【选择安装默认的JavaScript版本即可】只是相比上一种方法安装的库会少一些!...

2021-10-23 21:23:16 2106

原创 【Vue3-TypeScript】如何使用vue3创建一个基于【webstorm开发】自动提示和自动格式化代码规则的工程!

开始执行Vue3工程【完美兼容【webstorm】TypeScript语法自动提示检测和代码自动化格式化-快捷键Ctrl+Alt+L】vue create project_name

2021-10-23 20:56:35 1376

原创 【Vue3-TypeScript】基于TS来编程Vue3,必须使用defineComponent方法来定义子组件【为获取更多类型提示方便编程】

全局 API | Vue.js

2021-10-22 18:48:11 2429

原创 【Typescript】基于ts-node开发自动执行.ts文件【Typescript完美开发前后端程序】

官网:Overview | ts-node

2021-10-19 17:02:53 200

原创 TypeScript中的问号 ? 与感叹号 ! 的含义

TypeScript中的问号 ? 与感叹号 ! 的含义 - guo&qi - 博客园

2021-10-19 16:24:08 1056

原创 error TS6504: File ‘test01.js‘ is a JavaScript file. Did you mean to enable the ‘allowJs‘ option?

基于TypeScript执行命令为这个正确执行ts文件的运行【会自动输出test01.js】tsc test01.ts错误:这里是错误的运行方式【这里等价于tsc自动执行test01.js,为此会报错---->tsc无法运行js文件】tsc testo1.ts test01.jsTypescript运行错误提示:error TS6504: File 'test01.js' is a JavaScript file. Did you mean to enable the 'a

2021-10-19 15:11:37 5193

原创 【TypeScript】如果接口中的函数类型带有函数名【下面两种书写方式是等价的】

定义函数的接口类型interface Calculate { (x: number, y: number): number}如果接口中的函数类型带有函数名【下面两种书写方式是等价的】interface Calculate { add(x: number, y: number): number}interface Calculate { add: (x: number, y: number) => number}...

2021-10-19 12:08:09 87

原创 【Vue3】vuex修改状态state的方法【官方推荐的方法是通过mutaion的方式修改state,更加安全和方便调试监控数据变化】

vuex修改状态state的方法_u010007013的博客-CSDN博客_vuex修改state的值vuex想要改变state里的属性,官方推荐的方法是通过mutaion的方式修改state。注:在组件里直接修改state也是生效的,例如: doSomething(){ this.$store.state.num = this.num; } 但是不推荐这种直接修改state的方式,因为这样不能使用vuex的浏览器插件来跟踪状态的变化,不利于调试。...

2021-10-18 22:23:58 1031

原创 【Vue3】路由动态传参的规则【params和query匹配的路由方式不一样,务必注意】

基于params参数【对用的路由途径必须为name匹配---不能使用path匹配】 <!-- router-link 跳转 --><router-link :to="{name: 'detail', params: {name: 'React 基础学习'}}">2. React 基础学习</router-link>基于query传参【对用的路由途径必须为path匹配---不能使用name匹配】 <!-- router-link 跳转 --&gt.

2021-10-18 17:43:39 405

原创 【Vue】Vue3-route使用总结【和Vue2的区别】

vue3.0中的路由及路由守卫 - 简书<template> <h1>这里是app页面</h1> <router-link to="/login">点击login</router-link> <router-view></router-view></template><script> export default { name: "App",

2021-10-18 14:59:21 346

原创 【Vue3】slot插槽之作用域插槽【基于v-slot传参】

作用域插槽的作用就是:子组件【插槽位置】向【父组件实现位置】传递参数的功能父组件<template> <img alt="Vue logo" src="./assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"> <!--这里的data需从子组件的插槽中传入获取--> <template v-slot="data".

2021-10-18 11:38:48 3845

原创 【Vue3】使用纯CSS3来创建Switch开关功能【基于checkbox标签的选中和取消,来模拟button功能】

<!-- 功能:纯CSS3来创建Switch开关功能【基于checkbox标签的选中和取消,来模拟button功能】 特殊说明: 1、隐藏input,然后把label和input通过for-id标签关联! 2、label是inline标签,为此无法直接设置尺寸,中间嵌入一个div元素被label包裹即可!--><template> <div class="switch"> <...

2021-10-17 23:22:00 312

原创 【CSS3】CSS3全部伪类大全汇总

参考:CSS 伪类所有 CSS 伪类选择器 例子 例子描述 :active a:active 选择活动的链接。 :checked input:checked 选择每个被选中的 <input> 元素。 :disabled input:disabled 选择每个被禁用的 <input> 元素。 :empty p:empty 选择没有子元素的每个 <p> 元素。 :enabled

2021-10-17 17:57:02 370 1

原创 【Vue3】基于Vue3开发tab切换功能

<template> <div class="radioGroups"> <div @click="clickItem(key)" :class="{'item-checked':tab_value===key,'item-default':tab_value!==key}" v-for="(content,key) in radioGroupContents" :key="key"...

2021-10-17 17:15:21 1685

原创 【CSS3】css选择器中:first-child与:first-of-type的区别

css选择器中:first-child与:first-of-type的区别 - 无双 - 博客园<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>:first-of-type</title> <style> /*定位父元素.wrapper下的span类型的第一个span元素*/ span:

2021-10-14 21:12:31 79

原创 【CSS3】CSS3 结构性伪类选择器—target用法

大白话用法总结:<!-- target的大白话总结: 指定选择器:#first:target 对应的【a标签】点击,则会触发匹配【目标选择器的样式】 自动匹配全部选择器:target 对应的【a标签】点击,自动触发只要匹配的目标选择器的样式--><!DOCTYPE html><html><head> <meta charset="utf-8"> <title>结构性

2021-10-14 19:40:43 2007

原创 【CSS3】CSS3多重背景 multiple backgrounds的使用总结

<!-- 多重背景的两种方式: 第一种:使用background属性,每个逗号隔开都代表一个独立背景图片及样式特性 第二种:使用【background+具体属性】特殊属性,根据每个属性【对应的顺序】来配置每个图片的特性--><!DOCTYPE html><html><head> <meta charset="utf-8"> <title>多重背景</title&g.

2021-10-14 18:10:15 1359

原创 Syntax Error: TypeError: this.getOptions is not a function

Syntax Error: TypeError: this.getOptions is not a function_风如也的博客-CSDN博客检查代码中并无写错的地方其实涉及到这个问题,就是版本原因了,我安装的scss-loader版本太高,卸载安装低版本即可// vue3使用10.2的版本没问题npm install sass-loader@10.2.0 --save-dev...

2021-10-14 11:20:57 198

原创 【Vue3-cli】vue3如何支持SCSS语言【请注意webpack和sass-loader版本】

vue3.x scss语法支持 - 胡勇健 - 博客园安装sass-loader之前必须先安装【参考:https://www.npmjs.com/package/sass-loader】==>请注意这里安装的webpack版本,如果是最新版本可能报错!npm install sass-loader sass webpack@^4.0.0 --save-dev安装sass-loadernpm install sass-loader --save-dev安装node-sass.

2021-10-14 11:15:57 514

原创 Error: Rule can only have one resource source (provided resource and test + include + exclude)

Error: Rule can only have one resource source (provided resource and test + include + exclude)Error: Rule can only have one resource source (provided resource and test + include + exclude)_夏冰seven的博客-CSDN博客删除webpack,重新装以前的版本。npm uninstall webp.

2021-10-14 11:08:37 183

原创 【重磅推荐】基于webstorm+hbuilderX两个编译器结合开发uni-app程序【最完美的创建项目的方案】

最新版的Hbuilder X创建uni-app项目【采用Vite方法创建】导致无法生成package.json文件,且不会自动安装node_modules的库,为此【Hbuilder X】创建的uni-app,无法在webstorm正常编译!为了同时支持webstorm+hbuilderX配合开发编译,首先请使用vue-cli3的脚手架创建一个Vue3 的初始项目,然后把其中的【package.json】文件拷贝到uni-app,在执行【npm install】此时在webstorm即可正常开发un

2021-10-13 18:38:46 3102

原创 【基于webstorm检查ESlint8版本报错】TypeError: this.cliEngineCtor is not a constructor

基于webstorm的ESlint检查错误:TypeError: this.cliEngineCtor is not a constructor网上有很多解决办法都是【过时的】基于ESlint在不断升级,请降级ESlint版本即可【此版本ESlint6.7.2不会报错】选择ESlint版本最好的方式就是使用Vue-cli脚手架创建一个Vue3的项目,内部提供的基本的编译环境,则没问题!{ "name": "vue3_01", "version": "0.1.0", "pr

2021-10-13 18:22:43 6406 1

原创 Vue3全局变量设置和访问总结

vue3 如何定义全局变量_kola的博客-CSDN博客vue 3.x 定义全局变量&使用app.config.globalProperties.$systemId = "10"# 这里必须使用appContext上下文才能获取import { getCurrentInstance } from "vue";const systemId = getCurrentInstance().appContext.config.globalProperties.$systemId

2021-10-13 13:46:35 1191

原创 【尚硅谷Vue技术全家桶(天禹老师主讲)课程总结】Vue3快速上手【图文版】

Vue3快速上手1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:Release v3.0.0 One Piece · vuejs/vue-next · GitHub 2.Vue3带来了什么1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54%

2021-10-11 18:44:17 1017

原创 【Vue3】之异步组件Suspense和defineAsyncComponent结合的使用方法总结

3.Suspense 等待异步组件时渲染一些额外内容,让应用有更好的用户体验 使用步骤: 异步引入组件 import {defineAsyncComponent} from 'vue'const Child = defineAsyncComponent(()=>import('./components/Child.vue')) 使用Suspense包裹组件,并配置好default 与 fallback <template> &

2021-10-11 17:55:54 1134

原创 【尚硅谷Vue技术全家桶(天禹老师主讲)课程总结】Vue3快速上手

以下格式为.md文件代码【如需查看完整信息,请复制内容重新创建.md格式文件打开即可正常访问】# Vue3快速上手.md文件<img src="https://user-images.githubusercontent.com/499550/93624428-53932780-f9ae-11ea-8d16-af949e16a09f.png" style="width:200px" />## 1.Vue3简介- 2020年9月18日,Vue.js发布3.0版本,代号:One.

2021-10-10 14:42:29 656

原创 【.md格式文件编辑器】几款主流好用的markdown编辑器介绍

几款主流好用的markdown编辑器介绍_黄志千的博客-CSDN博客_markdown编辑器推荐使用:3、Typora Typora也是非常用名,非常好用的markdown编辑器,它的设计理念很不一样,是真正的即时预览型编辑器,不同于左右两个窗口的编辑器。Typora的设计理念就是极致简洁,它将「写字」和「预览」这两件事情合并了。 如果要修改已经写好的markdown标记可以点击切换到“源代码模式”。 Typora 同样支持 Windows、OS X 和 Linux多个操作系统,支持数

2021-10-10 14:36:17 9692 1

Relax Your Eyes_Pycharm编辑器背景themes

Relax Your Eyes_Pycharm编辑器背景themes,我比较喜欢的一个标准!看起来很舒服,所以保存起来!

2019-01-26

JS中的模块规范(CommonJS,AMD,CMD&#40;少用&#41;)

如果你听过js模块化这个东西,那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯,我也听过,但之前也真的是听听而已。 现在就看看吧,这些规范到底是啥东西,干嘛的。

2018-12-28

空空如也

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

TA关注的人

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