自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp弹出层使用scroll-view进行内容滚动+锚点定位滑动到最底部,解决弹出层滚动穿透

uniapp弹出层使用scroll-view内容滚动+锚点定位,解决弹出层滚动穿透

2020-12-29 14:36:03 18591 18

原创 微信小程序展示动态背景图(含三目运算符)

微信小程序展示背景图片一、微信小程序展示背景图片的类型二、语法书写1、简单展示2、动态背景图片一、微信小程序展示背景图片的类型当在小程序开发中,本地的背景图片也是可以展示的,但是在真机运行的时候,必须使用base64格式或者是服务器上的图片才能显示。给大家找了个在线图片转换链接:上传图片转换base64格式图片二、语法书写1、简单展示在wxss文件中,对相应的容器进行添加背景图片background-image: url("data:image/jpg;base64,/9j/4QAYRX...

2020-12-28 16:34:30 10452 7

原创 uniapp使用高德地图微信小程序SDK生成地图轨迹

一文看懂微信小程序生成地图轨迹一、开发准备1、下载微信小程序SDK2、高德控制台申请相关平台key二、html页面展示地图标签三、引入sdk及定义数据四、相关方法(静态生成两个点之间的轨迹数据)五、相关方法(后端返回的轨迹数据)一、开发准备1、下载微信小程序SDK将微信小程序SDK下载到项目中就可以了,官网下载链接在下方显示微信小程序SDK下载页面2、高德控制台申请相关平台key控制台如果没有开发者账号的话,可以先去注册一个二、html页面展示地图标签<!-- latitude纬度

2020-12-18 17:47:37 11656 15

原创 Ant Design Vue生成动态菜单a-menu

今天,小编带你们看一看从官网总结来得动态菜单一、定义template模板二、定义函数式组件三、引入菜单组件及接受动态菜单数据四、定义其他数据五、所涉及到的方法一、定义template模板<template> <a-layout> <!-- 左侧导航 --> <a-layout-sider> <div> <a-menu

2020-12-17 19:26:08 15248 13

原创 vue使用vue-meta插件动态设置meta和title标签(seo优化)

一文看懂动态设置meta和title标签一、meta标签是什么二、静态设置meta标签属性①、首先下载相关包②、在main.js中全局使用③、给每个route赋一个静态属性对象④、在vuex中存储一个空的属性对象和定义方法⑤、最后在main.js中使用路由拦截守卫三、动态设置meta标签属性①、修改单个路由②、动态赋值一、meta标签是什么在w3cschool中的定义如下所示元数据(metadata)是关于数据的信息。 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可

2020-12-30 18:45:27 10564 12

原创 HTML多行文本溢出控制最后一行显示省略号样式

HTML多行文本溢出显示省略号一、text-overflow属性二、单行文本溢出显示省略号三、多行文本溢出控制最后一行显示省略号样式一、text-overflow属性text-overflow具有三个值。一个是clip,修剪文本。第二个就是今天的主角ellipsis,显示省略符号来代表被修剪的文本。第三个是string,使用给定的字符串来代表被修剪的文本,不过一般都不使用这个值。clip的值white-space:nowrap; width:200px; overflow:hidden;

2020-12-23 20:31:23 7423 1

原创 精致的js深浅拷贝(面试题有关)

详解js中的拷贝一、深拷贝与浅拷贝的区别二、浅拷贝的实现1、基本数据类型一、深拷贝与浅拷贝的区别通俗易懂的来说就是假设B复制了A,当修改B时,看A是否会发生变化,如果A也跟着变了,说明这是浅拷贝,如果A没变,那就是深拷贝。学过js的同学应该都知道,javascript变量包含两种不同数据类型的值:基本数据类型和引用数据类型。基本数据类型采用的是值传递,创建一个基本数据类型会在内存中开辟一个新的空间;而引用数据类型采用的是地址存储,如果两个引用数据类型使用的是同一个地址的话,改变其中一个的数值也会改变

2020-12-22 19:11:27 5202 6

原创 git操作命令大全

常用的git操作1、提交2、对比3、撤销4、删除5、恢复6、同步7、分支操作①、查看分支②、创建分支③、切换分支④、合并分支8、其他重要代码①、拉取代码②、设置服务区上代码版本1、提交git status //查看git项目的状态git add //将工作区的内容添加到缓存区git commit -m “msg” //提交到版本区 git log //查看git提交日志在这里插入代码片 注意:日志过多

2020-12-16 19:42:11 5659 3

原创 vue中的router-view父子组件传参

router-view父子组件传参一、父组件传值给子组件二、子组件往父组件传值一、父组件传值给子组件父组件传递:<router-view :projectId="projectId"></router-view>在data里存储的参数data(){ return { projectId:'xxxxxxxx' }}子组件接收:export default { prop:['projectId'], watch: { projectId:

2020-12-16 19:00:02 14448 11

转载 vue双向绑定原理及实现

vue双向绑定原理及实现一、MVC模式二、MVVM模式三、双向绑定原理1、实现一个Observer2、实现一个Watcher3、实现一个Compile4、实现一个MVVM四、最后写一个html测试一下我们的功能一、MVC模式MVC模式以往的MVC模式是单向绑定,即Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新二、MVVM模式MVVM模式就是Model–View–ViewModel模式。它实现了View的变动,自动反映在 ViewModel,反之亦然

2020-12-16 12:02:21 4961 2

转载 巨细无比的Echarts圆环图,干货满满。

精致的Echarts圆环图,一览无遗具体实现代码最终效果具体实现代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>圆环图案例</title> <!-- 引入 ECharts 文件 --> <script src="js/echarts4.0.js" type="text/javascript" charset="utf-8"

2020-12-14 16:21:18 5980 1

原创 uniapp使用uCharts区域图

ucharts区域图的使用一、引入uCharts插件二、定义html模板和样式三、定义变量及宽高度四、调用接口获取数据五、ucharts图表数据渲染显示六、个人感悟一、引入uCharts插件import uCharts from '@/echarts_sdk/u-charts/u-charts/u-charts.js';如果还未下载过ucharts的童鞋,我在下方提供ucharts的码云地址,需要的可以去看看ucharts码云地址二、定义html模板和样式 <!-- 现场协调 --&g

2020-12-11 20:09:17 9942 16

原创 h5+app如何打包,看这里就够了~

一文看懂h5+app打包一、npm打包h5+app项目二、在hbuilder中创建一个新的5+app项目模板三、将之前打包好的dist文件夹下的两个文件放入新创建的项目中,如下图所示四、在新项目的manifest.json中配置相应的图标及参数五、云端打包六、打包成功的临时下载路径一、npm打包h5+app项目首先将写好的h5+app进行本地打包npm run build 或者 yarn build 都可以二、在hbuilder中创建一个新的5+app项目模板三、将之前打包好的dist文件夹下

2020-12-10 19:09:32 7647 5

原创 一文看懂h5+app拍照上传图片

h5+app上传图片一、引入axios等组件二、相机拍照三、上传图片一、引入axios等组件import axios from 'axios';import qs from 'qs';import { MessageBox } from 'mint-ui';二、相机拍照先定义div容器和按钮,用于点击拍照和上传图片 <div class="camera" @click="camera">+ 拍摄现场照片</div> <div class="button"&gt

2020-12-09 20:07:36 8192 20

原创 微信小程序企业号注册

微信小程序企业号注册微信小程序企业号注册要钱吗?微信小程序企业号如何注册?微信小程序企业号注册要钱吗?微信小程序的公测暂时只开放给企业、政府、媒体、其他组织,个人微信公众号暂时无法参与小程序公测。现阶段每个机构帐号只允许注册最多50个小程序。微信小程序企业号注册是有一些费用的:每个小程序一年需要缴纳300块钱,所有小程序帐号都需要绑定一个电子邮箱,一个手机号码只能绑定5个小程序。虽然小程序申请是免费的。但是如果想要更强大的认证服务,就要和微信订阅号一样,缴纳300元/年的认证服务费。所以对于企业肯定

2020-12-02 18:52:50 6475 1

空空如也

空空如也

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

TA关注的人

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