自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端的路上

new Object()

  • 博客(197)
  • 资源 (1)
  • 收藏
  • 关注

原创 【无标题】

快速上手vue3

2024-04-23 11:09:20 799

原创 uniapp 页面长按无法复制

全局css修改page。

2024-03-20 16:17:45 90 1

原创 软件版本号讲解:什么是Alpha, Beta, RC

文件名称由四部分组成:第一部分为项目名称,第二部分为文件的描述,第三部分为当前软件的版本号,第四部分为文件阶段标识加文件后缀,例如:项目外 包平台测试报告1.1.1.051021_beta_b.xls,此文件为项目外包平台的测试报告文档,版本号为:1.1.1.051021_beta。例如:1.1.1.051021_beta。如果是同一版本同一阶段的文件修改过两次以上,则在阶段标识后面加以数字标识,每次修改数字加1,项目外包平台测试报告1.1.1.051021_beta_b1.xls。

2024-03-19 10:00:19 1010

原创 mac npm install 很慢或报错

修改后一般就可以了,先试试。

2024-03-18 11:20:26 384

原创 Mac 安装nvm

①:使用 nvm install node版本号 也可直接输入nvm install node 最新版本。3.安装完成后关闭终端,重新打开终端输入 nvm -v 验证一下是否安装成功,当出现版本号时,说明已安装成功。②:使用 nvm list 或 nvm ls 可查看当前安装的node版本。④:使用 nvm alias default node版本 可以指定默认打开终端时的node版本。安装 nvm 之前最好先删除下已安装的 node 和全局 node 模块,避免引起冲突。

2024-03-14 15:42:14 559

原创 Mac command not found

电脑更新后,不知道怎么环境出现了一些问题, 想安装serve,自己打包后,启动服务,但是npm i serve -g ,就是报 command not found。原因:zsh和bash有别, zsh模式不执行上述脚本,bash模式才执行。source ~/.bash_profile 保存环境变量后没有生效。切换bash chsh -s /bin/bash。切换zsh chsh -s /bin/zsh。zsh、bash 模式互相切换。(如果没有可以只直接创建)

2024-01-15 16:37:07 640

原创 vue npm ERR! ERESOLVE unable to resolve dependency tree依赖包之报错

npm ERR! ERESOLVE unable to resolve dependency tree

2022-12-10 19:14:21 432 1

原创 Vue 运行报错error:0308010C:digital envelope routines::unsupported

Vue 运行报错error:0308010C:digital envelope routines::unsupported

2022-12-10 19:03:46 335

转载 vue uniapp中v-html识别\n换行

