- 博客(61)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 stable diffusion安装从0到1总结：包括遇到的坑和步骤
stable diffusion喂饭级别的安装使用。遇到的坑和步骤都仔细记录下来了。pip报错等一系列问题也有了解决方案。
2023-04-15 01:18:00
5407
1
原创 vue+element弹窗可拖拽拉伸和弹窗内table高度自适应
vue+element的弹窗，自定义指令实现弹窗可拖拽拉伸。解决因为拉伸事件导致的无法选中弹窗里表单文字的问题。添加了边界判断条件，不允许拖到可视范围之外了。添加了弹窗如果有表格，对表格进行自适应的功能
2021-12-10 00:43:36
3263
3
原创 2021-04-28 前端文件流转化（转成Excel）
需求：公司的文件传输，后端传给前端是一个流文件，也就是一个blob文件。需要转换成对应的附件。js:export function exportSearchList(dowLoadFileName, result) { const blob = new Blob([result]); const fileName = dowLoadFileName + '.xlsx'; // 判断浏览器 var brower = ''; if (navigator.userAgent.inde
2021-04-28 17:29:46
1056
原创 2021-04-21小程序使用Painter生成海报
需求：需要生成一张海报保存相册或者是分享给好友。如图这种。在考虑用canvas自己画还是找插件的路上，我最后选择了找插件。找到了一款很优秀的插件。小程序的painter生成海报。github上的地址（https://github.com/Kujiale-Mobile/Painter）。自己写的这个功能，我参考了2位博主的博客。（https://blog.csdn.net/hql1024/article/details/106299470?utm_medium=distribute.pc_rele
2021-04-21 17:16:04
1045
原创 2021-04-16 小程序自定义拍照界面
需求，需要有一个人的人脸框，需要是一个单独的页面。UI给的图是需要进行裁剪。但是我没有实现_(:з」∠)_，就先记录拍照的页面吧html:用camera组件，用cover-image来加入蒙版。拍照的按钮需要单独写在camera外面，用定位定上去就行。<view class="container"><!-- 拍照页面 --><view class="takePhoto" hover-class="none" hover-stop-propagation="
2021-04-16 15:20:46
1390
原创 2021-04-16 微信小程序答题进度条
需求：答题需要展示这么一个进度条。因为不是百分比，就没用官方的Process。而且需要每写一个题，这个题目下面展示进度条，其他题进度条隐藏。这里用hidden失效，我也没用flex布局，就离谱！最后我选择直接自己写属性display:{{item.hidden?'none':'block'}}进度条就是2个view叠在一起，一个宽度动态展示就行。竟然是动态展示，那只需要设一个动态值“{{progressWidth}}”HTML： <view style="display:{{ite.
2021-04-16 15:03:25
791
原创 2021-03-09 微信小程序多次之后无法跳转问题
出现的场景：小程序详情页或者是设置页，用wx.navigateTo 进行页面之间跳转，多次之后，无法继续跳转。原因：wx.navigateTo 最多跳转10层，超过就无法跳转了。解决方法：使用wx.navigateBack，返回上一页或者上上页。例子： choose(e){ let id = e.detail.value let name = '' let cityId = '' // console.log(e.currentTarget.dataset.
2021-03-09 12:02:42
1527
原创 2021-01-28 element表格动态设置table高度
因为需要在不同大小的电脑上，最大程度展示table的内容加上分页。所以需要动态设置。记录一下<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" stripe border :height="tableHeight" :header-cell-style="{color:'#fff',backgroundColor:'#4378e4'}" style="width: 100%.
2021-01-28 17:20:42
613
原创 2020-12-24 小程序监听返回事件，做拦截
需求：在做测试题的时候，用户放弃做题做提醒，引导用户继续做下去。使用了微信的官方api：wx.enableAlertBeforeUnload（链接为官方文档）直接上代码：onLoad: function (options) { wx.enableAlertBeforeUnload({ message:"您确定要退出测试吗？测试完成后将有机会享受上海龙华医院胃肠外科免费的医疗服务", success:function(res){ console.log(
2020-12-24 15:40:02
1927
3
原创 微信小程序使用echarts雷达图遇到的坑
最近一个医院的小程序需要使用雷达图来展示，简单总结一下。1：使用场景：在详情页，根据测试的题目得分画成雷达图，测试的题目会得到2种结果，高危和低危。一种雷达图，但是样式不一样。如果是标题文字颜色不用改，那就初始化一个就行。因为这2个的文字，一个文字是白色，一个文字是黑色，而文字我并没有找到可以动态更改的方法，就只能初始化2个了，初始化2个是有一些问题的。我先说只初始化一个。2：引入echarts，使用专用的小程序版本，点击去Git上下载。如果直接下载的话，echarts.js有700多k，小程序
2020-12-16 12:03:45
1845
原创 element表格拖拽（sortablejs）
需求背景：有时候写公司企业历程需要按照手写的年份排序，但是企业历程又可能写成 xxx年以前，为了方便用户排序体验，使用表格拖拽排序。使用了 sortablejs2.安装npm i sortablejs -s -d3.使用注意：<el-table></el-table>必须带有row-key="xx"这个属性，不然就会拖拽渲染表格出问题，这个问题就是你可能拖拽了，你看数据也变了，但是表格顺序没变，其实是因为表格渲染的时候，用了virtual-dom diff算法，
2020-11-10 11:38:59
1037
原创 nuxt+element官网（不包括pm2部署）
首先说一下需求和背景： 因为公司需要对老的官网进行重新设计，配套的可配置官网的后台管理系统也需要重新设计。因为需要做SEO，我本身也是用了很多年的vue，所以优先选择SSR的nuxt，因为官网比较简单，所以暂时没遇到多大的坑。 1.安装nuxt:nuxt官网。 2.创建之后的文件目录： 注意2点：A：背景图需要放在static里面。在js里面引用的时候可以直接这样引用 'logoBox:["/images/logo1.png"], ' ...
2020-11-06 18:18:29
1417
5
原创 2020-10-22 css画八边形等
使用属性cli-path。直接上代码：需要li变成八边形，类似这种：HTML：<ul> <li v-for="(item,index) in designWords" :key="index" :class="{active2:index == nowIndex1}" @click="tabsChange1(index)"> {{item}} </li>
2020-10-22 15:48:48
1011
原创 js跳出循环（不能使用map，要用for，some,every）
数组遍历的方法很多，map，forEach，等，这些方法都不能使用break中断循环，也不能使用return来返回到外层函数。如果需要跳出循环，使用for循环就可以。需要跳出循环的场景：页面做多个数组的非空判断，做提示语。如果有一个出现非空，就提示具体那一个，而不是一口气把所有空数组都判断，然后全部提醒。 const arrBox = [ {name:'productData',msg:'产品至少需要一个！'}, {name:'generalSoluti
2020-09-09 14:14:28
1859
2
原创 微信小程序input和textarea数据清除与自动填充
记录一个小问题：情况是这样的，需要一个意见弹窗，能自动填充联系方式。但是我怎么setData都没办法实现。后来发现其实是因为写HTML样式时候没有写value属性。只要写了，数据就能正常setData带出数据了，也能正常设置数据为空了。具体代码是这样： <textarea class="weui-textarea" style="font-size:26rpx;height:110px;" bindinput="descText" maxlength="200" value="{{des
2020-07-22 16:37:32
4003
原创 Viewer.js第一次点击图片无法显示解决方案(vue使用)
Viewer.js是一个大图预览插件。附上官网地址（https://fengyuanchen.github.io/viewerjs/）说明一下我的使用情况。点击图片查看，出大图预览不需要有预览小图。查看官网文档，下载js文件。引入文件。<link href="/Scripts/Common/viewer.min.css" rel="stylesheet"><script src="/Scripts/Common/viewer.min.js"></script&g
2020-06-02 09:56:01
5050
2
原创 element表格嵌套表单进行验证
拿到需求是表格需要能动态增加，然后又根据归还方式不同，如果是邮寄方式，后面快递信息都是必填。如果不是邮寄方式，那后面数据就不用填。先把效果展示出来需要进行每一项表单里面的数据进行验证！查element找到了需要的代码。我挑重要的说。因为是动态的，所以prop绑定的时候需要不能唯一，就是动态数据。官方写法:prop="'domains.' + index + '.value'"其实主要就是这个了。然后添加验证规则就行。我直接附上代码记录一下HTML代码：<el-t
2020-05-09 15:01:42
7264
原创 前端开发如何获取视频第一帧作为封面
首先说明一下，浏览器或者手机需要支持video标签。从H5本身来说，这里用到了video的一个属性，poster(规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。).然后还有一个video的事件，loadeddata（当当前帧的数据已加载，但没有足够的数据来播放指定音频/视频的下一帧时，会发生 loadeddata 事件。）。所以要提醒一下,如果不是用框架来监听的，就自己...
2020-04-26 12:46:30
8296
5
原创 条形码，一维码解析（vue版本）
拉起摄像头或者是传入图片进行解析：第三方插件：quagga.js二维码插件：qrcodejs2.js（本篇暂时只记录条形码js解析）首先:npm i quagga -s -d在需要的页面引入：import Quagga from 'quagga' // 条形码 import QRCode from 'qrcodejs2'HTML：<...
2020-03-19 23:59:38
1939
3
原创 typeScript初探
TypeScriptTypeScript中文网是什么？TypeScript是微软公司开发的一款开源的JavaScript超集语言！JavaScript超集： 当前任何JavaScript都是合法的TypeScript代码！TypeScript主要为JavaScript提供了类型系统和ES6语法的支持！Flow是一个类型检查工具，TypeScript是一种开发语言！TypeScript...
2019-10-11 14:18:45
145
原创 vue中tab+scroll实现上拉加载更多下拉刷新
前言：多数的Scroller插件不是很容支持多个tab栏，或者是支持，但是数据又容易错乱。用过better-scroll,vue-scroller2个插件，不可否认，如果不是有tab栏的话，这其中任何一个插件都完全能够驾驭，性能也很优秀。但是如今tab栏加下拉刷新，上拉加载更多这种需求太多了。当我尝试了将近2天，各种调试更改样式，都没办法达到预期的效果。最终只能忍痛放弃这2个插件。实现...
2019-07-30 18:10:35
1492
原创 7.10身份证号码验证
这个需求很普遍，不记得从哪里搜刮来的方法了。记一下，这几个方法比较严谨，验证18位和15位身份证号。//验证身份证号validCard: function(idCard) { idCard = this.trim(idCard.replace(/ /g, "")); //去掉字符串头尾空格 if (idCard.length == 15) { return th...
2019-07-10 11:15:31
287
原创 5.14 echarts数据合并问题
用echarts画图的时候，不同的数据渲染同一块画布，可能出现数据合并问题。类似第一次后台给3条数据，图上渲染是3条折线。第二次后台给1条数据，这个时候，图上还是有3条。仔细一看，就会发现，剩下的2条是之前数据，没有变化，这就是数据合并了。处理起来很简单。echarts文档有给出答案。查API:setOption.所以我是这样处理的（vue）：this.chart.setOption...
2019-05-14 11:06:53
3999
7
原创 echarts中国地图分七大区
接到这个需求我一开始以为特别简单，像这种需求，网上应该一搜一大把。开开心心说一下午就完事，结果狠狠打脸。不过最后还是弄出来了，因为有大佬相助，我就记录一下我解决的方法吧。很简单，用了大佬的文件。我贴一下大佬的github地址作者是chfw。这个地址就是我用的文件的地址。大家打开就能看到运行成功的中国七大区分区。大佬写的很清楚，所以我也不说怎么弄的。我说一下我遇到的问题。因为我用的是vu...
2019-04-28 11:24:24
6971
6
原创 vue集成PC端融云音视频1对1聊天
2月中下旬的时候，接到需要集成融云音视频的需求。一开始不知道怎么下手，毕竟去年我做的只是文字之间的聊天，并没有集成音视频。然后分为2部分考虑，第一部分是考虑样式，第二部分是考虑实现逻辑。1.样式从样式开始，考虑到PC端，于是参考了微信的PC样式。从GitHub上找了一圈样式，终于找到比较满意的样式。放上链接：cdxofgithub的GitHub的这个地址。图片样式是这种。（截图压缩太厉害，...
2019-03-30 14:38:13
3123
原创 2018年度总结
今天是公司放假前在公司最后上班的一天，工作都完成了，写一下感慨（总结）吧。可能到了这个年龄，日子都是按照年来过，一转眼又是一年。这一年工资仍然不多，技术也感觉没多少涨进。有点失望，但也不是全无收获，总结一下吧。2018年5月之前，在上一家公司工作，主要做的是后台管理系统，用的是jq+js。布局是自己写的。使用ajax跨域，用artTemplate来进行数据填充。印象最深的是，当时后...
2019-01-25 14:37:35
145
原创 vue-simple-tree无法重置问题
问题：无法重置勾选项 解决：因为版本2.3.x中源码中缺少一段代码。（到今天为止，GitHub上作者暂时没有处理这个问题，所以没办法通过升级版本来解决这个问题。自己手动添加吧~） 修改路径:node_modules\vue-simple-tree\src\components\Item.vue ids (val) { if (val.indexOf(this.mode...
2019-01-10 10:14:43
700
转载 移动端之骨架屏（vue示范）
转自知乎作者：小蘑菇小哥https://zhuanlan.zhihu.com/p/48601348 让网页展现的更快，官方说法叫做首屏绘制，First Paint 或者简称 FP。首屏时间 FP 并不要求内容是真实的，有效的，有意义的，可交互的。 大体来说，骨架屏的优势在于：1、在页面加载初期预先渲染内容，提升感官上的体验。2、一般情况骨架屏和实际内容的结构是类...
2018-12-24 15:33:36
6274
原创 从Event Loop研究javascript异步以及浏览器更新渲染时机
因为这些文章都很长，而且例子非常详细。所以我搬过来。1.代码例子非常丰富。简单上手作者：杨敬卓地址： https://github.com/aooy/blog/issues/5 2.这篇文章讨论了浏览器的工作原理（虽然是2011年的文章，但是非常经典）作者：Tali Garsiel , Paul Irish地址：https://www.html5rocks.com/zh/t...
2018-12-06 13:53:28
272
原创 vue-cli2中的webpack打包文件地址出错问题
已经不是第一次遇到，结果今天还是再问了一遍我们另外一个前端小姐姐，来记录一下。首先放出报错信息： 当时反应就是，我Dev环境跑起来这么欢快，小老弟，你测试环境你怎么肥四啊？你背着我把文件存哪去了！然后想来想去去找度娘。emmm，信息特别杂乱。那就只能靠我另外一个前端小姐姐了。最后做了3点修改，就完成了。1：背景图片必须放在static里面。（我之前都不知道，小声bb）2：在c...
2018-11-15 13:39:30
691
原创 vue导出excel表
方法一：vue2.0 + element UI 中 el-table 数据导出Excel 。https://blog.csdn.net/u010427666/article/details/79208145方法二：1.安装2个依赖包（其实是3个） npm install -S file-saver xlsxnpm install -D script-loader2.在项目中新...
2018-10-17 10:55:37
16735
10
原创 vue下脚手架区分测试环境和正式环境
在网上找来找去，找到很多资料。自己实践后再统计一下。运用环境：公司增加测试环境，用脚手架搭出来的环境只有开发和线上，也就是只有dev和prod。现在增加一个test环境。很多其他的资料是用了一个插件。我这个方法不用插件。好了，话不多说。开始搞。1.在build文件夹中创建build-test.js文件build-test.js中的代码很简单，就两行。主要就是配置一个环境变量用以区别测试...
2018-09-21 15:26:04
2776
原创 融云集成一个聊天室页面(vue版本)
首先，说一下使用情况。因为需求，需要做一个聊天室页面，因为不是专门的点对点聊天，是类似直播，但是是文字直播平台的那种。现在一般的课堂，可能会需要这种。分为2个端，一个是讲师端，一个是用户端。讲师端可能是单独的APP。用户端的页面可能是内嵌到专门的APP，或者是微信公众平台。我这次做的就是一个用户端。讲师端由原生来写，因为需要H5页面能兼容微信还有在手机端都能用。 然后，说明一下，用了vu...
2018-09-21 14:58:04
7052
30
原创 使用vue-handsontable遇到的坑以及解决办法
在百度上搜了很多关于这个插件的使用方法，有一个写的很详细的！本来已经很详细了，我再添点自己的内容。（ps:英语不好，面向百度编程_(:з」∠)_）： 1.安装好之后就直接报错2个：第一个是es-2015没有模块，所以需要在我们的根目录文件npm install babel-preset-es2015 --save-dev 如果是用脚手架搭的架子，webpack的配置文件不需要再次更改。...
2018-06-21 18:48:34
22656
29
原创 art-template 4.0时间戳转时间
今天用模板渲染的时候，所有直接展示的都没问题，但是后台传时间戳需要我这边进行相关处理。看了网上很多处理方法，只能说用新的版本的art，他们的helper方法已经过时！坑了我好几次。然后我也用了他们的过滤器，发现每次过滤器都报错说没有函数！一整天都在坑里，晚上有大神帮忙分析，终于爬出坑。现在记录一下；以下，是我的模板；用的是原生语法， <script id="tpl-jjunpaid" ty...
2018-04-18 23:28:01
1564
原创 H5唤醒APP或打开应用商店下载（未完成）
$(function () { var register = $("#register");// 添加注册并且打开APP事件 register.click(function(e){ e.preventDefault(); deepLink(); }) function deepLink(){ // 判断系统 var o =null; v...
2018-04-11 10:47:17
6185
原创 5种盒子垂直居中的方式
1.通过flex来实现：<head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 800px; height: 800px; border: 1px solid #000; display: flex; /*...
2018-04-11 10:41:24
4934
原创 require引用layer的时候，无法引入layer.css
提供一种很不优雅的解决办法，强制性用link引入css文件。等我想出具体怎么在JS中引用的时候再来更新吧。
2018-02-27 10:24:06
3438
原创 js一键控制checkBox正反选以及随着变化取消全选状态
一：先上一段html代码：<div class="wrap"> <table> <!--全选反选按钮所在行--> <thead> <tr> <th> <input type="checkbox" id="selectAll"/> </th> <th>菜名</th> <th>饭店</th> </tr>
2018-01-31 22:55:54
664
vue-handsontable
2018-11-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人