- 博客(55)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 request header or cookie to lage 报错，上线请求400 bad request问题
记录一次上线请求400 bad request问题，request header or cookie to lage 报错
2022-06-17 00:02:25
854
原创 vue-electron-builder创建遇到的问题
添加vue add electron-builder二、安装依赖1、安装过程中报错，2、解决方案在安装electron-builder插件时，可能会遇到安装electron连接不上，导致node install安装失败
2022-06-06 17:20:13
1046
原创 node项目使用log4js记录日志
一、使用log4js此处用的是6.3.0版本// "log4js": "^6.3.0"npm i [email protected]二、使用// 生成file的默认配置let log4js = require('log4js');log4js.configure({ appenders: { ruleConsole: {type: 'console'}, ruleFile: { type: 'dateFile', filename:
2022-01-24 10:25:50
3098
原创 node.js获取用户IP地址
// 获取客户端ip地址app.get('/ip', function (req, res) { var clientIp = getIp(req) console.log('客户端ip',clientIp) res.json({'youIp':clientIp});})//通过req的hearers来获取客户端ipvar getIp = function(req) { var ip = req.headers['x-real-ip'] || req.headers['x-forwa
2021-10-11 10:33:06
2318
原创 a标签技巧
拨打电话<a href="tel:10086">拨打电话给10086小姐姐</a>发送短信<a href="sms:10086">发送短信给10086小姐姐</a>发送邮件 <a href="mailto:[email protected]">发送邮件给JowayYoung</a>打开微信<a href="weixin://">打开微信</a>打开支付宝<a href="
2021-09-22 11:00:24
150
原创 meta 标签技巧
忽略自动识别电话<meta name="format-detection" content="telephone=no">忽略自动识别邮箱<meta name="format-detection" content="email=no">忽略自动识别电话和邮箱<meta name="format-detection" content="telephone=no, email=no">禁止页面缩放在智能手机的普及下，很多网站都具备桌面端和移动端两种浏览版本
2021-09-22 10:58:11
193
原创 babel在vue项目中使用(vue兼容)
一、vue-cli创建bable1、在用脚手架创建项目时，可以选择bable直接创建一般请路况下是默认配置，直接使用就可以了二、单独引入bable(直接修改package.json)1、我们在创建vue项目时候，没有用脚手架生成bable 在dependencies引入// 引入的插件core-js，//core-js 是 babel-polyfill 的底层依赖，通过各种奇技淫巧，用 ES3 实现了大部分的 ES2017 原生标准库，同时还要严格遵循规范。//core-js 是在pa
2021-07-10 08:56:22
9683
1
原创 JS数组对象去重（4种方法）
方法一：es5冒泡排序法，去重arrvar arr = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}];function deWeight() { for (var i = 0; i < arr.length - 1; i++) { for (var j
2021-07-06 20:05:22
3558
1
原创 获取微信公众号assecsToken登录（前端篇）
一、前端需要做的工作并不多1、准备工作：获取assecsToken需要用到的appid，secret，微信公众号安全证书、js安全域名和对应服务器1、appid是前端后端都需要的，前端先传给微信服务器。经过微信回调后再由后端传给微信服务器2、secret是在前端传给微信后，并且微信回调返回给后端后，后端用于请求个人信息，例如openid时需要用到的3、js安全域名服务器，这个是一开始就要准备好的，安全域名的根目录下放一份微信公众号安全证书（一个微信公众号内部的txt文件，不要改名字）。放入后自
2021-05-29 16:34:09
760
原创 解决移动端ios输入框输入后不复原
利用html中的meta标签和viewport解决 <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />vue的话直接在public文件夹下的index.html文件中引入html文件在当前页面引入...
2021-05-29 15:50:34
105
原创 Content-Type引起axios请求数据类型格式不为json
一、刚创建一个vue新项目，使用axios做网络请求1、返回值。2、请求数据二 、根据返回值来说，ajax请求没啥问题，那肯定是数据问题。1、仔细观察数据发现，数据类似json格式，但又不是json格式，因为formData后面有一个冒号’:‘，很显然，我们上传的数据是没问题的，...
2021-05-25 09:27:00
948
原创 centos安装mysql8.0 （yum安装）
一、yum安装mysql#下载mysql，安装目录/var/lib/mysqlwget https://dev.mysql.com/get/mysql80-community-release-el7-1.noarch.rpm#yum安装yum localinstall mysql80-community-release-el7-1.noarch.rpm#更新yumyum clean allyum makecache#创建mysqlgroupdel mysql #删除原有mysqlg
2021-05-25 09:24:36
441
1
原创 vant轮播图组件滑动报错Uncaught TypeError: Cannot read property ‘width‘ of null解决方案
h5项目引用的vant轮播图，之前正常运行。今天后端修改了一下数据结构，结果在滑动时候报错Uncaught TypeError: Cannot read property 'width' of null以下是解决方案：1、给轮播图一个ref标签 <van-swipe touchable indicator-color="white" ref="swipe"> <van-swipe-item v-for="(i, index) in newBanner" :key="ind
2021-05-21 19:01:53
4313
2
原创 vue阻止页面滚动
公司h5同一个页面要做三个带灰色背景弹窗，用的是vant组件，组件里面有自带的遮罩层。但是<div class="magnify" v-show="isShow" @click.self="hide()" @touchmove.prevent @mousewheel.prevent></div>首先，这个div就是整个遮罩组件的根组件，核心就是div上的事件绑定。@touchmove 是触摸移动事件@mousewheel 是鼠标滚轮事件...
2021-05-21 18:37:14
462
原创 关于vue的H5页面在ios上打开，页面空白的问题
关于vue写的H5页面在ios上打开，页面空白的问题这个问题发生在一个永不升级的用户身上机型：iPhone X系统：ios 11.2.6问题描述：打开链接可以显示页面的标题，但是页面空白，没有走任何接口时间：2021年4月29产生这种原因真的很难复现，2021年了，我要怎么找到一个系统是11的iphone，也不是没想过把自己手机降级，但是又麻烦又不安全。所以下载了XCode，找到了对应机型和系统，浏览器地址栏输入地址，回车。。。果然是白屏明白了，ios11不支持es6，所以应用较少，改成es
2021-04-29 18:50:34
2859
原创 vue手写签名（移动端竖屏），拿来即用，可转为横屏
一、vue手写签名（竖版）<template> <div class="canvas"> <div class="canvas_header">手写签名</div> <div class="canvas_canvas"> <canvas id="myCanvas" width="350" height="400"></canvas> </div> <div
2021-04-08 10:02:04
2470
6
原创 axios添加请求头
新项目，新后端，在做网络请求的时候没有沟通请求头问题。我以为是默认的，特也以为是默认的，但我们两个默认的不一样。所以就造成了下列问题Access to XMLHttpRequest at 'url地址' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.谷歌一会、百度半天、大神求了
2021-02-27 11:35:27
3312
原创 js点击复制文本到粘贴板(vue可用,兼容ios)
在移动端，为了方便客户查询订单号和运单号，需要点击复制文本到粘贴板功能。收罗了很多知识点，总结了两种方法js自带execCommand方法可以做复制第一种，利用input,先创建一个input，选取复制后，再销毁//点击按钮，这是vue<div @click="copy(i.goods_oid)"> <span>订单号(复制):</span><span>{{ i.goods_oid }}</span></div>j
2021-02-27 11:33:56
662
原创 vue 引入jq并封装为回调执行函数（小程序请求封装类似）
一、引入jquery//安装jqnpm i jquery --save//在package.json同级下创建vue.config.js用于配置jq文档// 引入jq需要加入以下代码const webpack = require('webpack')module.exports = { chainWebpack: config => { config.plugin('provide').use(webpack.ProvidePlugin, [{
2021-02-27 11:32:45
431
原创 js多维树状对象转数组
最近在修改老代码时候，遇到的对象转需要转数组问题，老代码是一个亦form表单传值的老的php项目，需要做一些现代化的操作而进行修改dataArr数据如下图所示，红色箭头表示循环的每一个item，绿色箭头表示每个item下面的子级，里面嵌套了很多个结构和item相同的对象从两个红色框和两个蓝色框对比可得知，父级与子级的结构是完全一样的这是一个典型的不知道几级的多维树状结构对象，我们接下来需要将它转成数组以下是js函数，上面图片就是dataArr，不要再问了 var newArr = ob
2021-02-27 11:04:40
594
原创 原生JS递归生成树状图，且映射到dom上
由于是老项目，且php嵌套的项目，没有插件，只能原生，不知道有多少个children,所以就想到了递归。一、数据大概就是这个样子二、JS递归生成树状图 var dataRes = {数据}; // var dataRes =<?php print_r($output['oRes']) ?>; // console.log(dataRes, '电商') $(function() { getData(dataRes); $('#diansh
2021-01-25 00:42:04
649
转载 vue使用qrcode-decoder解析识别二维码
//使用npm安装qrcode-decodernpm install qrcode-decoder --registry=https://registry.npm.taobao.orgjs封装// 引入qrcode-decoderimport QrCode from 'qrcode-decoder'// 传入file对象，返回promiseexport function getQrUrl(file) { //使用这个方法或者下面被注释的方法设置浏览器读取文件方式，chrome和ie有效，其
2020-12-22 09:20:33
7500
10
原创 vue移动端电影排片轮播（仿淘票票、猫眼）
公司小程序要改成移动端html5，网上找了很久都没有合适的，ui一直是vant ui，element中的跑马灯card效果不好，不能滑动。也用过swipe ui组件，不太好操作，最后还是在vant上下功夫了效果图 { // 滚动轴距离顶部位置 let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 当前页面 let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
2020-11-27 17:27:13
545
4
原创 前端常用div变滚动(文字超出省略)
一、div变滚动轴效果css代码 //纵向滚动，上下滚动 overflow-x: scroll; overflow-y: hidden; white-space: nowrap; //横向滚动，左右滚动 overflow-y: scroll; overflow-x: hidden; white-space: nowrap;二、文字超出省略css代码 //单行超出省略 width: 200px; overflow: hidden; white
2020-10-10 20:57:26
462
原创 小程序带参数返回上一级
这两天做小程序登录后跳转，然后带动页面刷新，由于特殊原因，不能直接放onShow里面刷新，就想到了两种刷新方式前言先设置页面信息 let pages = getCurrentPages(); //页面指针数组 let prePage = pages[pages.length - 2]; //-2为上一页面，-1为当前页面第一种 // 带参数返回上一页面 //给页面设置一个全局变量 prePage.setData({
2020-09-26 13:59:26
332
原创 获取iframe内嵌html内容（wangEditor富文本编辑器）
写这篇文章的原因是在未使用vue脚手架的情况下使用vue时，wangEditor不能正常渲染和使用，不能大改的情况下，想到的次级的解决方案1、在未使用vue脚手架的情况下使用vue，且引入wangEditor富文本编辑器下面图片是正常的显示，我遇到的是鼠标移动到编辑框无反应，不会弹出h1h2h3h4标签，不知道是vue原因还是因为富文本原因导致页面无法渲染官方也没给具体解决方案，试过很多方法，最后想到的是将富文本放到一个单页面，因为没有使用脚手架，所有的都是单页面，那就直接iframe引入一个
2020-09-09 09:18:19
2402
原创 小程序页面分享（程序页面分享或者按钮分享）
一、利用小程序右上角自带的分享1、只需要一句js代码即可//点击小程序右上角即可转发分享本页面 onShareAppMessage: function() { }分享按钮：分享的效果：二、自己写一个自定义按钮：1、自定义一般利用button按钮来实现的，官方文档给的解决方案是button里面添加一个open-type=‘share’wxml<button open-type='share'> //button按钮形状 <image scr='url'>
2020-08-24 00:44:49
6384
2
原创 修改小程序checkbox/radio样式（样式自定义）
修改小程序radio样式直接放代码吧，没啥好说的wxml代码：<radio-group> <label wx:for="{{item.spec_value}}" wx:key="index" class="gg_shuxing" data-specval='{{item.id}}' bindtap="getvalue"> <radio value="{{item.id}}" checked="{{false}}" class="gg_radio" /> &
2020-08-08 17:02:55
1144
原创 小程序scroll设置（滚动轴样式、真机测试不能滑动）
一、先说scroll真机测试不能滑动的问题我用的是微信官方推荐的方式：使用方法具体的可直接到微信小程序开发文档中找到<view> <scroll-view scroll-y="{{true}}"> // 这行代码catchtouchmove='noMove'，是我做时间选择的时候时间上带的 <view catchtouchmove='noMove'> 我是scroll里面可以滚动的的内容 <picker-view> 我是时间选
2020-08-07 15:56:26
2006
原创 gitee或github上传下载文件
gitee上传下载代码命令在想要下载的文件夹下，鼠标右键，git bash1、输入git init 进行初始化2、git remote add origin https://gitee.com/XXXXXXXXXXXXXX/XXXX3、添加上传文件夹 git add . //整个文件夹都上传4、git commit - m ‘上传备注’ //提交代码5、git pull origin master //将代码下载到本地6、git push origin master //
2020-07-29 14:03:52
1816
原创 h5页面中或app实时刷新:节流和防抖
一、在应用程序或者前端页面中有时候会用到实时交互，经常用到两个用于刷新页面的二、节流（throttle）：1、不停的执行一个操作，在指定的时间间隔内不会重复执行处理函数,当持续触发事件时，保证一定时间内只调用一次处理函数，意思是：假设用户一直触发这个函数，且每次触发时间间隔小于设定的值，在这个时间间隔内只调用一次function throttle(fn, delay) { let valid = true; return function () { if (!valid
2020-07-12 17:09:56
962
原创 使用HBuilder打包apk遇到的问题
这两天写了个优惠券的小程序，想封装成apk，经过一番面向百度封装，谈一下封装的收获。一、封装用的工具Hbuild因为对安卓编程不太了解，所幸得到了这个傻瓜式的封装工具。二、配置过程：1、先用Hbuild创建一个“ 5+AP(a)”项目。具体如下2、配置项目：如果是静态页面。可以直接将所有的文件拷贝到项目文件夹。然后点击项目中的 manifest.json 文件，会出现右侧配置界面。A、基础配置：AppId是随机生成的；应用名字自己填写；应用入口默认为index.ht.
2020-06-27 16:50:07
6030
8
转载 js本地存储之 localStorage
本地存储localStorage一.简介localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库 ——注意：在IE8以上的IE版本才支持localStorage这个属性。localStorage属于永久性存储，如果存储内容多的话会消耗内存空间，会导致页面变卡。二.具体使用方式如下：1.localStorage - 没有时间限制的数据存储var arr=[1,2,3]; localStorage.setItem(“temp”,arr)
2020-06-15 17:21:23
336
原创 vue页面之间的传参
vue.cli是一个很好用的vue脚手架，由于其页面是由多个组件组成，传参问题也是vue项目中的非常重要的问题，以下是利用router方式传参的方法。一、vue传参方法：在vue实例内部，我们可以通过$router来访问路由实例。1、声明式：直接在html页面中创建链接，利用链接进行传参<router-link :to="跳转地址（可以携带参数）">//"router-link"在vue中是相当于a标签的存在</router-link>传参实例：//向页面"nam
2020-06-15 17:11:15
789
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人