sunyv1
码龄2年
  • 73,954
    被访问
  • 57
    原创
  • 35,437
    排名
  • 56
    粉丝
关注
提问 私信

个人简介：现在正在努力学习。

  • 加入CSDN时间： 2019-12-23
博客简介：

sunyv1的博客

查看详细资料
  • 3
    领奖
    总分 292 当月 16
个人成就
  • 获得36次点赞
  • 内容获得16次评论
  • 获得89次收藏
创作历程
  • 4篇
    2022年
  • 10篇
    2021年
  • 43篇
    2020年
  • 1篇
    2019年
成就勋章
TA的专栏
  • 前端学习经历
    46篇
  • 系统配置
    1篇
  • electron
    2篇
  • 后端学习
    13篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jswebpack
  • 后端
    node.js
  • 微软技术
    typescript
  • 小程序
    小程序
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

bootstrapTable固定头固定列之后的对齐问题

首先有条件的话,换吧!!!下面组件指的是bootstrapTable1、固定列之后出现行不对齐,行越多越明显主要原因是因为固定的列行高和内容行高不一样,这里举个例子: 固定列加粗了字体, 内容没有加粗. 反之同理. 其余的自己找原因2、固定头之后表格滚动起来,出现列不对齐这里会说两个原因1、误差表头的宽度设置是获取下面第一行列的宽度设置的, 由于每列的宽度是自适应的, 所以实际宽度会出现小数, 但是jQuery获取的时候是整数, 这就会造成误差, 列越多误差就越大2、滚动条固定列肯定是因为
原创
发布博客 2022.03.29 ·
1137 阅读 ·
0 点赞 ·
0 评论

记录前端js获取浏览器信息与判断是否为移动端

