空城三梦-CSDN博客

原创 Math的常见使用方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>math</title></head><body> <div></d...

2021-12-23 17:40:56 785 1

原创 js 模板字符串``的常用方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>模板字符串的方法</title></head><body> <div></div>.

2021-12-23 17:21:49 732

原创 Number的常见使用方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Number的方法</title></head><body> <div></div>.

2021-12-23 17:20:42 1090

原创 Vant 修改van-collapse-item右侧图标

根据官方文档给出的示例，可以使用插槽来改变左侧图标样式<van-collapse v-model="activeNames"> <van-collapse-item name="1"> <template #title> <div>标题1 <van-icon name="question-o" /></div> </template> 内容 </van-collapse

2021-12-15 09:52:14 2834

vue-cli 创建的一个项目中执行命令vue inspect > output.js将 vue-cli 中webpack 的配置信息导出到 output.js 文件，会有一段代码： new DefinePlugin( { 'process.env': { NODE_ENV: '"development"', BASE_URL: '"/"' } } ),在 webpack 中全局声明了 BASE_...

2021-11-29 12:00:03 3137

原创 Git命令速查

一、 Git 常用命令速查git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释git remote add origin [email protected]:ndshowgit push origin master 将文件给推到服务器上git remote show origin 显示远程库o...

2021-11-29 11:51:57 120

原创 vue 实现聊天界面消息递增永远查看最后一条

每次发消息的时候右侧滚动条会随着消息的发送显示最后一条在html中需要滚动的框区域用ref='record' //在生命周期updated时，改变并且要在页面重新渲染完成之后 updated() { this.$nextTick(() => { this.$refs.record.scrollTop = this.$refs.record.scrollHeight }) },另有一条需要特别注意的地方，注意查看信息调用的接口刷新频率，在...

2021-11-06 14:40:04 1237 2

原创 vue项目，百度地图自定义标注marker

1、添加标注var point = new BMapGL.Point(116.404, 39.915); // 设置坐标var marker = new BMapGL.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中2、添加icon图片以import方式引入var point = new BMapGL.Point(116.404, 39.915)

2021-09-03 17:44:39 2195

原创 this.$router.resolveVue打开新窗口

方法一 <router-link :to="{path: '/跳转的页面路由'}" target="_blank" tag="a"> tag="a" 可以省去不写，默认也会解释为a标签 "tag" 属性：具有 tag 属性的 router-link 会被渲染成相应的标签 2.方法二const {href} = this.$router.resolve({ path: "/跳转的页面路由", ...

2021-08-31 11:49:27 482

原创自定义分页

<div class="page-nation"><div class="page-nation-left">共<span class="total">23</span>页，第<span class="pageNum">1</span>页</div><div class="page-nation-right"><div class="first-pag..

2021-07-02 14:52:02 60

原创 vetur插件导致v-for报错

报错代码：Custom elements in iteration require 'v-bind:key' directives设置key在使用vue-cli工具开发时，使用v-for出现以下报错原因是vue在升级到2.2后，当在组件中使用v-for时，规定必须有设置key.<swiper><swiper-itemv-for="(item,index) in bannes":key="index"></swiper-item>&lt...

2021-07-02 14:50:14 225

原创 c语言的变量和数据类型

常量是程序中保持不变的量枚举的类型都是常量，都是不可替代的变量就是内存当中的一块区域，称之为变量1.申明变量，2.变量赋值， 3.使用变量。变量是内存中的一块区域，可变化的，存放的数据有特定类型的变量的命名规则：变量名可以由字母、数字和 _（下划线）组合而成变量名不能包含除 _ 以外的任何特殊字符，如：%、# 、逗号、空格等变量名必须以字母或 _（下划线）开头变量名不能包含空白字符（换行符、空格和制表符称为空白字符）C 语言中的某些词（例如 int

2021-07-02 14:45:30 211

原创 CSS样式实现轮播图效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } .box { position: relative; border-radius:..

2021-07-02 14:42:57 141

原创数组的使用方法

let arr = [1, 3, -1, 0, 5]//1、数组的长度arr.push(10)console.log(arr.length)console.log(arr)//2、使用长度清空数组arr.length = 0console.log(arr)//3、添加元素到最后:puhs(el) index=length-1arr.push('hello')arr.push('web19')console.log(arr)//4、添加元素到首位:index=0arr.unshif.

2021-07-02 14:41:57 106

原创 sass的使用方法

一、安装插件1、在应用市场搜索 Easy Sass2、在settings.json配置Sass环境"easysass.formats": [{"format": "expanded", //compressed 表示压缩"extension": ".css"}],"easysass.targetDir": "./sass文件夹所在的目录名称/css/"3、在js-20200915中新建文件夹sass4、在sass中新建文件lib.scss二、Sass语法1

2021-07-02 14:41:00 764

原创 less的使用方法

一、安装插件1、在插件市场中搜索 Easy LESS 进行安装2、在settings.json中设置less编译配置文件--->首选项--->设置--->在右上角打开设置--->settings.json3、在settings文件中添加以下配置"less.compile": {"outExt": ".css"},二、less语法1、在项目的css文件夹中声明demo.less2、在保存demo.less文件时自动生成demo.css文件3

2021-07-02 14:40:05 367

原创 CSS选择器

css选择器（28）：一、基本选择器（5）1、*{}:通用选择器，匹配所有的元素2、p{}:标签选择器,匹配所有元素p3、.content{}:类选择器，匹配所有的class="content"的元素4、#content{}:id选择器，匹配所有的id="content"的元素5、E,F,G,...{}:并集选择器，匹配所有的E,F,G,...元素二、层次选择器（4）1、E F{}:后代选择器，匹配E中的所有F后代元素，包括孙及以下2、E>F{}:子选择器，匹.

2021-07-02 14:39:09 422

原创原生js实现轮播图

第一种方式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图效果图</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } .box { position: relative; wi

2021-07-02 14:37:12 45

原创 jQuery实现列表上下无缝循环轮播

<!DOCTYPE html><html><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalab..

2021-07-02 14:35:09 722

原创 vue npm install时报错Maximum call stack size exceeded解决办法

为了控制文件大小，故在传输时删除了node-modules，然后再进行npm i补充依赖时发现报错Maximum call stack size exceeded百度一圈有人说是路由问题，也有人说是404问题，所以着手试了一下，最终发现是因为npm的问题解决方法1.给npm升级//查看版本npm -v //更新到最新版本npm install -g npm更新完之后删除node-modules，重新npm i，完美解决...

2021-07-01 14:35:03 1801

原创前端页面如何获取百度地图

必读地图api获取地址，具体获取流程请百度https://lbsyun.baidu.com/百度地图的获取方式<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=n

2021-07-01 09:08:40 260

原创前端页面如何获取高德地图

首先需要获取高德地图 api，下面的网址可以获取，具体获取教程百度可得https://console.amap.com/dev/index获取地图代码操作<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title></title> //引入高德地图的js和key，怎么拿到key自己百度 <script type="tex.

2021-07-01 09:05:21 353

原创 vuex的使用

vuex的五个属性1.state – 存放状态2.getters – state的计算属性3.mutations – 更改状态的逻辑，同步操作4.actions – 提交mutation，异步操作5.mudules – 将store模块化使用const store = new Vuex.Store({ state: { info: {"name":"我是vuex","id":1,"Name":"张三"} } })1、在组件中可以使用来获取vuex中公共的state的值th...

2021-07-01 08:46:03 47

空城三梦