normal连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。nowrap和 normal 一样,连续的空白符会被合并。但文本内的换行无效。pre连续的空白符会被保留。在遇到换行符或者元素时才会换行。pre-wrap连续的空白符会被保留。在遇到换行符或者元素,或者需要为了填充「行框盒子(line boxes)」时才会换行。pre-line连续的空白符会被合并。在遇到换行符或者元素,或者需要为了填充「行框盒子(line boxes

2022-05-04 17:30:09 2085

原创 Elementui输入框(text)与文本域(textarea)字体不一样

.el-textarea__inner{ font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}

2022-04-26 17:35:49 804

原创 Object.assign()

1、Object.assign()是什么?Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。 tips:在JavaScript中枚举属性简单来说就是指对象中的属性是否可以被遍历出来,是属性的enumerable值决定的2、基本用法const target = { a: 1, b: 2 };const source = { b: 3, c: 4 };const source2 = { c: 5, d: 6 };...

2022-04-23 14:26:55 2491

原创 js 面向对象(多态)

js的多态子类对父类方法的重写, 这个会默认执行子类的方法, 即实现多态不同子类执行父类的同名方法会有不同的结果, 即下面这种还有函数参数个数, 参数类型的多态不同子类执行父类的同名方法会有不同的结果实现方式父类中调用未来子类的方法子类的创建的时候, 写自己的方法, 继承父类, 调用父类的同名方法的时候, 父类原型上的this此时指向子类这个时候就会调用不同子类的方法 function Base() { Base.prototype.initfun = funct...

2022-04-23 14:23:38 267

原创 gulp打包Replace Autoprefixer browsers option to Browserslist config. Use browserslis

在package.json中添加"browserslist": [ "defaults", "not ie < 11", "last 2 versions", "> 1%", "iOS 7", "last 3 iOS versions" ]对gulp不是很熟悉,配合这的篇配置完成打包的gulp配置gulp-autoprefixer报出警告问题_saturday-yh的博客-CSDN博客...

2022-04-13 14:34:45 997

原创 gulp配置gulp-autoprefixer报出警告问题

1、首先降低了gulp-autoprefixer的版本"devDependencies": { "babel-core": "^6.26.3", "babel-plugin-transform-remove-strict-mode": "^0.0.2", "babel-preset-env": "^1.7.0", "del": "^6.0.0", "gulp": "^4.0.2", "gulp-autoprefixer": "^6.0.0", "gulp-babel": "

2022-04-13 14:27:10 405

原创 element plus语言默认为英语,修改为中文

<template> <div> <el-config-provider :locale="zhCn"> <router-view v-slot="{ Component }"> <!-- keep-alive 缓存 --> <keep-alive include="addTemp,simpleTemp"> <component :is="Compone.

2022-04-13 14:19:10 562

原创 vue3+vite+ts+elementPlus+sass 项目搭建

兼容性注意Vite 需要 Node.js 版本 >= 12.0.0。npm init vite@latest初始化的vue3项目 没有router axios vuex sass等插件根据自己需求安装依赖包npm i axios @antv/g2 element-plus lodash print-js qf-export-excel qs vue-router vuex vuex-persistedstate -Snpm i sass -D需要说一点就是.

2022-04-12 14:10:19 1609

原创 vue3语法糖<script setup>,父子组件通信 使用defineEmit,defineProps,defineExpose

注意:这些语法糖是建立在<script setup>上的以封装element-plus Pagination 分页组件子组件获取到父组件的值用defineEmit,子组件给父组件传值用defineProps子组件暴露自己的数据和方法用defineExpose直接上完整代码子组件:<template> <el-pagination @size-change="handleSizeChange" @current-change="

2022-04-12 13:54:14 2085

原创 vue3+vite <script setup > 配置name属性

// 首先安装插件npm i vite-plugin-vue-setup-extend -D// vite.config.ts 引入import vueSetupExtend from 'vite-plugin-vue-setup-extend'export default { plugins: [vue(), vueSetupExtend()],}//vue组件<script setup lang="ts" name="simpleTemp"> 直接使用..

2022-04-11 18:01:00 2003

原创 vue Component inside <Transition> renders non-element root node that cannot be animated.

警告:没有用根节点,无法使用动画在router-view上 使用div标签包住,<div> <router-view v-slot="{ Component }"> <!-- keep-alive 缓存 --> <keep-alive include="addTemp,simpleTemp"> <component :is="Component" /> </keep-...

2022-04-08 16:07:32 984

原创 vue3 子父传值emit

方法一://子组件setup(props,context) { toParent() { context.emit('msg',111) }}父组件<child @msg="childmsg"></child>childmsg(e){ console.log(ee)}方法二://子组件import { getCurrentInstance,} from "vue";setup(props) {

2022-04-07 09:14:14 620

原创 css 中使用flex后,拖动滚动条,元素没有撑满

当前元素上使用min-width属性

2022-04-01 17:11:04 745

原创 vue2 SASS 定义全局变量

cnpm install -D sass-loader node-sass stylus-resources-loader在vue.config.js中pluginOptions: { 'style-resources-loader': { 'preProcessor': 'scss', 'patterns': [ // 文件路径根据实际情况编写 path.resolve(__dirname, '@/assets/css/*.sc.

2022-03-28 13:45:52 838

原创 uniapp H5 history 模式 刷新空白

针对nginx的配置listen 8888; listen [::]:80; server_name localhost; #charset koi8-r; #access_log /usr/local/nginx/logs/host.access.log main; location / { root html/webviewer; // 项目根路径 try_files $uri $uri/ @r...

2022-03-25 11:14:43 3626

原创 vue history 模式 刷新404 问题

1. src和href的区别src: 表示对资源的引用,它指向的内容会嵌入到当前标签所在的位置。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执⾏完毕,所以⼀般js脚本会放在页面底部。 href: 表示超文本引用,它指向一些网络资源,建立和当前元素或本文档的链接关系。当浏览器识别到它他指向的⽂件时,就会并⾏下载资源,不会停⽌对当前⽂档的处理。 常用在a、link等标签上。2. 对HTML语义化的理解语义化是指根据内容的结构化,选择合适的标签。语义化的优点如下:

2022-03-25 11:03:03 4741

原创 JS 类型检测方法

javascript的变量类型分为原始类型和引用类型。原始类型有6种, 注意多了 Symbol Number String Boolean Null Undefined Symbol 引用类型包括 Function Array Date Object RegExp 而检测这些类型的变量有3种办法:typeof,instanceof,Object.prototype.toString.call。让我来一一例举,废话不多说,上代码。//首先是typeo

2022-01-19 16:19:15 198

原创 解构对象/展开字符串

解构对象假设我们有一个对象user:const user = { firstname: 'Chris', lastname: 'Bongers', age: 31};现在,我们可以使用展开运算符将其分解为单个变量。const {firstname, ...rest} = user;console.log(firstname);console.log(rest);// 'Chris'// { lastname: 'Bongers', age: 31 }这里,我们解

2022-01-19 15:10:08 715

原创 使用 Math() 函数

对于这句话,不能赞同更多,也让我下决心好好写这篇,网上文章虽多,大多复制粘贴,且晦涩难懂,我希望能够通过这篇文章,能够清晰的提升对apply、call、bind的认识,并且列出一些它们的妙用加深记忆。apply、call在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改...

2022-01-19 15:06:52 665

原创 uniapp项目 vue create -p dcloudio/uni-preset-vue my-project下载失败

1. 利用github下载:https://github.com/dcloudio/uni-preset-vue2、执行命令(原理就是直接使用本地的项目模板,正常情况下是拉去线上模板)// 现在需要执行的命令vue create -p 你下载好文件的路径 myproject// 我的命令示例vue create -p E:\uni-preset-vue-master uniapp复制// 正常情况下的命令(拉取线上资源)vue create -p dcloudio/uni-pre.

2021-12-03 15:53:59 3872

原创 动态渲染scroll-view 滚动区域高度

动态渲染scroll-view 滚动区域高度

2021-12-01 15:05:35 763

原创 uni-app获取当前页面路由,获取当前url地址参数

利用uniappAPI,获取当前页面路由,获取当前url地址参数

2021-12-01 14:46:56 7075

原创 vue3 定义全局方法(获取全局this)

在main.ts(main.js)中添加const app = createApp(App)app.config.globalProperties.$http = () => { alert(1111)}在组件中使用import { defineComponent, reactive, ref,getCurrentInstance } from 'vue'const _this:any = getCurrentInstance()console.log(_this.ap.

2021-09-28 15:13:36 3780

原创 vue3的环境搭建及项目初始化

首先按照我写的更新脚手架vuecli 的全局安装和卸载_前端的路上-CSDN博客在进行安装脚手架包的时候会报错1. 用管理员权限开启从cmd创建项目 – 这个方法我成功了。 2.按照网上的解决方法修改C盘用户文件夹下的 .vuerc文件。 修改内容 “useTaobaoRegistry”: false, 原来值为true。 3. 更新 vue脚手架的版本。方法一:方法二:...

2021-09-18 15:30:07 160

原创 vuecli 的全局安装和卸载

vuecli2的安装查看所有版本号npm view vue-cli versions --json //指定版本安装 npm install -g [email protected] //安装vue-cli2最新版 npm install -g vue-cli vue-cli2版本的卸载npm uninstall -g vue-cli获取vue-cli3.x.x 版本npm view @vue/cli versions --json//指定版本安装

2021-09-18 14:57:44 1340

原创 css3 动画

npm 安装 npm install print-js --savenpm安装时将库导入项目 import print from 'print-js'下面主要介绍一下我们要用的打印方法printJS();printJS()将接受一个对象作为参数,下面表格的参数则为该对象的属性,通过控制属性值来控制打印;参数 默认值 说明printable: null 文档来源:pdf或图像的url,html元素的id或json数据的对象type: PDF 可打印类型。可用的打印选项包括:pdf,ht.

2021-09-08 14:48:15 85

原创 vue Uncaught (in promise) Error: Navigation cancelled from “/home“ to “/login“ with a new navigation

1、初始化进入项目 ,登录过期重定向到登录页面,路由报错import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)//解决编程式路由往同一地址跳转时会报错的情况const originalPush = VueRouter.prototype.push;const originalReplace = VueRouter.prototype.replace;//pushVueRouter.prototy

2021-08-19 15:00:58 2018

原创 js 中的全队列方法

给定一个字符串,输出该字符串所有排列的可能。如输入“ABC”,输出"ABC", "ACB", "BAC", "BCA", "CAB", "CBA"。1、判断当前字符长度2、拿到当前位置字母3、通过递归得出不同排列,然后当前字母进行拼接function fullpermutate(str) { var result = []; if (str.length > 1) { //遍历每一项 for (var m = 0; m < str.length; m++)

2021-08-18 15:52:20 107

原创 数组的注意问题

数组也支持 [] 访问形式,不过就像我们之前提到过的,数组有一套更加结构化的值存储 机制(不过仍然不限制值的类型)。数组期望的是数值下标,也就是说值存储的位置(通常被称为索引)是非负整数,比如说 0 和 42: var myArray = [ "foo", 42, "bar" ]; myArray.length; // 3 myArray[0]; // "foo" myArray[2]; // "bar" 数组也是对象,所以虽然每个下标都是整数,你仍然可以给数组添加属性:

2021-08-13 16:50:01 132

原创 Javascript中apply、call、bind

对于这句话,不能赞同更多,也让我下决心好好写这篇,网上文章虽多,大多复制粘贴,且晦涩难懂,我希望能够通过这篇文章,能够清晰的提升对apply、call、bind的认识,并且列出一些它们的妙用加深记忆。apply、call在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改...

2021-08-12 14:40:55 90

原创 vue 使用fastclick 后 点击表单不获取焦点的,控制报错[Intervention] Unable to preventDefault inside passive event liste

安装好fastclick后,在mai.js中import FastClick from 'fastclick'FastClick.attach(document.body)这样在在点击表单时,就获取不到焦点,双击可以获取焦点,但是控制台后报错暴力解决办法:最简单的是加上*{ touch-action: none; } 不进行任何touch相关默认行为. 手动清除默认行为document.addEventListener('touchmove', function (event.

2021-07-29 15:58:36 460

原创 vue 引用Moment.js

1.下载npm install moment --save2.main.js 挂载 引入import moment from 'moment'//导入文件Vue.prototype.$moment = moment;//赋值使用3.组件中使用凡是用的prototype 使用都要this.继承<template> <div style="padding:30px;"> <div>格式化时间</div> {{ this.$mom

2021-07-28 17:33:15 1488

导出Excle.zip

前端项目中,需要导出Excel文件时,需要的Blob.js和Export2Excel.js,同时博客里面有相关代码,demo

2019-11-25

空空如也

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

TA关注的人

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