- 博客(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">
2020-12-09 20:07:36 8192 20
原创 微信小程序企业号注册
微信小程序企业号注册微信小程序企业号注册要钱吗?微信小程序企业号如何注册?微信小程序企业号注册要钱吗?微信小程序的公测暂时只开放给企业、政府、媒体、其他组织,个人微信公众号暂时无法参与小程序公测。现阶段每个机构帐号只允许注册最多50个小程序。微信小程序企业号注册是有一些费用的:每个小程序一年需要缴纳300块钱,所有小程序帐号都需要绑定一个电子邮箱,一个手机号码只能绑定5个小程序。虽然小程序申请是免费的。但是如果想要更强大的认证服务,就要和微信订阅号一样,缴纳300元/年的认证服务费。所以对于企业肯定
2020-12-02 18:52:50 6475 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人