自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 vue2、vue3自定义指令(私有指令,全局指令)

自定义指令(私有指令,全局指令)

2022-11-17 14:24:57 268 1

原创 插槽(slot)、普通插槽、具名插槽(多个插槽)、作用域插槽(slot绑定数据)

插槽(slot)、普通插槽、具名插槽(多个插槽)、作用域插槽(slot绑定数据)

2022-11-17 14:11:52 656

原创 watch监听数据(进页面立马监听,监听对象,监听表单中的某一项)

watch监听数据(进页面立马监听,监听对象,监听表单中的某一项)

2022-11-16 17:26:14 1756 1

原创 vue3中的(父传子,子传父、兄弟之间传值,后代关系组件传值)

vue3中的(父传子,子传父、兄弟之间传值)

2022-11-16 16:21:28 416 1

原创 多种动态绑定class和style

【代码】多种动态绑定class和style。

2022-11-16 14:07:32 684 1

原创 注册组件(全局注册、局部注册)

注册组件(全局注册、局部注册)

2022-11-15 19:05:24 192

原创 vue全局过滤器(filter)和局部过滤器(私有过滤器)(filters)、调用多个过滤器、过滤器传参、过滤器兼容(vue3剔除了过滤器,可使用计算方法来实现)

vue全局过滤器(filter)和局部过滤器(私有过滤器)(filters)、调用多个过滤器、过滤器传参、过滤器兼容(vue3剔除了过滤器,可使用计算方法来实现)

2022-11-15 17:31:56 429

