自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(121)
  • 资源 (3)
  • 收藏
  • 关注

原创 EDI那些事

一、EDI的定义:    联合国标准化组织将EDI定义为:企业之间将商业或行政事务处理文件按照一个公认标准,形成结构化的事务处理或报文数据格式,从计算机到计算机电子传输方法。二、EDI报文标准分为三大类:1.ANSI X12(美国)    ANSI X12是为了满足商务文档之间的点子数据交换也就是EDI通讯由美国国家标准委员会在1979年创立的认可标准委员会(ASC)x12制定的EDI报文标准。2...

2018-05-28 10:32:19 492

原创 有关于前端问题小总结

以下是我总结的一些关于前端的面试题,分享给大家,下面的答案是我的理解,如有不正确欢迎多多指出。一.Doctype的含义,并且举例有什么类型。    答:Doctype是document type的简写,主要是告诉浏览器解析器用什么文档的标准去解析。          无论是在html或者xhtml中Doctype有三类分别是:          1. frameset模式(框架模式)       ...

2018-04-25 13:44:01 337 5

原创 有关于Axure RP的使用

Axure RP下载地址https://pan.baidu.com/s/1pL0iT1T#list/path=%2F破解密码:Licensee:米 业成 (STUDENT)Key:nFmqBBvEqdvbiUjy8NZiyWiRSg3yO+PtZ8c9wdwxWse4WprphvSu9sohAdpNnJK5二、关于TAB的切换第一步:在红框位置放置一个动态面板第二步:复制多个动态面板第三步:双击s...

2018-03-08 16:58:28 487

原创 关于jqgrid表格的使用

一、首先关于jqgrid中js/css的声明:        jqgrid中css 和 js相关文档在官网上下载和在http://blog.mn886.net/jqGrid/网站上下载还是略有区别的,下面演示中管jqgrid表格的css个js均来自http://blog.mn886.net/jqGrid/。有任何描述不正确的地方欢迎指出。二、CSS的引入<link rel="styleshe...

2018-02-23 13:51:30 970

转载 NodeJS学习笔记--NodeJS+Express基础概念梳理记录

URL: https://www.jianshu.com/p/d72e33b986fb写在前面本文章来源于一次分享中的笔记记录。用于梳理基础概念。名词解释Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用,Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布

2018-02-07 16:33:00 318

原创 node.js之连接数据库

1.1node.js之连接数据库一、有关于怎么去配置node.js的环境这个问题通过百度等可以搜到大量的文章,这边就不详细的说明,我的node.js的配置是主要参考了下面的博客。 URL:https://www.cnblogs.com/zhouyu2017/p/6485265.html   注意:要确保npm中添加到mysql的包。不然会在报错。二、下面就切入正题说一下怎么使用

2018-02-07 10:24:19 775

原创 有关于百度地图的调用

关于百度地图的调用现在在网站的联系我们板块用地图显示公司位置是一个很常见的场景,下面就和大家分享一下我的实战经验。1.在这网址上面输入你想要的经纬度URL: http://api.map.baidu.com/lbsapi/creatmap/index.html2.在我的标记中可以设置标记图标、名称以及备注,然后点击保存。3.下一步获取代码,将代码复制到自己的页面中。

2018-02-07 09:31:00 467

转载 Node.js is not a cancer, you are just a moron

My tone is going to seem strangely even and un-ranty. This is because I am doing everything I can to keep myself from completely exploding when I read this bullshit that this moron is spewing. OK, tha

2018-01-31 13:23:36 234

原创 备案流程、步骤

之前在做网站备案的时候经历了很多坑 也是从小白开始,为了尽量避免坑就总结了以下经验,希望大家少踩坑,哈哈。企业官网上线步骤大致如下:1.拥有云虚拟机或者是云服务器2.注册域名3.上传程序到云虚拟主机或者云服务器4.绑定域名5.域名解析6.备案接入(所需材料:法人正反面身份证照片、网站负责人正反面身份证照片、营业执照、幕布照片)7.网站上线

2018-01-31 11:06:30 635

原创 预览文件中的SVG

批量查看svg

2023-01-30 16:02:54 641 1

原创 微信小程序中层叠轮播图(仿微信朋友圈swiper样式)

微信小程序中层叠轮播图(仿微信朋友圈swiper样式)

2022-06-21 15:46:44 1098 2

原创 iconfont 点击更新代码,默认不生成.eot、.svg、base64格式 请到编辑项目中配置