执行下面方法将获取所有信息const _browser = (function(){ let userAgent = navigator.userAgent, ua = userAgent.toLowerCase(), browserList = { msie : /(?:msie\s|trident.*rv:)([\w.]+)/i, firefox : /Firefox\/([\w.]+)/i,
原创
发布博客 2022.03.15 ·
998 阅读 ·
0 点赞 ·
0 评论

uni-app自定义v-model失效问题

export default { props: { value: { type: String, default: "" } }, model: { prop: "value", event: "input" }, methods: { valueChange(val) { this.$emit("input", val) } }}直接上代码了，问题不想深究了，定义model的时候用value和input，不要自定义，就这样。...
原创
发布博客 2022.02.14 ·
715 阅读 ·
0 点赞 ·
0 评论

uni-app使用u-charts

写下这篇文章是因为自己在使用它的时候踩了很多坑，记录一下也许会对其它开发者有些帮助。下面说下我的使用方法首先到gitee上把项目代码下载下来 gitee地址这个是国内的下载比较快，也是官网推荐的这里以uni的为例，如下目录是uni示例 uCharts/示例项目/UNIAPP在开发工具直接运行，可以直接运行到浏览器，只是显示效果，毕竟微信开发者工具有点笨重下图是我随便点开了一个示例，最上面就是页面路径，到项目里找就行了下面是对应的代码片段<view class="qiun-colu
原创
发布博客 2022.01.12 ·
645 阅读 ·
0 点赞 ·
0 评论

vue更新dom之后整个页面刷新jquery，bootstrap

记录自己遇到的坑，使用技术如标题所示具体原因没找到，也没时间去找使用场景是动态生成输入框，也就是用了bootstrap的表单，用vue的v-for循环form-group，删除什么的都好说，就是增加数据的时候，往数组里push新的对象，整个页面就回刷新。解决方案不要使用form，直接用div...
原创
发布博客 2021.12.17 ·
724 阅读 ·
0 点赞 ·
0 评论

在iframe嵌套页面使用layui里面的layer弹窗最大化时候父页面会滚动到顶部

在iframe嵌套页面使用layui里面的layer弹窗最大化时候父页面会滚动到顶部
原创
发布博客 2021.12.07 ·
120 阅读 ·
0 点赞 ·
0 评论

解决浏览器切换其它窗口最小化定时器失效方案：多线程webWorker

业务场景一个考试系统，需要在用户切换窗口或者最小化的时候依然保持倒计时正常进行技术webWorker多线程工具代码function createWorker(f) { var blob = new Blob(['(' + f +')()']); var url = window.URL.createObjectURL(blob); var worker = new Worker(url); return worker;} export const createWorker
原创
发布博客 2021.05.21 ·
574 阅读 ·
1 点赞 ·
0 评论

electron-vue 打包成app

因为直接run build报错，所以使用了以下方案1.运行下面的代码npm run pack2.再运行我是要打包mac的app，如果打包Windows用 -w要是报electron-builder找不到先运行npm i -g electron-builder之后再运行下面的代码electron-builder -m3. 之后在项目的build文件夹就能看到打包后的文件了...
原创
发布博客 2021.02.28 ·
644 阅读 ·
0 点赞 ·
0 评论

electron-vue 运行报错 process is not defined

找到.electron-vue文件夹，打开webpack.web.config.js 和webpack.renderer.config.js找到下面这段new HtmlWebpackPlugin({})在里面加入 templateParameters(compilation, assets, options) { return { compilation: compilation, webpack: compilation.getStats().toJ
原创
发布博客 2021.02.28 ·
110 阅读 ·
0 点赞 ·
0 评论

springboot + mybatis + mySql 简单写增删改查

1.创建数据库（略）2.用mabatis-generate生成映射3.controllerpackage com.hlj.wym.browser.controller;import com.hlj.wym.browser.query.ReportTemplateQuery;import com.hlj.wym.browser.service.ReportTemplateService;import com.hlj.wym.browser.vo.ReportTemplateAddPa
原创
发布博客 2021.02.19 ·
68 阅读 ·
0 点赞 ·
0 评论

cesium显示动态线条或区域通过纹理

文章参考别人代码，在这里记录下过程防止忘记1.创建纹理export const createTexture = (params) => { if (!params) params = {} const { img = '/img/flow_line.png', second = 5000 } = params function PolylineTrailLinkMaterialProperty(color, duration, d) { this._definitionChan
原创
发布博客 2021.01.28 ·
731 阅读 ·
0 点赞 ·
0 评论

去掉img自带的拖动效果以及给div等标签加上拖动效果

禁止图片拖动<img class="item-avatar" draggable="false" :src="...." />拖动div<div class="card-item" draggable></div>
原创
发布博客 2021.01.19 ·
371 阅读 ·
0 点赞 ·
0 评论

cesium学习记录

可绑定事件 static constant Cesium.ScreenSpaceEventType.LEFT_CLICK //表示鼠标左键单击事件。 static constant Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK //表示鼠标左键双击事件。 static constant Cesium.ScreenSpaceEventType.LEFT_DOWN //表示鼠标左键按下事件。 static constant Cesium.ScreenS
原创
发布博客 2021.01.13 ·
39 阅读 ·
0 点赞 ·
0 评论

网页页面打印方案二

工具代码const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof dom) === "string") { this.dom = document.querySelector
原创
发布博客 2021.01.05 ·
117 阅读 ·
0 点赞 ·
0 评论

微信小程序canvas使用

我的项目是基于uni-apptemplate我也不知道为何，只有行内样式生效，小程序限制还是太大<canvas canvas-id="shareCanvas" id="shareCanvas" style="width: 330px;height: 410px;"></canvas>js部分async draw({text,name,title,cla,cover}){ const coverPath = await this.getImageInfo(cover);
原创
发布博客 2020.12.26 ·
336 阅读 ·
0 点赞 ·
0 评论

小程序生成分享二维码

记录下我在做小程序分享保存发朋友圈的二维码踩过的坑主要是通过getAccessToken和getUnlimited获取二维码，然后通过canvas画出来保存。首先获取凭证（getAccessToken）这个是获取二维码的凭证，必须先获取，这里只需要传三个参数，第一个是固定写法，后面的是secret和appid，这些也是固定的。获取到的数据是有过期时间的。一般是7200s，到期需要重新获取。 async getAccessToken() { const result = await clie
原创
发布博客 2020.12.26 ·
983 阅读 ·
0 点赞 ·
0 评论

在vue中使用qqmap腾讯地图

在index.html的head里引入依赖 <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=76HBZ-BH5CX-FZF4G-7VDJB-QP3KH-LBBFU&libraries=drawing,geometry"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.co
原创
发布博客 2020.12.22 ·
1957 阅读 ·
0 点赞 ·
5 评论

java spring boot 的web项目中使用swagger

引入依赖<dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</artifactId> <version>2.9.2</version></dependency><dependency> <groupId>io.springfox</groupId&
原创
发布博客 2020.12.22 ·
38 阅读 ·
0 点赞 ·
0 评论

在vue基础上实现原生拖动事件draggable

先上代码 <div class="test-view"> <div ref="from" class="from"> <div class="item" draggable @dragstart="itemDragStart" :style="{backgroundColor:item.color}" v-for="item in fromData" :key="item.name">{{item.name}}</div> &l
原创
发布博客 2020.12.07 ·
350 阅读 ·
0 点赞 ·
0 评论

前端css卡片card多行排列自适应布局

一直寻找card排列的完美解决方案，之前是用js实现老是会出bug，这里介绍一种纯css实现这里感谢好好叶叶孤城提供的方法先放代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> .test { float: left; width: 25%; box-sizi
原创
发布博客 2020.09.24 ·
2370 阅读 ·
2 点赞 ·
0 评论
加载更多