原创 webpack打包、js处理兼容性、代码压缩问题Uncaught SyntaxError: Cannot use import statement outside a module (at index

3.在package.json的scripts节点下,新增dev脚本(如果没有package.json文件夹,npm init -y)在webpage.json给webpack加个serve参数。2.src统计目录下创建webpack.config.js。打完包会出来一个dist文件,引入dist>main.js。6.自动保存 Ctrl+S 安装插件。4.打包(npm run dev)1.安装webpack。8.打包处理css文件。打包处理less文件。

2022-11-14 11:48:16 1667

原创 看一眼便会的vuex

【代码】vuex的使用。

2022-11-14 11:39:19 104

原创 1584983115491时间戳转2020-3-24 01:05:15

【代码】1584983115491时间戳转2020-3-24 01:05:15。

2022-11-11 15:20:29 72

原创 vue2传值(父传子,子传父、兄弟之间传值)

emit('事件名','穿的数据'1.父传子(props属性)

2022-11-10 18:02:08 94

原创 画布canvas碰撞检测

【代码】画布canvas碰撞检测。

2022-11-09 10:12:37 132

原创 简单画布canvas的画法

简单画布canvas的画法,封装,实心 空心 矩形

2022-11-08 15:47:39 176

原创 生成随机颜色和随机数的生成

生成随机颜色和随机数的生成

2022-11-08 15:35:41 633

原创 uniapp 微信小程序 自定义导航栏 右上角设置(小胶囊)状态栏高度、头部高度、胶囊高度

uniapp 微信小程序 自定义导航栏 右上角设置(小胶囊)状态栏高度、头部高度、胶囊高度。

2022-08-17 12:57:30 4482

原创 上下滑弹框(仿高德)

上下滑弹框(仿高德)

2022-08-16 10:40:38 1187 1

原创 vue2和vue3父-子传值、孙辈传值provide/inject

vue2和vue3父-子传值、孙辈传值provide/inject

2022-07-29 15:47:16 336

原创 vue+element导出表格

1.安装插件npm i -S pikaz-excel-js 2.封装的一个导出插件3.需要使用导出的页面引用注册一下4.使用,与传值 props

2022-07-04 17:42:03 213

原创 vue+element ui表格滚动条和布局滚动条

vue+element ui表格滚动条和布局滚动条

2022-07-04 17:36:21 500

原创 element 表格(table)合并行

element 表格(table)合并行

2022-06-30 11:47:28 457

原创 css改变输入框(input)placeholder颜色,输入颜色样式

改变输入框(input)placeholder颜色,输入颜色

2022-06-30 11:43:55 933

原创 vue禁用缩放、F12、Ctrl+、Ctrl-功能

vue禁用缩放、F12、Ctrl+、Ctrl-功能

2022-06-29 14:33:27 1366

原创 vue点击2次logo,头部logo报错问题

在router路由index.js写上下面一句话就可以了

2022-06-29 09:51:20 141

原创 vue全屏、退出全屏、Esc退出不报错

vue全屏、退出全屏、Esc退出不报错

2022-06-29 09:24:09 348

原创 utc 2018-03-07T16:00:00.000Z 格式转换2018-03-08 00:00

utc2018-03-07T16:00:00.000Z 格式转换2018-03-08 00:00// UTC 转指定格式日期export function utcTransform(datas) { let date = new Date(datas) let Y = date.getFullYear().toString(); let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : da..

2022-05-18 11:26:57 198

原创 vue修改浏览器的标题和图标

一,改标题title方法一:直接在public/index.html中修改title即可,如下:方法二:在main.js中添加一下代码Vue.directive('title', { inserted: function (el, binding) { document.title = el.dataset.title }})再在app.vue中添加:v-title data-title="自己的标题内容"如图:一,改图标把图片名字改一下

2022-04-06 17:38:07 2218 1

原创 vue传参跳转页面数据消失

vue传参跳转页面数据消失

2022-03-24 16:07:27 342

原创 element菜单栏自定义展开一个或多个

1.在菜单el-menu中加入这2句:default-openeds="openeds" :defaultOpeneds="['11','12','13']"在data中定义 openeds: ['11','12','13'],11,12,13是我写的假数据中一级菜单栏中的id,可以根据自己的数据写defaultOpeneds以数组的形式把你要展开的一级菜单栏的id2.在data中定义 openeds: ['11','12','13'],11,12,13是我写的假数...

2022-02-10 17:07:39 2195 1

原创 element动态菜单和图标

<el-aside :width="isCollapse ? '64px' : '200px'"> <el-menu :default-openeds="openeds" :defaultOpeneds="['11','12','13']" :router="true" :collapse-transition="false" :collapse="isCollapse" ..

2022-02-10 16:58:24 1514

原创 解决跨域问题(反向代理)

1.在根目录创建一个vue.config.js,把下列代码复制module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:3000', pathRewrite: { '^/api': '', }, }, }, },}2.然后就解决了跨域!!!!!!!...

2021-12-16 20:28:02 92

原创 Eslint格式化空格报错问题解决

第一步 找到并打开.eslintrc.js文件第二步 将这段代码复制到当前位置"space-before-function-paren": 0保存就不会报错了一般配置Eslint以下规则只需要制定一个即可(或者像上面一样设置就好) // 默认情况下,ESLint 规定:方法的形参之前必须保留一个空格 'space-before-function-paren': ['error', 'always'] // 如果指定了规则的值为 neve...

2021-12-04 22:35:57 1341

原创 TypeError: this.getOptions is not a function 的解决

TypeError: this.getOptions is not a function 的解决

2021-11-20 19:14:54 678

原创 vue传值(自定义事件、属性、EventBus)

vue传值(自定义事件、属性、EventBus)

2021-11-17 10:50:57 250

原创 vue-cli的安装与使用

1.安装vue-lic,打开cmd输入npm install -g @vue/cli2.检查是否安装成功vue -V3.想好把项目创建在哪个目录,然后点击地址输入cmd4.基于vue-cli快速生成工程化的Vue项目:vue create 项目名称如果出现下图输入 y5.然后出现下图小白推荐选择第三个(用上下箭头选择)6.用空格选择7.选择vue版本8.预处理器(用上下箭头选择)9.选择第一个1...

2021-11-13 15:57:34 664

原创 for中循环嵌套定时器

for(var i=0;i<5;i++){setTimeout(() => { console.log(i); }, 1000 * i);} console.log('111');结果为:

2021-11-09 15:47:19 360

原创 多媒体音频标签

目录video 参数1.多媒体标签有两个,分别是2.audio标签说明3.audio 支持的音频格式4.audio 的参数多媒体视频标签1.video 视频标签2.语法格式5.多媒体标签总结音频标签与视频标签使用基本一致新增 input 标签新增表单属性video 参数1.多媒体标签有两个,分别是 音频 --audio 视频 --video 2.audio标签说明 可以在不使用标签的情况下,也能够原生的支持音频...

2021-11-02 11:16:01 458

原创 自定义用户代码片

{ "html": { "prefix": "html", "body": [ "<!DOCTYPE html>", "<html>\n", "<head>", "\t<meta charset=\"UTF-8\">", "\t<meta name=\"viewport\" content=\"w...

2021-10-21 19:18:25 49

原创 ico图标

如何安装Favicon当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)在页面源文件的<head></head>标签之间插入<link rel="shortcut icon" href=" /favicon.ico" />1. 将成功生成的图标文件下载并改名为xxx.ico,上传到网站根目录。制作ico图标如下网址:比特虫:https://www.bi..

2021-08-25 09:16:54 86

空空如也

空空如也

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

TA关注的人

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