自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 资源 (1)
  • 收藏
  • 关注

原创 局部作用域内(scoped)使用@import引入css引发的css全局污染的问题

css-loader对import的文件会当做外部资源,那么我能理解为它是把import的css文件单独提取出来,并没有把其中的样式放在中解析,而是最后把中计算结果和import的css文件混合后,交由style-loader最后解析为style标签加载在页面。但是有的博客说引入的如果是less等于编译文件会局部生效,但是我在项目中引入的scss文件并未有局部生效,而是影响到其他页面。

2023-07-07 09:51:45 1405

原创 elementui中自带的图片预览组件使用如下

【代码】elementui中自带的图片预览组件使用如下。

2023-06-12 13:43:45 702

原创 vue项目中flv格式的视频流播放

【代码】vue项目中flv格式的视频流播放。

2023-06-12 13:40:53 934

原创 h5手机端pdf预览(可缩放)

【代码】h5手机端pdf预览(可缩放)

2023-06-12 13:33:24 1827

原创 vue3初始化详细分析

vue create vue3demo (vue3demo是项目名称)

2023-06-12 11:35:43 1423 1

原创 ideal常用快捷键记录

ideal常用快捷键总结

2023-02-13 10:20:22 435 1

原创 基于kindeditor实现批量粘贴word文档中图片到富文本中

基于kindeditor实现批量粘贴word文档中图片到富文本中

2022-12-29 17:13:46 1218

原创 vue指令实现、jquery两种方式实现一键复制功能

前端实现一键复制功能

2022-12-29 16:37:24 501

原创 kindeditor视频上传:标签embed替换成video

【代码】kindeditor视频上传:标签embed替换成video。

2022-12-29 16:07:36 359 1

原创 记录vue中使用图片转blob实现a标签下载

记录图片转blob实现a标签下载

2022-12-05 16:07:54 1315

原创 vue页面中的拷贝input框中值得功能

vue页面中的拷贝input框中值得功能

2022-12-05 16:01:54 427

原创 element-ui中el-input去除浏览器账号与密码自动填充

element-ui中el-input使用若同时出现type='password'和type='text'浏览器会自动填充账号与密码,但是有的时候是不需要自动填充。

2022-07-13 11:09:53 3437 2

原创 uniapp小程序获取手机号、获取用户信息

uniapp小程序获取手机号、获取用户信息

2022-07-07 16:29:45 6620

原创 MySQL中的sql分页学习与分析

sql查询分页

2022-06-21 15:40:46 277

原创 python+web框架Flask接口小demo案例,适合有一定其他编程基础的、想学python,但不适合小白

python+web框架Flask+mysql接口小demo案例,适合有一定其他编程基础的、想学python,但不适合小白

2022-06-13 18:39:57 405

原创 uniapp中展示富文本包含video,由于video层级过高遮挡住导航栏、菜单等

video层级过高遮挡住导航栏、菜单等

2022-06-10 10:35:27 2608 1

原创 uniapp富文本中使用网络图片无法展示问题

uniapp中app中展示pc端使用的富文本中若包含网络图片,展示不了问题

2022-06-06 14:46:37 614

原创 el-form表单相关问题

el-form表单input无法输入内容时候,使用$set重新赋值如下:this.$set(this.form, 'name', "")

2022-04-22 10:57:17 263

原创 mysql安装完成后修改密码

1、找到配置文件my.ini ,然后将其打开,可以选择用记事本打开2、打开后,搜索mysqld关键字找到后,在mysqld下面添加skip-grant-tables,保存退出。PS:若提示不让保存时,可以将该文件剪切到桌面,更改保存后再复制到mySQL目录下3、开始按钮+R,打开运行对话框,输入“services.msc”,打开服务窗口4、重启MySQL服务5、然后运行cmd,输入mysql -u root -p 就可以不用密码登录了,出现password:的时候直接回车可以进入。

2022-04-14 10:04:57 1405

原创 vue大数据大屏幕适配完美解决方案

首先创建一个a.js// 屏幕适配 mixin 函数// * 默认缩放值const scale = { width: '1', height: '1',}// * 设计稿尺寸(px)const baseWidth = 1920const baseHeight = 1080// * 需保持的比例(默认1.77778)const baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5))export defau.

2022-04-11 13:40:21 4906

原创 uniapp 引入本地字体

1. 直接将font.ttf文件转换成base64格式 2. 上传文件后直接点击convert(转换),点击下载后解压,找到css文件复制到项目中3. 在项目中使用如下 3.1 打开文件teeanger.css,会发现里面teeanger.css发现字体的名称如下: font-family: 'FZShaoEr-M11S'; 3.2 在全局css中引入如下的css样式: @import "@/common/css/teeanger.css"; 3.3 然后在全局css

2022-04-09 14:19:29 1584

原创 uniapp_app应用添加应用更新使用