最近发现iconfont有做一些调整:下载包中的iconfont.css有做调整更新前更新后那我们拿字体文件转成base64步骤如下1.将ttf格式结尾的字体上传至https://transfonter.org/点击convert按钮最后点击downLoad按钮2.下载中的stylesheet.css中就会有base64格式字体...

2021-05-21 14:04:39 2138 3

转载 使用Git添加Tag的方法

使用Git添加Tag的方法简述作为版本管理工具,Git可以对某个版本打上标签(tag),表示本版本为发行版。在发布软件,以及使用CocoaPods创建依赖库等情况时,需要对其版本使用标签注释。故简单总结一下添加tag的方式。使用Git命令查看标签打印所有标签 1 git tag` 打印符合检索条件的标签 1 git tag -l <版本号> 如 git tag -l 1.*.* 为搜索一级...

2021-05-11 14:01:58 3109

原创 解决微信小程序穿透滚动问题

防止穿透滚动在非内容区域加一个方法catchtouchmove="preventD" ,双引号中是方法名称,可以自定义 具体代码如下wxml<view wx:if="{{showPost}}" class="poster-wrap" catchtouchmove="preventD"> <view class="poster-content-wrap"> <view class="poster-content" catchtouchmove..

2021-02-26 16:32:00 270

转载 移动端如何进行rem的适配

网上很多都说会pc网页开发,也就会了mobile网页开发。那么实际呢也是如此,但是对于新手来说却摸不着头脑无从下手,一直纠结于适配的问题,那么这里就来展示下rem适配。展示rem适配代码 //rem适配 (function () { var styleN = document.createElement("style"); var width = document.documentElement.clientWidth/16; styleN.in

2021-01-27 16:06:58 1256

原创 微信小程序分享事件中使用异步方法

开发背景:电商小程序中,购买完成后将购买的商品分享给好友~我们在分享事件中需要记录分享者的昵称、头像、购买商品等这些信息,由于信息字段过长所以需要长短码转换,这时需要在分享事件中调用接口可以这样子实现~一、生成短码事件 getShortCode() { let rawData = '用户信息字段+分享商品字段' let pathData = { tenantCode: app.globalData.tenantCode, rawData: rawData

2021-01-06 14:53:28 899

原创 微信小程序自定义组件中使用behaviors

前言一、behaviors的定义二、behaviors的作用三、behaviors的使用总结前言首先来说说我为什么要使用behaviors一、业务场景 用户授权用户信息,以及手机号,完成注册会员。授权用户信息以及手机号完毕后得到unionid + mobile字段,我们帮其注册成为会员~由于授权用户信息以及授权手机号两者都需要用户主动触发,所以我们在用户授权信息后会有一个弹窗~弹窗中有一个授权手机号的按钮让用户主动触发。...

2020-12-01 18:11:52 5839

原创 npm ERR! code ELIFECYCLE

微信小程序使用npm编译的时候报npm ERR! code ELIFECYCLE一开始我直接百度搜索,https://www.jianshu.com/p/db2ac92842d5原文的解决方案是Step1:npm cache clean --forceStep2:rm -rf node_modulesStep3:rm -rf package-lock.jsonStep4:npm installnpm install 成功之后再次启动 npm start但是一开始是好的,后面编译的时候又报

2020-11-24 18:21:26 302

原创 微信小程序中使用npm引入vant weapp

一.思路1.在小程序根目录内,初始化npm2.在小程序中执行命令安装 npm 包3.在微信开发者工具中的菜单栏:工具 --> 构建 npm4.在微信开发者工具中的菜单栏:工具 --> 项目详情, 勾选“使用 npm 模块”选项:5.使用组件库6.使用其他npm 包方法二.具体步骤1.新建一个小程序2.在小程序根目录内,初始化npm,初始化后的文件会多一个package.json3.在小程序中执行命令安装 npm 包 (这边安装的是vant)..

2020-11-18 16:57:43 455 2

转载 如何高效率的转换两个程序变量的值

一.如何高效率的转换两个程序变量的值众所周知的转换两个变量的方式是引入第三个变量,来实现转换的功能,类似下面的伪代码int a = ...;int b = ...;// 转换a,b变量,引入变量cint c = a;a = b;b = c;书中介绍了一中高效转换的方式利用了位运算我们知道指针(或引用)a, b指向的位置的值本质上也是一个二进制数值,而位运算中有一个重要的异或运算: ^所谓异或运算,即两个位不同时为真,相同即为假且对于任一位向量a,有a^a = 0,利用这一

2020-11-13 18:35:23 150

转载 JS开发必须知道的41个技巧

Array1.数组交集普通数组constarr1=[1,2,3,4,5,8,9],arr2=[5,6,7,8,9];constintersection=arr1.filter(function(val){returnarr2.indexOf(val)>-1})console.log(intersection)//[5,8,9]复制代码数组对象数组对象目前仅针对value值为简单的Number,String,Bool...

2020-11-13 17:16:57 139

原创 微信小程序从服务器端接收图片乱码的解决方案

1.调用后端给我的下载图片的接口,获得二进制流文件2.在网上寻找解决方案的时候,得知那串乱码是arrayBuffer,所以我在发送请求的时候把默认/** * 生成二维码 */ createQr:function(){ return new Promise((resolve, reject) => { let qrData = { width:225, content:this.data.actDetail.mtitle

2020-11-04 18:28:29 2511

原创 微信小程序setData大小上限的问题

微信小程序中当setdata超过其大小时,会以上报错,查阅了一下文档,现在更新的这版没有看到setdata有限制其大小,但之前微信开发者文档中有明确标注大小不能超过1024KB~所以在分类列表页面其实要注意的是渲染列表的商品尽量使用二维数组而不是一维数组常规写法:一维数组data:{ // 数据源 list:[]},getListData:function(){ // 本次加载的数据 let _list = []; ... setData({ // ..

2020-10-26 15:36:35 2333 2

原创 微信小程序获取response header中的字段以及在request header中传值给后台

1.微信小程序中获取request header的方法如下:const requestTask = wx.request({ url: rootDocment + $api.home.porList, data: {}, method:'get', header: { 'Content-Type':'application/x-www-form-urlencoded', Authorization: token }, success(res) { c.

2020-09-30 13:57:04 4828

原创 JS算法之累加

最近在学JS算法,性能作为代码好坏的衡量标准之一。有时候使用算法可以计算的更加的速度~简单举个例子比如说累加这件事!比如说我们计算1+2+3+4...1.常规思路是for循环代码如下:function sumUp(n){ let res = 0; for(let i = 0;i<=n;i++){ res += i } return res}2.直接使用数学公式 (n+1)*(n/2)function sumUp(n){ .

2020-08-30 23:23:00 4174

原创 微信小程序 分享的图片使用canvas生成

首先来看一下整体的一个效果就是下图这样子的一.整理一下思路1.首先要生成一个canvas画布2.由于onShareAppMessage 不能是异步的哦,promise什么的,就当没有过一样。。所以我们在onload或者是onshow中调用,我主要是在获取PDP详细信息的接口中的complete方法去调用生成画布的方法3.在onShareAppMessage的return对象中把上述生成的路径直接赋值给imageUrl4.需要注意的是开发者工具中的图片会裂掉,所以最好在手机中查看(这也

2020-08-24 22:16:21 1729 1

原创 has been blocked by CORS policy: Response to preflight request doesn‘t pass access control check 报错

和后台联调接口遇到一下问题,乍一看是跨域问题,但其实并不是跨域问题。由于浏览器将CORS请求分为两类:简单请求(simple request)和非简单请求(not-simple-request)。非简单请求 会在正式通信之前,增加一次HTTP请求,称之为预检请求。浏览器会先发起OPTIONS方法到服务器,以获知服务器是否允许该实际请求。这是在第一次预请求时候没有请求成功,预请求不成功。第一,先找到后台对应的接口,让后台去检查接口是否有抛出异常但是没有正常捕获。第二,前端vue中注意点是请求的..

2020-08-19 12:21:35 164686 18

转载 微信小程序setData复杂数组的更新、删除、添加、拼接

众所周知,微信小程序里所有对数据的修改只有在setData里修改才会在页面上渲染。在此分享小程序里复杂数组的更新、删除、添加、拼接初始数据数组嵌套对象data: { cartList: [{ id: 1, goods: {id: 1, name: 'wechat'}, checked: true }, { id: 2, goods: {}, checked: false }, { id: 3, goods: {}, checked: true }] },索引部分删除l.

2020-07-30 10:37:37 5259

原创 VUE中同级页面传参的方式

使用params和query进行动态传参name是指路由中配置的namepath也是如此1.使用name+params实现传参this.$router.push({name:"menuLink",params:{alert:"页面跳转成功"}})<p>提示:{{this.$route.params.alert}}</p>2.使用path+query实现传参//传值this.$router.push({path:"/menLink",query:..

2020-07-29 14:09:22 1935 1

原创 element中路由跳转以后激活当前菜单高亮

<template> <div> <el-row class="tac"> <el-col :span="24"> <el-menu @select="refrash" :default-active="$route.path" class="el-menu-vertical-demo" background-color="#2024.

2020-07-23 21:34:05 986

转载 小程序图片转Base64,方法总结

转载自:https://blog.csdn.net/qq_36875339/article/details/81086205?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.

2020-06-19 11:13:50 687

原创 如何获取表格中input框以name为对象的key value为对象的value 直接获取对象

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form id="editForm" action=""> <input name="userName" type="text" value="Kitty"> <input name=.

2020-06-12 17:51:07 684

转载 js对象的属性用变量值代替

var item ={userId:123};var oldVal = item.userId;var colId = "userId";var newVal = item[colId];oldVal 等价于 newVal

2020-06-12 17:30:13 1097

原创 小程序实现sku商品规格

实现商品颜色和尺码反选的大致思路:1.一开始显示的默认价格是后台传递的。2.调用商品详情接口的时候需要传递SKU数组(存放有颜色和尺码的数组集合),sizeVOList数组(存放商品所有的尺码集合),skcVOList(存放商品所有的颜色集合)。3.用户点击颜色,将尺码中的status状态首先设置为false,这步操作是为什么后面显示是否有货。尺码一致~具体代码 /** * 点击尺寸 颜色改变样式 */ changeSize: function (e) {...

2020-06-02 16:42:37 3253 1

原创 如何是实现微信会员开卡组件中一个手机号绑定一个微信号(思路篇)

微信原生开卡组件可以支持一个手机号绑定多个微信号,这个会导致比如说优惠券等等可以享受两次,现在我们需要实现的功能是一个手机号只支持绑定一个微信号。这就要说说微信现在支持的两种开卡方式!...

2020-05-28 18:41:36 693

原创 小程序动态获取组件高度(自定义Tabbar的高度)

1.tabbar组件ready方法中 ready() { // 缓存tabber栏的高度 const query = wx.createSelectorQuery().in(this) query.select('.tabbar').boundingClientRect((rect) => { // console.log(rect.height) wx.setStorageSync('tabbberHeight', rect.height) }).exec()

2020-05-22 20:00:57 3183

原创 微信小程序实现安卓机下拉不刷新,ios下拉刷新操作(自定义底部tab栏在安卓机下拉)

由于自定义底部tab栏在安卓机下拉时会跟随下滑,所以针对这种情况,就产生了一种解决方案,购物袋页面在安卓机下拉时不刷新,ios下拉时刷新。思路:1.不用小程序的下拉刷新~真正用的是onPageScroll,基于ios可以下滑时有一个滚动的效果但是安卓机没有这个特点实现的代码:1.json 禁止下拉属性{ "usingComponents": { }, "navi...

2020-04-30 17:39:42 961

原创 优化过多的if语句

背景:由于大量的if判断语句会造成代码的冗余,所以需要对if语句不断的进行优化。

2020-04-29 15:26:30 3081

原创 前端导入并解析Excel表格

一、项目需求: 前端需要用户导入完EXCEL表格就直接解析相应字段,点击保存按钮以后提交给后台。我们开发的这个项目中用的框架是layui+jquery的。(excel表格如果数据量很大不建议前端做,还是直接后台解析。这个是性能问题,如果想研究可以自己继续深入探讨一下)效果展示:二、JS的引入:1.xlsx.utils.js2.xlsx.full.min.js三、代...

2020-04-17 15:28:17 3374

转载 js数组,在遍历中删除元素

/** * 有效的方式 - 改变下标,控制遍历 */for (var i = 0; i < arr.length; i++) {  if (...) {    arr.splice(i, 1); // 将使后面的元素依次前移,数组长度减1    i--; // 如果不减,将漏掉一个元素  }}/** * 无效的方式 - for .. in 无法控制遍历 */for...

2020-04-10 15:17:05 2278

微信小程序保存图片代码.rar

说明:wx.saveImageToPhotosAlbum保存图片时,在安卓手机上会有一个提示授权的弹窗,有且只提醒一次。若用户点击了拒绝,再次点保存海报时就会进入fail。所以我们要通过检测scope.writePhotosAlbum的值来判断用户有没有授权下载图片的权限。若没有权限,就提示用户开启权限方可下载

2020-05-22

解析excel表格需要的js.zip

文件中包含了两个js的文件分别是一下两个 1.xlsx.utils.js 2.xlsx.full.min.js

2020-04-17

Desktop1.7z

前端解析EXCEL表格,1.xlsx.utils.js2.xlsx.full.min.js以及相关的js和html

2020-04-17

空空如也

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

TA关注的人

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