- 博客(30)
- 收藏
- 关注
原创 常见跨域介绍及处理方式
1、 简单介绍跨域即同源策略,是浏览器的核心安全功能,指的是一个域下的文档或脚本试图去请求另一个域下的资源,如果缺少了同源策略,浏览器很容易收到XSS、CSFR攻击,所谓同源是指"协议+域名+端口"三者相同,即使两个不同域名指向同一个ip,也非同源2、处理跨域方式1、JSONP(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据请求示例:<!DOCTYPE html><html> ..
2022-03-18 14:42:54 165
原创 微信公众号分享
微信公众号分享至好友以及朋友圈基本步骤1、安装 weixin-js-sdk2、请求后端获取appId, nonceStr, signature, timestamp等参数3、使用wx.config进行配置4、在wx.ready中写入具体代码核心代码// 进行微信配置... 此处省略获取微信配置wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc
2022-02-11 17:17:21 765
原创 git提交规范
types: [{value: “temp”,name: “temp: 临时的代码暂存性提交(功能未完成前尽量不要提交)”},{value: “feat”,name: “feat: 新特性、新功能增加”},{value: “fix”,name: “fix: bug修复”},{value: “style”,name: “style: 代码格式化的修改, 比如加分号、空格等”},{value: “pref”,name: “pref: 性能、代码、样式、用户体验等方面的优化”
2021-08-30 09:52:52 281
原创 实现一个关于状态的效果
看到一个不错的效果,顺手记录下<span class="aaa"></span><style> * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .aaa { position: relative; display: inline-block; width:.
2021-05-14 13:38:05 199
转载 关于js中call、bind、apply的区别
call、bind、apply的区别在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的,先看一个例子。 var xw = { name : "小王", gender : "男", age : 24, say
2021-05-12 16:46:17 96
原创 节流、防抖
节流function throttle(fn, delay) { let flag = false return function(e) { if (flag) { return false } flag = true setTimeout(() => { fn(e) flag = false }, delay) }}防抖function debounce(fn, delay) { let tim
2021-04-27 00:41:15 57
原创 china.js
链接地址https://www.makeapie.com/dep/echarts/map/js/china.js防挂文件https://pan.baidu.com/s/11i26_ZZl6dsKxG9O1eQ_Aw提取码: wbst
2021-03-08 17:52:33 1182 4
原创 element自定义合计行
element自定义合计行sums[index] = (() => { let el = <span style="color: red">{this.statVals.totalOpenSpaceFaultCount}</span> return el})()return效果
2020-11-30 15:07:50 865 3
原创 在nginx服务器上配置https
在nginx服务器上配置https1、申请SSL证书2、依次填写信息后,去域名购买商哪里登录配置DNS3、添加完成后去证书管理下载证书4、验证1、申请SSL证书阿里腾讯都提供证书服务,申请证书就可以了(这里以腾讯为例)2、依次填写信息后,去域名购买商哪里登录配置DNS3、添加完成后去证书管理下载证书将证书文件放到服务器nginx的conf目录下修改nginx.conf文件server { #SSL 访问端口号为 443 listen 443 ssl
2020-11-05 16:52:18 266
原创 vue项目使用axios封装请求api
1、创建请求request.js文件1、引入所需要的东西import axios from 'axios';import qs from 'qs'; // 处理数据格式import global_config from '@/components/common/global_config';2、创建请求对象const request = axios.create({ baseURL: global_config.ipAdd, timeout: 10000,});3、设置请求拦截器
2020-09-27 17:50:59 910
原创 CredSSP加密数据库修正错误
1、新建一个txt文档,写入一下内容Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Policies\System\CredSSP\Parameters]"AllowEncryptionOracle"=dword:000000022、更改名称为 - CredSSP加密Oracle修正.reg3、双击运行,写入即可...
2020-09-07 16:29:46 1068
转载 input输入限制
输入大小写字母、数字、下划线:<input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线:<input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 输入数字和点<input type="text" onkeyup="value=value.repla
2020-09-01 15:44:14 976
原创 高德地图的简单使用
1、效果图右边的内容为手动添加部分,不要把高德混在一起2、实现步骤注册高德账号,进入控制台查看key在网页中引入js文件(注意src中有key和plugin插件)<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=申请的key值&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar"></script> 在
2020-08-12 18:15:27 966 3
原创 日期时间验证yyyy-MM-dd hh-mm
/^\d{4,}\-(?:0?\d|1[12])\-(?:[012]?\d|3[01]) (?:[01]?\d|2[0-4]):(?:[0-5]?\d|60)$/
2020-07-07 18:15:23 169
原创 css文字溢出显示...
单行文字溢出overflow: hidden;text-overflow: ellipsis;white-space: nowrap;两行文字溢出text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;...
2020-04-15 14:09:38 684
原创 react项目关闭自动打开浏览器及更改默认端口号
找到package.json更改这行代码为下图则可以关闭自动打开浏览器与端口号为8080"start": "set BROWSER=none&&set PORT=8080react-scripts start",
2020-03-19 17:23:26 3951
原创 js获取链接中的参数
js获取链接中的参数<script> function GetRequest2(key) { var url = location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); ...
2020-03-10 10:14:39 305
原创 微信公众号支付、h5支付、支付宝h5支付
记一次微信公众号支付、h5支付、支付宝h5支付wap端支付可以参考,vue,反向不对,努力白费,看清楚再看文章第一次进行微信方面的开发,遇到很多问题都一头雾水,没有方向,记录一下自己开发过程中遇到的一些问题一个小小的页面同时具备了微信公众号充值、h5充值、以及支付宝充值。当然在微信内无法使用支付宝的,所以提示用户在浏览器打开进行充值,开发时也是踩坑无数。问题1在公众号登录后,选择在浏...
2019-12-30 19:16:06 2094
原创 Vue项目设置每个页面的title
Vue项目设置每个页面的title注:引自https://www.cnblogs.com/itgezhu/p/10817502.html1、安装vue-wechat-titlenpm i vue-wechat-title --save2、在main.js中引入Vue.use(require('vue-wechat-title'))3、在你的路由(router.js)里面写入(列)...
2019-12-17 17:08:09 421
原创 将本地项目推送至github
将本地项目推送至github这里假设你已经关联了远程仓库,并配置了ssh公钥。如果你已经获得了你的安装了git,获取了公钥,但并未与远程git关联起来,这里有一个简单的方法去查看本地公钥,在本地打开以下文件查看即可1、首先可以在github建立远程仓库test2、依次写入名称,描述,点击创建即可3、打开要上传的文件位置运行git init。输入完成后本地会生成.git的隐藏文件4、...
2019-12-11 20:46:08 158
原创 将字符串或图片转换成base64格式
将字符串或图片转换成base64格式1、将图片转化成base642、将字符串转化成base64格式1、将图片转化成base64注:这里的图片为服务端请求的图片(http://…png)// 定义此方法, 将图片转化成base64 getBase64Image(img) { var canvas = document.createElement("canvas"); ...
2019-12-11 19:53:10 373
原创 分隔数组的方法
// 封装分割数组的方法 arr为数组,len是要分割的数组的长度let split_array = (arr,len)=>{ let arr_length = arr.length; let newArr = []; for(let i=0;i<arr_length;i+=len){ newArr.push(arr.slice(i,i+len)); } ...
2019-10-29 10:21:48 675
原创 手机端访问vue-cli项目
手机端访问vue-cli项目如图在package.json中添加如图的代码就ok了。让后cmd打开命令行工具输入 ipconfig 查看端口号一般新建的项目端口号都是8080。以本机为例,打开手机浏览器输入192.168.0.141:8080就可以正常查看自己的项目了...
2019-10-15 13:43:59 298
原创 在微信小程序中动态的添加类名
在微信小程序中动态的添加类名<view data-num="1" class="takeTaxi {{_num == 1 ? 'active' : ''}}" bindtap="handleNav">打车</view><view data-num="2" class="car {{_num == 2 ? 'active' : ''}}" bindtap="hand...
2019-09-26 16:49:36 4833
原创 vue分享至qq空间,新浪微博,微信朋友圈及微信好友
vue分享至qq空间,新浪微博,微信朋友圈及微信好友本博客主要针对pc网页版分享,移动端相似之处不做参考关于分享,对于分享到qq空间、好友及新浪微博比较简单,给一个点击事件调用一下官方接口就可以了,自己绑定一些标题、链接、图片内容就可以了分享到qq空间及好友qq空间:https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?u...
2019-09-17 13:49:01 5362 2
原创 vue富文本编辑器vue-quill-editor的使用以及内容的渲染
vue富文本编辑器vue-quill-editor的使用方法这是vue自家的一款编辑器,支持IE10+以上的浏览器。界面比较友好,如果你需要对你的文字,图像做一些编辑。它是一个不错的选择,先上一张效果图吧!先上代码主要介绍在vue中使用,所以直接npm安装就可以,安装命令如下。npm i vue-quill-editor --save1、在main.js中引用import Vue...
2019-08-30 11:47:52 7882 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人