- 博客(70)
- 收藏
- 关注
RSS订阅原创 微信小程序之 打印json数据或者object类型的数据技巧
你肯定会遇到过打印json数据或者object类型的数据的时候，看不到数据内容的情况，那么你可以往下看。
2022-08-03 11:16:56
1770
原创 VSCode如何运行node文件
原文链接：VSCode如何运行node文件 - 冉姑娘 - 博客园想要让node代码在vscode中能够运行，有两种方法方法一：先创建一个js文件，里面写入node代码接下来切换到调试，点击顶部的调试按钮然后就能在控制台显示数据了方法二：安装code runner插件支持了 Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等超过40种的语言。可以快捷的运行node代码安装成功之后，可以直..
2022-05-06 11:39:59
7910
原创 uni-app实现简单上传图片Demo(不考虑小程序，只实现网页和App)
先把资源都放在这里有空整理：uni-app官网MuMu模拟器官网_安卓模拟器_网易MuMu手游模拟器将uni-app运行到MuMu模拟器上进行调试 - 走看看uniapp uploadFile 上传文件携带token - 完竣世界uniapp上传多张图片 - 爱码网uniapp表单上传多张图片_Shiny_boy_的博客-CSDN博客_uniapp小程序上传多张图片uni-app实现多图片上传_红豆O(∩_∩)O的博客-CSDN博客_uniapp上传多张图片...
2022-04-15 15:49:08
457
转载 table中为tr设置背景色出现间断及解决方案
原文链接：原文链接：https://blog.csdn.net/qq_37796475/article/details/80369455table中为tr设置背景色出现间断及解决方案_installing的博客-CSDN博客_table tr 背景色解决方案：为table设置border-collapse属性，属性值为collapse，解决问题。...
2022-04-14 14:24:06
926
原创 vue更新数组时触发视图更新的方法
参考原文：vue更新数组时触发视图更新的方法 - 大橙橙 - 博客园vue数组对象修改触发视图更新 - 看风景就 - 博客园直接修改数组元素是无法触发视图更新的，如this.array[0] = { name: 'meng', age: 22}修改array的length也无法触发视图更新，如this.array.length = 2;触发视图更新的方法有如下几种1. Vue.set可以设置对象或数组的值，通过key或数组索引，可以触发视图更新
2022-03-29 14:33:30
4858
1
原创 day01 vue-尚品汇
1.项目运行起来时，浏览器自动打开打开项目的package.json"scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build" },在serve命令后面加上 --open就可以实现了。同样还有另一种方法，我们也可以在vue.config.js中配置devServer: { port: 3000, open:'true',//运行后自动...
2022-03-28 14:32:57
791
原创 created mounted 和 this.$nextTick()
参考文档：this.$nextTick()的使用场景_马优晨的博客-CSDN博客_$nexttick的使用场景Vue生命周期中mounted和created的区别_xdnloveme的博客-CSDN博客_created和mounted区别this.$nextTick()的原理和使用场景_SwJieJie的博客-CSDN博客_this.$nexttick()原理$nextTick 的原理和使用的场景_qq_39639537的博客-CSDN博客_$nexttick的原理总结：create
2022-03-17 17:19:43
1588
原创 vue中style的scoped属性
原文链接：vue中慎用style的scoped属性_June.1的博客-CSDN博客_scoped之前对scoped属性是一知半解的，上面这篇文章让我解惑了。。首先，做一个代码试验：<style> div { width: 200px; height: 200px; } #div1 { background-color: red;
2022-03-17 14:21:46
731
原创 vue 兄弟组件互相调用方法
原文链接：https://blog.csdn.net/JSN___/article/details/103677744vue 兄弟组件互相调用方法描述：在父组件里同时引入2个子组件（child1，child2），在child2里想调用child1组件里的某个方法实现方式：在child2里用this.$emit(‘fun’)传到父组件里在父组件里，给child1组件加上ref="child1Container"属性、在methods里定义fun方法（this.$refs.child1Con
2022-03-15 10:10:24
1006
原创 如何使一整张背景图片自适应div的大小
方式一：div{ width:200px; height:100px; background-image:url(bg.jpg); background-size:100% 100%; }方式二：background-size有3个属性： auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时，图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。
2022-03-11 16:25:02
14525
原创 Electron执行electron-builder打包命令报错
原文链接：https://blog.csdn.net/qq_32614411/article/details/93632068问题：Error: C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.3.2\Bin\makensis.exe exited with code 1Output:Command line defined: "APP_ID=com.example.yourapp"Command.
2022-03-11 11:14:03
1125
原创 js实现点击图片在屏幕中间弹出放大效果
原文链接：https://www.jb51.net/article/169850.htm完整代码：<html><head> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript"> $(function() { $(".pic").
2022-03-04 13:58:26
945
原创 js+html+canvas+css+thymeleaf 实现单个文件，多个文件（压缩）上传(2) 完整代码
继上一篇js+html+canvas+css+thymeleaf 实现单个文件，多个文件（压缩）上传_wxCSDN1997的博客-CSDN博客效果图略有改动： ————————————————————下面是开发时候的思路代码分析：1.如何做到这种加号样式来实现文件上传？答：参考博客：修改 input type=file 的样式的最简单方法 - _吟游诗人 - 博客园很多人说网页中<input type="file">的样式是很难修改的...
2022-03-02 16:09:49
279
原创 spring boot 上传文件出错：org.springframework.web.multipart.MultipartException: Could not parse multipart s
转载：spring boot 上传文件出错：org.springframework.web.multipart.MultipartException: Could not parse multipart s_明天的地平线-CSDN博客下面是复制上面这位大大的博客内容：一个国庆假期回来，测试跟我说以前好好的文件上传不能用了，还是真实环境，程序报如下错误：org.springframework.web.multipart.MultipartException: Could not parse mult
2022-02-22 16:20:09
3410
1
原创 js+html+canvas+css+thymeleaf 实现单个文件，多个文件（压缩）上传
完成效果：这里先不做详细代码介绍，先把我度娘到的资料整理出来，在下一篇博客会附上代码分析和完整的代码。非常感谢下面各位大大的博客：1）html5选择多张图片在页面内预览并上传到后台_GrowingMon的博客-CSDN博客_html5 上传多张图片2）若依 Spring Boot 多文件上传亲测_那杯热咖啡-CSDN博客_若依多文件上传3）js canvas 图片压缩 并转换为 file 类型文件_guohao326的博客-CSDN博客_canvas转file4）使
2022-02-22 11:12:01
489
原创 css 文字可不复制或者不可鼠标选中
/* 文字不被选中 */*{ -moz-user-select:none;/*火狐*/ -o-user-select: none; -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none;}
2022-02-15 15:16:40
442
原创 flex应用：实现两行五列数据，自适应
有一个页面的一部分需求如下：展示十个按钮为了不计算长度，不使用float，通过简单的方法来实现 就是flex。flex实现起来非常轻松。html:css:.bottom { position: absolute; bottom: 270px; width: 1080px; height: 320px; margin: 0 auto; z-index: 2; } ..
2022-02-14 16:12:25
1326
原创 一篇文章弄懂flex布局
转载：一篇文章弄懂flex布局 - 听风是风 - 博客园转载：一篇文章弄懂flex布局 - 听风是风 - 博客园转载：一篇文章弄懂flex布局 - 听风是风 - 博客园------------------------------------------------------------------------------------------------------------------------------一篇文章弄懂flex布局壹 ❀ 引谈到flex布局，我不知道有多少.
2022-02-14 16:04:48
232
原创 electron + vue中使用 el-table 死活不显示的问题
element-ui中el-table不显示 - 简书Electron-Vue使用element-ui el-table不显示/卡死我们需要把element-ui加入到.electron-vue/webpack.renderer.config.js文件中的白名单里面在这句话let whiteListedModules = ['vue']添加element-ui组件修改为let whiteListedModules = ['vue', 'element-ui']再运行项目，便能够成功构建
2022-02-11 16:55:28
1398
原创 vue-awesome-swiper 填坑（倒腾vue-awesome-swiper的第三波）
前面两篇博客在这里：vue-awesome-swiper 实现轮播图和缩略图联动_wxCSDN1997的博客-CSDN博客vue-awesome-swiper优化使用_wxCSDN1997的博客-CSDN博客坑1：不知道为什么，是不是项目中和其他组件冲突的问题，轮播图不能轮播，同时缩略图之间还没有空隙。无法轮播这个问题很严重，上网搜了解决办法，一个一个试。通过下面解决办法解决轮播问题。vue-awesome-swiper使用自动轮播和循环轮播不生效(loop和autoplay) - he
2022-02-11 14:39:53
658
原创 VUE实现 父组件向子组件动态传值功能（其中一种方法）
搭配着下面一篇博客：VUE实现 在父组件中刷新子组件_wxCSDN1997的博客-CSDN博客——————————————————————————————————————父组件<!--轮播图--><spatial_dis v-show="pro_spatial" :key="timer" :photoshow="photoshow" ></spatial_dis>data(){ return{ photoshow:[
2022-02-11 14:25:05
457
原创 VUE实现 在父组件中刷新子组件
万分感谢大佬的博客：vue 项目， 父组件中每次点击按钮重新加载子组件，（重新生成dom 元素）_泥猴桃的博客-CSDN博客_vue 重新加载子组件下面是复制这位博客大大的内容，方便自己查看————————————————————————————————vue是组件化开发的项目，很多情况下会把公共组件提取出来，来减少代码量，提高开发效率，和以后更好的可维护性。很多情况下，父组件中都会引用子组件这种情况。通过给在父组件中引用的子组件标签上添加属性，来渲染可以拥有不同数据的子组件。但是vue 的
2022-02-11 14:16:10
8147
6
原创 纯js实现轮播图
分为两种情况1：缩略图正好铺满容器 （以五张为例）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca.
2022-01-24 15:10:30
589
原创 纯 CSS 实现绘制各种三角形（各种角度）
转：纯 CSS 实现绘制各种三角形（各种角度） - saucxs - 博客园效果图：<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script></head><style type="text/cs.
2022-01-20 13:34:10
212
原创 vue-awesome-swiper优化使用
vue-awesome-swiper 实现轮播图和缩略图联动_wxCSDN1997的博客-CSDN博客上篇博客已经叙述了vue-awesome-swiper 插件的基本使用，接下来是将它正式用在项目里面的时候遇到的一些问题记录下来。1. 由于左右切换的按钮（b图）是插件自动带的，如果我们想要给他重新设置背景图，例如下面这种样式（a图），虽然可以设置背景图片 ，但是自带的 < > 却始终去不掉，再经过多次的尝试之后，给他的箭头颜色设置为透明则解决。.swiper-button-...
2022-01-20 11:06:36
1200
原创 vue-awesome-swiper 实现轮播图和缩略图联动
最近有一个（VUE）需求实现如下：可以通过左右箭头按钮实现轮播图，轮播图切换时，下方的缩略图也要对应显示，并且缩略图是可以滚动的（比方说一共有八张图片，但是缩略图展示时一次只能展示五张）。同时点击缩略图时，轮播图也要对应显示。下面是已完成的效果图。要完成此需求首先去查了很多插件。像elementui实现轮播图都很方便，但是不符合我这该死的需求。索性找到了这个插件，还有一些大佬的文档，解决坑的文档。列在下面。vue-awesome-swiper | Homepage | Surmon.
2022-01-17 17:16:42
6479
24
原创 html5使用canvas 的lineTo方法绘制折线并实现小球运动轨迹
上次使用了canvas 的bezierCurveTo方法绘制曲线 并实现小球运动轨迹。现在研究一下lineto怎么做到小球运动轨迹。（当然还没有研究 bezierCurveTo 是否可以绘制直线，之后有空在研究 ）先附上效果图：小球从 黄色起点位置开始运动，慢慢运动到粉色线上 ，超出粉色线后，小球恢复起始位置重新开始。附上代码：说明 xDis yDis 黄色线上的计算公式 因为设计线条时 正好设置的是 底为300 高为400 斜边为500的直角三...
2022-01-10 16:03:40
1880
原创 html5使用canvas的 bezierCurveTo()方法绘制地图轨迹曲线（三次贝塞尔曲线）
参考：Canvas基于百度地图绘制流动曲线_清山博客-CSDN博客_百度地图流向图<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
2022-01-10 15:46:43
2219
1
原创 display：flex 使用 功能太强大了吧
自学过flex布局，但是作为后端开发前端小白刚做需求时，总是不会使用，于是请教了大佬。需求：如下图所示，一共五个按钮，点击到哪个按钮哪个按钮就放大，其他四个保持较小的样式，并且对其他布局不会产生影响。.btnWrapper{ width: 700px; height: 40px; display: flex; align-items: center; } .btn_item{ height: 100%;
2021-12-31 16:59:15
433
原创 el-checkbox-group使用和数据渲染
<td class="tab_title_last"> <el-checkbox-group v-model="item.evaluationType"> <el-checkbox v-for="(i,index) in totalTypes" :label="i.id" :value="i.id" :key="i.id" name="type" ..
2021-12-31 16:28:12
1092
原创 vue 字符串长度控制显示的字数超出显示省略号
<td class="tab_title">留言人： {{ item.username | ellipsis}}</td> filters: { ellipsis(value) { if (!value) return ''; if (value.length > 6) { return value.slice(0, 6) + '...' } return value } }...
2021-12-31 16:16:21
838
原创 vue中，基于vue-seamless-scroll跑马灯的无缝滚动实例
参考：07 - 单行停顿时间(singleHeight,waitTime) | vue-seamless-scrollvue中，基于vue-seamless-scroll的无缝滚动实例 - 庞某人 - 博客园1、安装vue-seamless-scroll 1 npm install vue-seamless-scroll --save 2.引入组件import vueSeamlessScroll from 'vue-seamles
2021-12-31 16:12:57
620
原创 Electron是什么？
Electron 是一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。使用 Web 前端技术来开发一个桌面 GUI 程序是一件多么炫酷的事情，你可以使用HTML、CSS 来绘制界面和控制布局，使用 JavaScript 来控制用户行为和业务逻辑，使用 Node.js 来通信、处理音频视频等，几乎所有的 Web 前端技术和框架（jQuery、Vue、React、Angular 等）都可以应用到桌面 GUI 开发中。至此，JavaScript 这门神奇的语言除了能开发 Web 前端、W.
2021-12-31 15:55:14
2240
原创 webstorm安装使用
1. 安装包提取：链接：https://pan.baidu.com/s/1qBiQ9vPMwoespH1z3YVCuA提取码：n6cw2. IDEA 和 WebStorm区别Intellij IDEA : java + 前端(html,css,js)Webstorm : 前端(html,css,js)intellij是webstorm的超集。webstorm的所有功能intellj都有。...
2021-12-31 15:40:30
1649
原创 查询一张表中分类之后某个数据最大的问题
之前在做车辆管理的时候领导给出了一种方案但是这样有一个弊端 就是两个地方用到了这个表名 如果这个表是查询出来的临时表 那么就要写在两个地方 极度不合理于是开始了我的自学之路下面这个博客解开了我的疑惑 本以为用了 group 和 max 就可以实现 正确的数据查询 但是只有用了max 的（也就是）聚合函数的字段是最大值 其他数据 还是按照顺序取得 并不是正确的数据于是我们可以将数据按照顺序先排序 在group by 这样就是取得我们想要的那一条 也就是每..
2021-12-21 17:14:00
535
原创 burp suite的安装与基本使用
参考：1. Burp_suite安装及使用教程(专业版) - 停泊2019 - 博客园2. https://blog.csdn.net/liweibin812/article/details/836507513. 注意（https://blog.csdn.net/skyattractive/article/details/107776256）：关于burpsuite抓不到本地网站包的解决方案自己在用的时候出现这个问题 总结一下方法一将127.0.0.1改成localhost来访问
2021-12-21 16:29:31
534
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人