
奇技淫巧
SangHongxv
这个作者很懒,什么都没留下…
展开
-
[最简单]exceljs 纯前端导出Excel,带样式,保护锁定
【代码】[最简单]exceljs 纯前端导出Excel,带样式,设置,保护锁定。原创 2024-03-26 19:37:44 · 704 阅读 · 0 评论 -
node mongoose 多条件模糊查询
多条件模糊查询,可以过滤空值、没有定义的值。原创 2022-03-08 09:33:33 · 955 阅读 · 0 评论 -
mpvue 使用vant组件Tabbar问题
问题一、组件触发无效果原因:空间名不可以用Tabber,换个试试原创 2020-12-07 10:14:32 · 557 阅读 · 0 评论 -
mpvue vue 长按录音,上滑取消,下拉恢复
需求:mpvue 开发小程序实现 按住录音上滑取消,下拉恢复效果:<button @touchstart="touchstart" @touchend="touchend" @touchmove="touchmove" >{{btRecoding?'松开结束':'按住说话'}}</button> <div class="shade" v-if="btRecoding" catchtouchmo...原创 2020-09-15 16:56:00 · 1493 阅读 · 3 评论 -
搭建gitee图床管理工具
什么是图床?图床一般是指储存图片的服务器,将图片等资源和应用服务分开,有如下几点好处:1.统一管理图片资源2.减轻服务器的负担,加速页面访问速度为什么选择码云(gitee)?一般图床为私有得或者公共的资源存储服务器,如七牛云、阿里云、腾讯云等,如果要搭建个人网站,那么没必要购买私有云服务器,成本比较高;而免费的公共图床服务器,无论在安全性还是可靠性都是没有保障的,数据容易丢失。最开始使用腾讯云的对象存储,因后期可能有收费的风险,所以把目标指向了github、gitee等免费大空间存储库。g原创 2020-07-21 11:51:44 · 434 阅读 · 0 评论 -
不买服务,使用vue 做个个人的gitee可视化数据大屏
需求:不买服务器写个直接部署到gitee pages 或者 github pages 的可视化数据大屏技术栈:vue-cli echarts.js axiosAPI:https://gitee.com/api/v5预览:https://sanghongxv.gitee.io/giteedatav/还在持续开发中,完成放源码!!!!有什么好的意见或者问题可以进行评论留言!!!...原创 2020-07-11 13:37:05 · 901 阅读 · 1 评论 -
【socket.io跨域】关于socket.io nginx跨域问题
服务端: node.js前端环境: uni-app需要依赖:vue-socket.iosocket.io-client// main.jsimport VueSocketio from 'vue-socket.io'import socketio from 'socket.io-client';Vue.use(new VueSocketio({ debug: tr...原创 2020-03-30 17:53:25 · 2961 阅读 · 6 评论 -
【DIVCODING】CSS复制粘贴-懒人css集合
仅用于个人css收集、积累。复制粘贴更方便。传送通道:https://divcoding.gitee.io问题提交:https://gitee.com/divcoding/issues_related_to_divcoding原创 2020-01-02 11:02:08 · 418 阅读 · 0 评论 -
【微信小程序】 Canvas 使用网络图片 or base64 格式图片
需求:使用canvas 画一张海报,需要把base64格式的小程序码添加到上面.主要: 开发工具可以显示,真机不显示网络图片.设计思想: 通过wx.env.USER_DATA_PATH 和wx.getFileSystemManager()保存在用户本地,使用完后清理掉(建议).function todo(base64) { const path = wx.env.USER_...原创 2019-12-24 20:11:36 · 1044 阅读 · 0 评论 -
使用nodejs Websocket 建立one to one即时通讯服务
需求:使用nodejs-websocket 建立一对一的即时通信服务环境:nodejs设计思想:保存消息通道,通过消息通道返回消息.首先,要知道websocket 是什么?WebSocket建立在TCP协议之上,并且与HTTP协议有着良好的兼容性,最大的特点就是服务器可以主动向客户端推送消息,客户端也可以主动向服务器发送消息。其次,nodejs-websocket 又是什么?...原创 2019-09-17 16:53:44 · 449 阅读 · 0 评论 -
小程序 自动滑动到底部
小程序聊天页面,自动互动到底部// 自动滚动事件 gundong () { // 获取页面高度 let query = wx.createSelectorQuery() // 通过节点获取位置信息 query.select('#car-height').boundingClientRect() query.selectVi...原创 2019-09-04 17:05:52 · 1195 阅读 · 1 评论 -
JavaScript 数组映射,重新整理
数组映射 ,重新整理,配合return,返回一个新数组,没有return,相当于forEach()arr.map(val,index,arr)let arr = [ {title:'name',age:'10'}, {title:'aaa',age:'10'}, {title:'aaa',age:'10'}, {title:'aaa',age:'10'}...原创 2019-09-04 10:27:37 · 1585 阅读 · 0 评论 -
nodejs 分页展示指定文件夹下文件列表
需求:利用分页展示指定文件夹下的文件列表环境:nodejs express设计思想:把获取文件列表,分页分开增强复用性(也就这里用原创 2019-09-01 21:49:37 · 1324 阅读 · 0 评论 -
使用verdaccio搭建本地[离线]npm镜像库
安装verdaccio# 使用 npm 安装npm install -g verdaccio启动服务verdaccio修改配置文件> config file - */config.yaml 配置文件# path to a directory with all packagesstorage: D:/storage #存储仓库# path to ...原创 2019-08-19 18:25:17 · 2607 阅读 · 0 评论 -
vue 前端(elementUI)图片压缩 转base64
因图片需要转base64编码存入数据库,获取数据较大,所以压缩图片前端框架:element UI <el-upload class="avatar-uploader" action='#' accept="image/*" :show-file-list="fal...原创 2019-08-02 11:45:06 · 1884 阅读 · 0 评论 -
windows 安装阿里云ssl 证书
需要创建.well-known常规操作:直接创建显示使用命令创建:md .well-known我使用的nginx直接把文件夹及文件创建在html根目录就行了原创 2019-07-31 14:29:16 · 792 阅读 · 0 评论 -
微信小程序登录授权、获取用户头像增加样式【完整源码】
完善功能:1、通过open-data展示用户头像2、授权页结合https://blog.youkuaiyun.com/weidong_y/article/details/79636386而来。代码:index.wxml<view wx:if="{{canIUse}}"> <view class='header'> <view class="u...原创 2018-07-24 11:06:20 · 19081 阅读 · 5 评论 -
小程序自定义tabbar【完整源码】
代码index.wxml<!--index.wxml--><!--不可滑动切换tabbar--><view class="nav-tabs"> <view class="tab-list {{currentTab == idx?'active':'default'}}" wx:for="{{tabArray}}" wx:f原创 2018-07-24 15:11:29 · 6453 阅读 · 0 评论 -
nodejs换源,成功安装hexo,搭建sanghongxv.gitee.io
今天配置hexo,发现现在网上的教程都安装失败,所有发此文。npm使用国内镜像的方法1、换成阿里源npm config set registry https://registry.npm.taobao.org2、验证命令npm config get registry返回https://registry.npm.taobao.org,说明镜像配置成功。3、安装cnpm...原创 2018-07-25 16:12:26 · 6418 阅读 · 2 评论 -
移动端自定义下拉框【H5+js+css】
var weekdayArr = ['男', '女'];//var age1 = ['18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43'...原创 2018-08-16 17:40:56 · 10714 阅读 · 0 评论 -
【纯前端】微信小程序验证码
index.wxml 验证码: <input type='text' bindinput='makecodeInput'/> <view class='makecode' bindtap='getcode'>{{code}}</view> <button bindtap="login">登录</button>...原创 2018-10-09 10:00:19 · 898 阅读 · 0 评论 -
Element ui tree(树形)选择高亮
添加属性 highlight-current原创 2018-12-21 10:12:53 · 1939 阅读 · 0 评论 -
关于Element ui Transfer (穿梭框)使用心得
最近在使用Element ui做一个大型的智能监测项目原创 2018-12-18 11:09:42 · 30634 阅读 · 16 评论 -
自用手机、邮箱正则表达式
手机号:/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/ {pattern: /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/,message: "手机格式不对"}邮箱:/^([a-zA-Z0-9_-]...原创 2018-12-29 16:43:40 · 265 阅读 · 0 评论 -
vue Element ui 动态合并单元格
实现效果图:json结构: <el-table :data="data" border height="600" :span-method="objectSpanMethod"> <el-table-column :label="head" v-for="(head, key) in header" :key=&quo原创 2018-12-25 20:37:12 · 2139 阅读 · 1 评论 -
css半圆 弧形
<div class="foot"> <!-- 两端对齐 --> <div class="foot-conter"></div> </div>.foot{ position: fixed; bottom: 0; width: 100%; height: 250原创 2019-01-05 16:59:39 · 2809 阅读 · 1 评论 -
JavaScript IC卡(M1)卡号正码转反码
读卡器:德卡D3m1CardTest() { // 初始化设置usb口通信,生成状态码 rd.dc_init(100, 115200); // 设备状态码大于0正常 console.log("设备状态:"+rd.dc_init(100, 115200)); // 寻卡 var snrlen rd.dc_car...原创 2019-02-14 10:38:51 · 2219 阅读 · 0 评论 -
【css】网格布局
效果: <div class="contentDiv"> <div class="content"></div> <div class="content"></div> <div class="content"&原创 2019-02-26 09:33:52 · 1313 阅读 · 0 评论 -
关于小程序获取手机号解密失败问题
问题:小程序在解密手机号、用户信息都出现第一次调用解密失败,第二次成功,原因: 通过open-type="getUserInfo" 先获取iv和encryptedData,再获取code, 这时的sessionKey 和vi 是不匹配的.解决方案:先获取code 再获取iv和encryptedData...原创 2019-03-16 18:44:12 · 10510 阅读 · 2 评论 -
更简单的使用git 上传项目到github
此前一度想把自己的项目上传github,无奈于git需要高深,无从下手,好吧,我承认自己笨,看不懂教程。看不懂也是有原因的好不好。都普遍过于复杂了。今天呢,我就通过廖老师的教程进行简化。看着不是那么的复杂。*********************************************一条华丽的分界线********************************************...原创 2018-02-09 09:29:15 · 3868 阅读 · 0 评论