学习(1)
文章平均质量分 51
一纸岚风
这个作者很懒,什么都没留下…
展开
-
地图-点击网格高亮显示并移动为中心位置
思路:定义一个数组,用来存放点击网格的数据,用点击的id来过滤出点击的网格的全部数据,然后就是根据网格的信息显示高亮并且设置为中心位置。来源(实习过程所得,仅供参考)highLightGrid(wgId) { let vm = this; if (vm.highLightGridArray.length > 0) vm.mapvLayer.hide(); // 隐藏已点击的前一次网格高亮 let topBright = this.gridData.filter(原创 2021-12-06 09:52:13 · 853 阅读 · 0 评论 -
前端中的SEO
SEO简介全称:Search Engine Optimization,搜索引擎优化。自从有了搜索引擎,SEO便诞生了。存在的意义:为了提升网页在搜索引擎自然搜索结果中的收录数量以及排序位置而做的优化行为。简言之,就是希望百度等搜索引擎能多多我们收录精心制作后的网站,并且在别人访问时网站能排在前面。分类:白帽SEO和黑帽SEO。白帽SEO,起到了改良和规范网站设计的作用,使网站对搜索引擎和用户更加友好,并且网站也能从搜索引擎中获取合理的流量,这是搜索引擎鼓励和支持的。黑帽SEO,利用和放大搜索引擎政策缺原创 2021-12-15 11:41:42 · 406 阅读 · 0 评论 -
ES6的学习(1)——2021.7.26
let和constlet:存在块级作用域没有变量提升有暂时性死区不允许重复声明const:声明一个常量,值不能改变,这意味着必须进行初始化赋值存在块级作用域同样存在暂时性死区,常量不提升同样不允许重复声明待续...原创 2021-07-26 15:31:07 · 110 阅读 · 0 评论 -
git常见的操作命令
git clone [地址]git status 查看文件状态git add . 添加状态变更的文件到暂存区git commit -m “提交的说明”git push origin [上传的分支名称]git branch 查看所有分支git branch [创建分支的名称] 创建一个分支git checkout [跳转到哪个分支]git checkout -b [创建分支的名称] 创建一个分支并跳转到该分支...原创 2021-07-23 10:04:46 · 93 阅读 · 0 评论 -
Vue中引入echarts的正确引法
在做Vue的电商管理系统时遇到了一直给我提示init未定义警告[Vue warn]: Error in mounted hook (Promise/async): “TypeError: Cannot read property ‘init’ of undefined”看了其他博客的解决办法,是要利用Vue中的ref和$refs 来代替document.getElementById()获取该图形容器对象。但然后我发现是引用的语句问题,只要将import echarts from 'echarts’修.原创 2021-06-19 22:46:39 · 719 阅读 · 0 评论 -
关于vue项目element中MessageBox的引入问题及解决
在做vue加element-ui电商后台管理系统进行登录的时候,遇到了一个奇怪的bug,先贴图Login.vue?7463:82 Uncaught (in promise) TypeError: _this.$message.success is not a function起初我认为是接口的问题,因为在前几个小时运行还是没问题的,后来验证了接口没啥问题,然后认为message组件的问题,结果也不完全是,最后发现了是因为在引用MessageBox弹出框的时候,单独引入的程序写成了Vue.proto原创 2021-06-09 15:37:13 · 2655 阅读 · 0 评论 -
响应式布局以及几个小案例
1、什么是媒体查询?概念:为不同尺寸的屏幕设定不同的CSS样式用法:@media screen and (min-device-width:100px) and (max-device-width:300px){} 意为设备屏幕宽度100px到300px之间的使用@media的常用参数width、height 浏览器宽度和高度device-width 设备屏幕的宽度device-height 设备屏幕的高度2、flex弹性布局Flex 是 Flexible Box 的缩写,意为"弹原创 2021-05-16 21:22:38 · 877 阅读 · 0 评论 -
原生js实现经典扫雷游戏(含完整源码)
思路流程写出基本的布局利用js生成扫雷的table表格利用随机数来做地雷在表格中的索引初始化table表格根据地雷的坐标生成地雷周围的数字点击事件分成鼠标左键点击和右键点击左键点击情况下又分为点到的是地雷和非地雷两种情况点到的是地雷情况下,则将全部地雷显示,其他样式不变,并且不能再进行任意表格内的点击事件(左键右键都不行)点到的是非地雷情况下又分为点击的数字是0和非0两种情况如果是非0,则只需要显示其数字如果是0,利用递归思想,遍历周围的表格,若为0则继续递归显示0,直到遇到非0停止原创 2021-05-16 01:54:00 · 1511 阅读 · 0 评论 -
Vue.js的初步学习(一)
一、计算属性1.1.计算属性的本质fullname:{set(),get()}1.2.计算属性和methods对比计算属性在多次使用时,只会调用一次它时由缓存的二、事件监听2.1.事件监听基本使用2.2.参数问题btnClickbtnClick(event)btnClick(abc,event)->$event2.3.修饰符stopprevent.enter.once.native三、条件判断3.1.v-if/v-else-if/v-else3.2.原创 2021-04-30 17:44:45 · 120 阅读 · 1 评论 -
一些前端编程题目(一)
题目和解题代码1、如果数组中存在 item,则返回元素在数组中的位置,否则返回 -1// 解法一function indexOf(arr, item){ return arr.indexOf(item);}// 解法二 若不支持indexOffunction indexOf(arr, item) { if (Array.prototype.indexOf) { // 判断浏览器是否支持indexOf return arr.indexO原创 2021-04-20 23:55:46 · 465 阅读 · 0 评论 -
简单引用bootstrap实现轮播图(二)
实现效果步骤下载bootstrap和jquery-3.6.0.min.js,并在html中引用,注意jq.js应在全部js前引用按照官网https://v3.bootcss.com/javascript/的Carousel实例修改导入图片,body源码如下<div class="box"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">原创 2021-04-18 01:24:45 · 303 阅读 · 0 评论 -
简单JS实现图片轮播效果(一)
实现效果左右按钮可点击左右移动显示图片进行无缝滚动下面的小圆圈点击可跳到对应的图片索引不进行上述操作时,图片自动轮播html源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2021-04-16 11:49:05 · 486 阅读 · 1 评论