前端
关注
分享
扫一扫
甜甜凉白开
记录经验分享经验，请大家多多鼓励多多支持
展开
-
ES6原型继承
ES6原型继承原创 2022-07-22 11:30:07 · 606 阅读 · 1 评论 -
JavaScript中this指向问题
javascript 中的this指向，谁调用它，this就指向谁。原创 2022-07-12 11:35:55 · 312 阅读 · 0 评论 -
webpack基本使用
webpack是一个流行的前端项目构建工具（打包工具），可以解决当前web开发中所面临的困境。webpack提供了友好的模块化支持，以及代码压缩混淆、处理js兼容问题、性能优化等强大功能，从而让程序员把工作的重心放到具体的功能实现上，提高了开发效率和项目的可维护性。........................原创 2022-06-21 08:41:30 · 223 阅读 · 0 评论 -
模块化相关规范
前端工程化-------模块化相关规范原创 2022-06-16 10:23:49 · 172 阅读 · 0 评论 -
vue 使用vant中的图片预览功能
ImagePreview 图片预览介绍图片放大预览，支持函数调用和组件调用两种方式。函数调用ImagePreview 是一个函数，调用函数后会直接在页面中展示图片预览界面。import { ImagePreview } from 'vant';ImagePreview(['https://img01.yzcdn.cn/vant/apple-1.jpg']);组件调用通过组件调用 ImagePreview 时，可以通过下面的方式进行注册。import Vue from原创 2021-12-09 11:46:50 · 16501 阅读 · 0 评论 -
【vant】van-list列表下拉加载更多onload事件
介绍van-list是瀑布流滚动加载，用于展示长列表，当列表即将滚动到底部时，会触发事件并加载更多列表项。引入import Vue from 'vue';import { List } from 'vant';Vue.use(List);页面渲染<van-list class="mylist" v-model="loading" :finished="finished" finished-text="没有更多了" @load="翻译 2021-12-03 10:36:10 · 2592 阅读 · 0 评论 -
setTimeout和setInterval的区别
setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。setInterval(() => { this.getAllMarkers();}, 5000);setTimeout(()=>{ this.getAllMarkers();},5000)...原创 2021-09-28 16:58:39 · 171 阅读 · 0 评论 -
ES6模板字符串中使用循环并取值
vue项目中碰到需要在模板字符串中动态渲染数组中的每一项，发现v-for不能正常渲染，于是使用原生的js语法来完成。原创 2021-09-07 10:50:15 · 4635 阅读 · 0 评论 -
仿FLASH的图片轮换效果
<html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="Content-Type" content="tex...原创 2021-08-26 17:25:10 · 165 阅读 · 0 评论 -
敏感词过滤
<!DOCTYPE html><html><head> <meta charset=utf-8> <meta name=description content=""> <meta name=viewport content="width=device-width, initial-scale=1"> <title>敏感词过滤</title> <script ty.原创 2021-08-26 17:22:07 · 83 阅读 · 0 评论 -
循环li点击改变样式
页面渲染：<ul> <li v-for="(item,i) in shishiTypes" :key="i" :class="i === li_active?'s_common top_left_li_act':'s_common top_left_li_default'" @click="setColor(i)"> <div style="font-size:14px"> <span>{{.原创 2021-07-28 15:19:45 · 403 阅读 · 0 评论 -
vue export 与export default的区别
原文链接：https://blog.youkuaiyun.com/weixin_44425934/article/details/112846315转载 2021-07-21 14:25:08 · 120 阅读 · 0 评论 -
“export ‘createRouter‘ was not found in ‘vue-router‘
vue3使用vue-router总是报错，第一次报错信息如下：原因：vue3有了新的写法，不再支持vue2的写法：vue2时router.js如下： import Vue from 'vue' import VueRouter from 'vue-router'// // 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)Vue.use(VueRouter);// // 1. 定义 (路由) 组件。可以从其他文件 impo原创 2021-07-21 14:22:39 · 5416 阅读 · 3 评论 -
vue不是内部或外部命令,也不是可运行的程序
使用vue脚手架初始化vue项目时，总是报“vue不是内部或外部命令,也不是可运行的程序”这样的错误，检查基础环境是否具备：1.node -v查看版本，已经安装2.npm -v查看版本，已经安装3.node 系统环境变量已经设置于是乎，查看node目录，如图发现并没有vue.cmd这个指令，说明vue没有安装，因此就安装vue4.执行以下两个命令：npm install -g vuenpm install -g @vue/cli 执行成功之后，关闭终端，重新打开，执原创 2021-07-20 13:58:15 · 1730 阅读 · 0 评论 -
a标签的作用
1.超链接<a href="https://www.baidu.com/">baidu</a>2.锚点（使用场景：置顶，侧边导航等）<div style="width:100px;height:100px; display:block;position: fixed;bottom: 50px;right: 50px; border: 1px solid #333;"> <div s...原创 2021-07-19 16:17:22 · 475 阅读 · 0 评论 -
vue中动态路由的传参方式及区别
1.直接调用$router.push实现携带参数的跳转this.$router.push({ path:"/test/${id}"})//对应路由配置如下：{ path:"/test/:id", name:"Test", component:Test}//获取参数的方式this.$route.params.id2.params方式this.$router.push({ name:"Test", params:{ id原创 2021-06-23 14:42:49 · 678 阅读 · 0 评论 -
百度地图清除指定覆盖物
1.清除marker标注 var allOverlay = this.map.getOverlays(); if (allOverlay.length) { for (var i = 0; i < allOverlay.length; i++) { if (allOverlay[i].toString() == "[object Marker]") { this.map.removeOverlay(allOverlay[i])原创 2021-06-23 11:25:01 · 1737 阅读 · 0 评论 -
vue 截图
1111.11.html2canvas2.kscreenshot3.vue-cropper原创 2021-06-22 13:32:19 · 510 阅读 · 1 评论 -
vue 组件之间的通信
组件之间的传值在vue 项目中是一个非常普遍的现象。原创 2021-06-21 17:16:42 · 135 阅读 · 0 评论 -
Vue实现打印功能
在vue项目中实现打印功能有一款非常好用的组件，那就是vueEasyPrint,这是一个基于vue 2.0的打印组件。使用步骤：1.npminstallvue-easy-print--save2.在需要打印的页面引入：importvueEasyPrintfrom"vue-easy-print";3.在需要打印的页面引入你的模板：importprintPlatefrom"./printPlate.vue";exportdefault{components...原创 2021-06-21 16:30:14 · 2559 阅读 · 0 评论 -
VueTreeselect出现unknown解决方法
VueTreeselect 控件显示[unknown]如图:treeselect 绑定的值需要与options输出的id相对应，若是空值，请不要给空字符串，0，等，因为会出现unknown，并且当选择了值以后，会出现选中的值后面会拼上unknown。解决办法就是把v-modle绑定的值设为null，必须是null，不能是‘null’，初始化的时候才不会出现unknown。...转载 2021-06-08 14:50:21 · 2042 阅读 · 0 评论 -
vue中computed与watch的区别
1.computed只能对最终结果进行运算功能computed的作用：(1)减少模板中的计算逻辑<templete></templete>原创 2021-06-07 14:52:32 · 1888 阅读 · 0 评论 -
vue使用echarts注意点
一般使用echarts图表有以下几个步骤：1.定义echarts容器（div），给定唯一标识id。2.获取具有唯一标识的div3.原创 2021-06-07 14:28:41 · 584 阅读 · 0 评论 -
本地vue项目部署测试
1.下载nginx(只需要解压即可，但是特别注意：路径不能有中文名称)2.找到config路径下的nginx.conf文件(1)修改端口listen原创 2021-06-07 13:58:31 · 498 阅读 · 0 评论 -
修改element-ui中时间选择器的样式
element中的样式是人家封装好的，有时候改了是不生效的，常用的两种方式：1.定义在自己的样式下进行修改，stylelang="scss"scoped转载 2021-06-07 10:41:52 · 4213 阅读 · 0 评论