- 博客(36)
- 收藏
- 关注
RSS订阅
原创 CSS3只让背景图片旋转180度
CSS3旋转背景图片一、心路历程二、代码实现一、心路历程最近写驾驶舱的时候琢磨了一个问题，就是单纯的使背景图片旋转的一定的角度。只通过CSS3的transfrom让整个容器都翻转了一定的角度，达不到我想要的效果。然后通过研究和参考相关文章总算实现了这个效果，话不多说，上代码。二、代码实现HTML模板如下<div class="smart_development_right"> <div class="smart_development_content">
2021-02-04 11:45:37
22267
8
原创 vue使用vue-quill-editor富文本编辑器且将图片上传到服务器
使用vue-quill-editor富文本编辑器（部分代码）一、准备工作二、定义全局组件quill-editor1、定义template模板2、定义富文本选项配置三、相关方法1、改变原有富文本编辑器上传图片绑定方法2、上传事件一、准备工作下载vue-quill-editornpm install vue-quill-editor --save 或者 yarn add vue-quill-editor二、定义全局组件quill-editor下载好vue-quill-editor后，我们需要定义一
2021-01-12 09:28:05
11910
8
转载 详解diff算法的流程以及实现
diff算法自框架出现以来非常的重要，vue和react等都有它的影子，深入理解diff算法，不仅对框架原理有一些深入理解，更能够对编程思想提供很大的帮助。有图片有代码有流程~
2021-01-08 16:50:18
13202
10
原创 uniapp弹出层使用scroll-view进行内容滚动+锚点定位滑动到最底部，解决弹出层滚动穿透
uniapp弹出层使用scroll-view内容滚动+锚点定位，解决弹出层滚动穿透
2020-12-29 14:36:03
23299
19
原创 微信小程序展示动态背景图(含三目运算符)
微信小程序展示背景图片一、微信小程序展示背景图片的类型二、语法书写1、简单展示2、动态背景图片一、微信小程序展示背景图片的类型当在小程序开发中，本地的背景图片也是可以展示的，但是在真机运行的时候，必须使用base64格式或者是服务器上的图片才能显示。给大家找了个在线图片转换链接：上传图片转换base64格式图片二、语法书写1、简单展示在wxss文件中，对相应的容器进行添加背景图片background-image: url("data:image/jpg;base64,/9j/4QAYRX...
2020-12-28 16:34:30
13590
7
原创 uniapp使用高德地图微信小程序SDK生成地图轨迹
一文看懂微信小程序生成地图轨迹一、开发准备1、下载微信小程序SDK2、高德控制台申请相关平台key二、html页面展示地图标签三、引入sdk及定义数据四、相关方法（静态生成两个点之间的轨迹数据）五、相关方法（后端返回的轨迹数据）一、开发准备1、下载微信小程序SDK将微信小程序SDK下载到项目中就可以了，官网下载链接在下方显示微信小程序SDK下载页面2、高德控制台申请相关平台key控制台如果没有开发者账号的话，可以先去注册一个二、html页面展示地图标签<!-- latitude纬度
2020-12-18 17:47:37
14822
16
原创 Ant Design Vue生成动态菜单a-menu
今天，小编带你们看一看从官网总结来得动态菜单一、定义template模板二、定义函数式组件三、引入菜单组件及接受动态菜单数据四、定义其他数据五、所涉及到的方法一、定义template模板<template> <a-layout> <!-- 左侧导航 --> <a-layout-sider> <div> <a-menu
2020-12-17 19:26:08
19668
13
原创 在vue中展示甘特图
今天分享一篇关于查看任务的甘特图的文章首先，用的插件是dhtmlx-gantt，官网地址https://docs.dhtmlx.com/gantt/官网的Getting started模块是查看甘特图的各种配置废话不多说，上代码详细说明子组件模板<template> <div ref="gantt" style="width:100%;height:550px"></div></template>...
2020-11-16 17:29:36
15446
6
原创 ant design vue动态循环生成表单以及自定义校验规则
在ant design vue开发中有时候会利用后台数据循环生成表单，需要我们绑定prop以及自定义校验事件以下是我用官网提供的方法结合自身项目写出来的总结一、首先在data里定义表单数据// 循环生成的人员表单数据addManForm:{ manObjList:[ { person_info_company_guid:undefined,//所属公司 person_info_team_guid:undefined,..
2020-08-06 11:58:14
18943
9
原创 使用CSS的polygon属性画半圆环（各个方向）
CSS polygon()函数是一个图形函数，用于指定某种基本图形类型。polygon()函数用于定义一个多边形
2023-06-20 13:58:41
7240
1
转载 微信小程序真机测试 Provisional headers are shown 问题解决办法
解决ssl证书问题导致的小程序线上无法访问接口
2022-10-08 16:47:42
9445
1
转载 尤雨溪：Vue 3 将成为新的默认版本
划重点：Vue 3 将在 2022 年 2 月 7 日 成为新的默认版本从库到框架Vue 3 的 “软发布”崭新的 Vue版本切换细节npm 发布标签官方文档与站点GitHub 仓库开发者工具扩展※※※可能需要采取的措施未指定版本的 CDN 链接npm latest 标签这是尤大的知乎话题从库到框架在最开始的时候，Vue 仅仅是一个运行时库。但这些年来，它已经逐步发展成了一个包含许多子项目的框架：核心库，即 vue npm 包 内容足够当作一本书的文档 构建工具链（Vue CLI、Vue Loa
2022-01-21 13:30:06
6533
2
转载 vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.
vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.一、问题出现及其出现原因二、问题解决三、原理分析四、this指向复习一、问题出现及其出现原因在使用this.$router.push进行路由的跳转时，出现如下报错：问题出现原因：重复路由跳转，比如说当前路由是商品详情页面/goodsDetail，但是点击按钮进行this.$router.push操作，要跳转的还是商品详情页面/goodsDetail。二、问题
2021-04-23 09:45:12
6584
1
转载 vue router返回到指定的路由
vue router返回到指定的路由一、项目场景二、问题描述三、原因分析四、解决方案一、项目场景项目场景：示例:A(商品详情)——B(商品购买页面)-C(支付成功页面)——D(订单页面）二、问题描述提示：这里描述项目中遇到的问题如果我们不做控制的话，安卓按照浏览器返回机制，依次从D-C-B-A这样子,这样子会有一定的bug,测试那边也是说不过去啊，原本想利用beforeRouteLeave这个来操作进行更改跳转，发现还是有点问题最后还是用beforeRouteEnter来操作了，先放上两个的区别吧
2021-01-29 16:16:16
9633
2
原创 一文看懂微信小程序授权登录
微信小程序授权登录可以获取微信号绑定的头像、地区以及名字等等信息，对小程序开发有很大的作用。怎么样获取就是今天的看点啦
2021-01-15 18:34:45
7792
4
原创 详解JavaScript的五种继承方式
对于JavaScript的继承，是我们工作中提高工作效率的非常实用且高效的一种手段。也是面试中必问的一个知识模块。 在其他语言中也经常能看到。今天就经常遇到的继承来谈一谈~
2021-01-15 15:44:25
7748
3
转载 原生video标签隐藏底部功能按钮
最近做项目中用到了 H5 video标签播放视频,需求删除自带的更多控制按钮;自以为很简单设定标签的属性,查看文档只有一个可怜的controls布尔值属性与这方面相关;查了半天video相关文档,也学到了很多相关的知识.
2021-01-15 10:14:40
11420
3
原创 一文看懂JavaScript防抖和节流的简单实现
很多初学的开发者知道防抖和节流，但不知道它们的重要性，更不知道怎么去运用它们，在什么地方运用它们。这篇文章就会说明简单实现和它们的应用场景，一起来看看吧~
2021-01-07 14:18:58
6817
2
原创 九个方面理解seo(搜索引擎)
seo翻译过来就是搜索引擎优化，它是一种通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。
2021-01-07 11:29:27
10431
10
原创 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
15134
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
10496
1
原创 精致的js深浅拷贝(面试题有关)
详解js中的拷贝一、深拷贝与浅拷贝的区别二、浅拷贝的实现1、基本数据类型一、深拷贝与浅拷贝的区别通俗易懂的来说就是假设B复制了A，当修改B时，看A是否会发生变化，如果A也跟着变了，说明这是浅拷贝，如果A没变，那就是深拷贝。学过js的同学应该都知道，javascript变量包含两种不同数据类型的值：基本数据类型和引用数据类型。基本数据类型采用的是值传递，创建一个基本数据类型会在内存中开辟一个新的空间；而引用数据类型采用的是地址存储，如果两个引用数据类型使用的是同一个地址的话，改变其中一个的数值也会改变
2020-12-22 19:11:27
7992
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
8214
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
18642
12
转载 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
7674
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
8776
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
13159
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
10499
6
原创 一文看懂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
10999
19
原创 微信小程序企业号注册
微信小程序企业号注册微信小程序企业号注册要钱吗?微信小程序企业号如何注册?微信小程序企业号注册要钱吗?微信小程序的公测暂时只开放给企业、政府、媒体、其他组织，个人微信公众号暂时无法参与小程序公测。现阶段每个机构帐号只允许注册最多50个小程序。微信小程序企业号注册是有一些费用的：每个小程序一年需要缴纳300块钱，所有小程序帐号都需要绑定一个电子邮箱，一个手机号码只能绑定5个小程序。虽然小程序申请是免费的。但是如果想要更强大的认证服务，就要和微信订阅号一样，缴纳300元/年的认证服务费。所以对于企业肯定
2020-12-02 18:52:50
9381
1
原创 uniapp中使用弹出层后，控制高德地图显隐
uniapp中使用弹出层后，控制高德地图显隐一、获取高德地图key二、下载高德地图的微信小程序sdk三、定义template模板四、定义data样式及相关方法五、相关样式在uniapp中或者在微信小程序中，map、video等组件的优先级特别高，且无法使用z-index来控制弹出层覆盖这些组件，所以需要使用view组件的hidden属性控制map组件的显隐一、获取高德地图key在高德地图官网上创建应用并选择api的类型生成相应的key，以下是官方链接高德地图key如果不知道如何生成地图的key，以
2020-11-27 17:56:21
8371
2
原创 react类组件的第四个属性context
类组件中的第四个属性context步骤如下：import { createContext } from 'react'let { Provider,Consumer } =createContext() Provider是生产者，Consumer为消费者<Provider value="xx"></Provide...
2020-02-25 22:25:29
7687
1
原创 浅谈redux如何修改仓库的值和将组件拆分为容器组件和ui组件
1,redux如何修改仓库的值①先分发store.dispatch({type:‘XXX’,n:xxx})dispatch({type:'XXX',key:value.....})注：action 一定有type ,还可能接收一些其他参数，type尽量大写，action对象的type值 千万不要重复动作发给了 reducer 第二个参数 action②根据type修改数据 a. 做 ...
2020-02-24 22:05:11
7134
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人