1、版本更新写成mixin函数,getUpdateApk.jsexport default { data () { return { appInfo: { appid: plus.runtime.appid, version: plus.runtime.version } } }, methods: { compareVersionAndUpdate (wgtUrl) { // console.log

2022-03-31 10:08:45 375

原创 uniapp使用阿里icon详细步骤

1. 首先登录阿里icon,然后找到你想要用的图标全部加入到购物车,并且点击购物车,添加到相应的项目 2. 找到对应的icon项目,点击下载至本地3.将红框框起来的文件放到项目中 4. 创建一个iconfont.css,做以下处理@font-face { font-family: uniicons; font-weight: normal; font-style: normal; src:url('~@/static/font/iconfont.ttf') forma.

2022-03-30 14:31:02 4215

原创 uniapp-h5使用微信SDK分享功能、和获取当前位置

1. npm install jweixin-module -s 2. var jweixin = require('jweixin-module'); import { getSignPackage } from '@/common/api/manage.js' export default { //判断是否在微信中 isWechat: function () { var ua = window.navigator.userAgent.toLow.

2022-03-30 14:03:40 1001

原创 git 基本命令

若先建的仓库,然后从仓库拉取的初始则如下: 1. git clone http://............ 2. 然后添加文件到拉下来的文件里面 3. git add . 4. git commit -m '初始化' 5. git push (提交到默认分值或者指定分支 origin 分支名称)git 命令# (查看文件提交状态)git status # 提交到指定分支git push origin devBranch # 切换分支git checkout #

2022-03-30 10:50:20 55

原创 jquery ajax复习巩固

ajax 复习巩固

2022-02-28 16:18:21 381

原创 css 动画 滑块滚动到某个位置时候

标题jsviewScroll(); function viewScroll () { var _ismobile = false; var windowTop = $(window).scrollTop(); var windowBottom = windowTop + $(window).height(); var showNum = !_ismobile ? 4 : 16; $('.ani-view2').each(function () {

2022-02-28 16:10:02 1404

原创 uniapp提示hbuilderx版本号忽略提示

uniapp提示hbuilderx版本号提示"compatible" : { "ignoreVersion" : true //true表示忽略版本检查提示框,HBuilderX1.9.0及以上版本支持 },

2022-02-15 11:12:40 1253

原创 uniapp-微信小程序使用高德或腾讯地图的导航功能

uniapp-微信小程序使用高德或腾讯地图的导航功能及其位置授权配置

2022-02-07 15:48:12 2304

原创 uniapp 小程序内跳转到其他微信小程序完整步骤

uniapp小程序跳转到其他小程序

2022-01-21 11:53:15 5042 5

原创 uniapp 吸顶mixin

1. html<u-navbar :is-back="true" back-icon-color="#ffffff" :title="titleName" :background="background" :border-bottom="false" title-color="#ffffff" id="navbar"></u-navbar><vie..

2022-01-18 10:42:59 708

原创 tree字典递归查找name

tree字典递归查找name isEmpty (obj) { if (obj === 0) return true; if (Array.isArray(obj)) return !(obj.length > 0); return (obj === null || obj === undefined || obj === '' || obj === NaN); }, // 通过id递归查找名称 byIdGetLabelFormat(arr,id)

2022-01-13 15:49:45 349

原创 uniapp滚动到顶部及三级联动省市县通用组件

uniapp 滚动到顶部uni.createSelectorQuery().select('.' + class).boundingClientRect(data=>{//目标节点  uni.createSelectorQuery().select('.' + class).boundingClientRect((res)=>{//最外层盒子节点         uni.pageScrollTo({             duration: 0,//过渡时间必须为0,否则运行到手机会

2022-01-13 15:37:31 460

原创 天地图绘制区域

天地图绘制区域

2022-01-10 16:42:47 1666 2

原创 echarts 日常记录

echarts日常记录鼠标首次划过图表,屏幕闪动问题tooltip中加入以下属性:tooltip: { transitionDuration: 0,}柱状图数据滚动 setContradictionFx (mdsjfltjXArr,mdsjfltjNormalData,mdsjfltjBigData,mdsjfltjPersonalData) { let option = { tooltip: { trigger: 'axis'

2022-01-10 11:54:59 279

原创 msq安装及其密码修改

待写

2022-01-08 16:46:24 593

原创 quill 富文本编辑器

富文本编辑器

2022-01-08 13:40:16 7175

原创 vue项目初始化

注意:准备工作安装node 1. 安装vue-cli:yarn global add @vue/cli 或 npm install -g @vue/cli 2. 创建vue项目: 2.1 vue create sky-earth-map 2.2 Vue CLI v4.5.15 ? Please pick a preset: (Use arrow keys) > Default ([Vue 2] babel, eslint) Default (Vue 3) ([.

2022-01-06 10:53:11 379

原创 vscode中使用vue create或者npm时候会出现执行策略问题

vscode中使用vue create或者npm时候会出现执行策略问题

2022-01-06 10:44:17 459

原创 高德地图添加标记点

高德地图添加标记点<template> <div></div></template><script>import util from "@/utils/util"import locationUtils from '@/utils/locationUtils'export default { components: {}, props: {}, data () { return { map: null

2021-12-31 14:45:49 1198

粘贴word文档到富文本

基于kindeditor实现批量粘贴word文档中的图文到富文本中,不过该实现需要基于第三方控件配合前段代码实现

2022-12-29

css动画文章效果查看

css动画文章效果查看

2022-02-28

空空如也

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

TA关注的人

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