- 博客(23)
- 收藏
- 关注
原创 微信中H5唤起微信小程序
思路:使用微信开发文档中开发标签:wx-open-launch-weapp实现要求1.微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。2.域名绑定登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。注:微信安全域名只能修改绑定3次/每月wx-open-launch-weapp介绍属性名称必填默认值备注name是所需跳转的小程序原始id,即小程序对应的以gh_开头的idpa
2021-07-07 15:23:48
1683
原创 微信小程序webview和微信内核是否一致
微信小程序通过webview打开H5地址和直接通过微信打开H5地址,localstroage和cookie是否互通,测试结果如下:直接在微信打开H5页面:小程序中打开的H5页面:由图可知:微信小程序中打开H5页面和直接打开H5页面之间localstroage和cookie,他们的UA的区别是微信小程序多一个miniProgram...
2021-06-23 15:07:50
1242
1
原创 node之图片压缩
前言:node-image是node轻量级跨平台编码库需求描述:由于项目中图片过大会导致加载慢,需要每次新增图片的时候手动去压缩图片,使用TinyPNG进行图片压缩,每次需要手动上传压缩再下载,比较繁琐,故使用images集成到项目中,执行命令即可思路在项目中新建一个文件用来存储图片压缩时间,每次拿到图片的时候获取图片修改时间,然后读取文件中的时间,进行比较,如果大于则进行压缩,小于则不压缩,这样之前压缩过的图片就不会重新压缩,实现const images = require("images"
2021-06-22 17:34:34
2565
2
原创 Vuex的属性及基本用法
1.state:提供唯一的公共数据源,所有共享的数据统一放到Store的state中进行存储组件访问State中数据的第一种方式:this.$store.state.全局数据名称组件访问State中数据的第一种方式:// 1.从vuex中按需导入mapState函数import { mapState } from 'vuex'// 2.将全局数据,映射为当前组件的计算属性computed: { ...mapState(['全局数据名称'])}2.mutation:用于变更Stor
2021-02-23 16:43:28
283
原创 字体包过大导致加载慢
在项目中引入字体包,字体包文件过大,导致加载慢,使用字蛛(font-spider)使用1.安装font-spider(全局安装)npm install font-spider -g2.检查是否安装成功font-spider --version3.新建font.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp
2020-09-17 15:59:09
1225
原创 Nodejs读取csv中文乱码
需求:前端上传文件到Node —>Node上传文件到OSS问题:部分文件上传后会出现乱码原因:Node原生读取文件又不支持GBK编码解决思路:①判断文件编码格式是否是UTF-8②文件编码格式不是UTF-8时,进行转码第一步:获取文件编码格式1.使用jschardet模块获取文件编码格式①安装jschardet模块npm install jschardet②获取文件内容//引入文件const jschardet = require("jschardet");//filePath
2020-08-26 16:40:06
1914
转载 微信JS-SDK分享接口实例开发及本地测试(nodeJS)
目录| - 1.Node环境搭建| - 2.JS-SDK使用说明| - 3.实例开发 | - 1)获取access_token | - 2)获取jsapi_ticket | - 3)计算signature | - 4)前端调用 | - 5)配置测试| - 6)优化请求| - 4.常见问题 | - 1)config错误 | - 2)signature错误 | - 3)url domain错误 | - 4)其他错误| - 5.本地测试,使用内网穿透1.Node环
2020-07-02 10:47:05
1875
转载 Safari 3D transform变化z-index层级渲染异常
转载于:小杰的简书 https://www.jianshu.com/p/00cde297dc4e以下Safari浏览器包括IOS的Safari,iPhones上的微信浏览器,以及Mac OS X系统的Safari浏览器。一、问题描述在Safari浏览器下,当我们使用3D transform 变化的时候,如果祖先元素没有overflow:hidden/scroll/auto等限制,则会直接忽略自身和其他元素的z-index层叠顺序设置,而直接使用真实的3D视角进行渲染。请使用Safari浏览器打开:S
2020-06-23 18:23:11
928
原创 利用Node调用elasticsearch
前言:ElasticSearch 是一个高可用开源全文检索和分析组件。提供存储服务,搜索服务,大数据准实时分析等。一般用于提供一些提供复杂搜索的应用。简称:ES本地安装ElasticSearch(以mac为例)1.安装brew install elasticsearch2.运行 brew services start elasticsearch3.停止 brew services stop elasticsearch4.重新运行 brew services restart elas
2020-05-19 15:07:06
824
原创 nodemon --NODE自动重启工具
在编写调试node项目过程中,每次修改代码都需要close,然后重新启动。nodemon在检测到目录中的文件更改时通过自动重新启动节点应用程序来帮助开发基于node.js的应用程序,解决了这个重复启动这个繁琐的步骤。1.首先安装nodemon全局安装npm install -g nodemon安装开发依赖性npm install --save-dev nodemon2.用法在p...
2020-04-23 18:02:52
449
原创 Log4js输出JSON日志--Node.js
第一种方法:新建 log4js.js文件 // log4js.jsconst log4js = require('log4js')/**使用json输出,添加下面这样代码*/log4js.addLayout('json', function(config) { return function(logEvent) { return JSON.stringify(logEvent)...
2020-04-10 13:42:46
1721
1
原创 vue将json数据导出为excel
vue将json数据以表格的形式展示渲染在页面中,并提供导出功能点击导出执行下面的方法tableToExcel//导出文件时进行编码 function base64(s) { return window.btoa(unescape(encodeURIComponent(s)));}methods:{ tableToExcel() { // 要导出的json数据 ...
2020-04-02 11:35:52
2108
原创 vue使用文件流下载文件
使用node做了转发,前端请求数据,后端直接返回数据,于是使用node将数据生成了excel文件(这一步详见文章node生成exce),然后返回给前端二进制文件流第一步:安装Blobnpm install blob Blob详解:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob第二步:在vue中引入blobimport Blob...
2020-04-02 11:02:38
3491
2
原创 node基于“multipart / form-data“转发表单上传文件到后台
过程:后台(go)+ 中间(node)+前端(vue)使用node进行中间层转发,前端使用form-data进行数据上传,传递给node,node使用form-data将数据传给后端(go)前端上传excel页面效果:页面布局实现:(使用elementui框架)<el-upload class="upload-demo" ref="fileupload" accep...
2020-04-01 18:42:40
4207
原创 关于CSS长度那点事
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px1.em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸(假定当前默认字体尺寸是14px,n em即为14px字体尺寸的n倍)2.ch:数字’0’的宽度3.rem:相对长度单位,相当于根元素(即html元素)font-siz...
2020-03-27 19:48:21
300
原创 javascript与Iframe之间通信
一、同域(同一域名,同一端口,同一协议)下进行1.iframe子页面和父页面相互获取元素1.1子页面获取父页面元素JS原生:window.parent.document.getElementById(‘元素id’)Jquery:$("#id",parent.document)1.2父页面获取子页面元素JS原生:window.frames[iframe序号].document.getEl...
2020-03-27 19:44:40
1672
原创 node生成execl
一、背景前端上传execl到后端,解析execl数据存储在数据库中。前端查询数组,后端查询数据库并组合好数据返回前端,前端生成execl二、技术点介绍:1.ejsExcel是一款国人开发的、在Node.js应用程序中使用我们预先设置好的Excel模板导出Excel表格的模板引擎安装ejsExcelnpm install ejsexcelejsExcel语法:SyntaxD...
2020-03-27 19:38:08
469
原创 解决VUE项目ESLINT校验DO NOT USE 'NEW' FOR SIDE EFFECTS的两种方法
import Vue from 'vue'import App from './App.vue'import router from './router' new Vue({ el: '#app', render: h => h(App), router})当使用eslint校验运行上面这段代码时(该代码在src/main.js文件中),会报错✘ http://...
2020-03-27 18:34:08
874
2
原创 如何实现跨域获取iframe子页面动态的url(跨域)
1.动态加载iframe地址ifr即iframe的idhost即iframe的src地址window.onload=function(){ var obj=document.getElementById("ifr") obj.contentWindow.location.href=host;}2.跨域获取iframe子页面的动态urliframe页面中window.ad...
2020-03-27 18:30:22
5000
5
原创 css保持浮层水平垂直居中
1.利用flexbox布局.parent{ width: 100%; height: 37.5rem/* 600px */; background: #09c; display: flex; justify-content:center; /* 水平居中 */ align-items:center; /* 垂直居中 */ ...
2020-03-27 18:23:39
399
原创 Vue2+Webpack+ES6 兼容低版本浏览器(IE)
Vue2+Webpack+ES6 兼容低版本浏览器(IE)解决办法:1.安装 “babel-polyfill”1.1命令:npm install --save-dev babel-polyfill1.2在入口main.js文件引入:import ‘babel-polyfill’1.3在build文件夹下找到webpack.base.conf.js.修改入口方式: en...
2020-03-27 18:17:46
802
原创 CSS完美实现iframe高度自适应(支持跨域)
1.文件开头必须是<html xmlns="http://www.w3.org/1999/xhtml">原因:xmlns是XHTML namespace的缩写。由于xml允许定义自己的标记,但你定义的标记和其他人定义的标记有可能相同,但表示不同的含义。当文档交换或者共享的时候就容易产生错误。为避免这种错误产生,xml采用名字空间声明,允许你通过一个网址来识别你的标记2.body...
2020-03-27 18:13:19
908
原创 ios设备上iframe宽度不能够按照100%匹配问题
scrolling 属性规定是否在 iframe 中显示滚动条。在ios设备下给他设置为 no 就可以了<div class="frame_box"> <iframe class="my_frame" id="myiframe" src="http://m.isheyipai.com/"></iframe></div>设置样式<...
2020-03-27 18:09:00
408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人