自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

帆酱的博客

一个平凡人的生活、工作、学习——https://my.weblf.cn/website/

  • 博客(138)
  • 资源 (1)
  • 收藏
  • 关注

原创 js正则处理字符串将整个带特殊class的ele删除

代码:GetTagByClassUsingRegex (tag, cls, html) { // tag:标签名,cls:类名,html:要处理的字符串 var reg = new RegExp('<' + tag + "[^>]*class[\\s]?=[\\s]?['\"]" + cls + "[^'\"]*['\"][\\s\\S]*?<\/" + tag + '>', 'g') return html.replace(reg, '') }

2021-09-06 08:36:05 41

原创 php字符串转数组,数组转字符串

123

2021-06-28 11:11:38 18

原创 vue+php使用七牛云存储解决富文本图片冗余问题

解决服务器中图片冗余的方法很多,本篇介绍利用七牛云自带的api解决图片冗余问题问题:在前端编辑富文本上传图片时,一般有两种方式,一种是将图片在本地预览,文件则在本地缓存,一种是直接上传服务器,然后将返回的图片地址展示。第一种明显消耗资源大且不稳定,易造成浏览器卡顿;而第二种是目前主流方式。对于第二种方式,在上传图片后,并不保存或者直接关闭浏览器,导致上传的图片一直滞留在服务器中,对服务器资源造成浪费。解决:通过七牛云api,在上传时将上传的文件改为临时存储,设为一天后自动删除...

2021-06-28 11:04:54 26

原创 vue在路由中使用全局事件总线

1、routers下单index.jsvar _this = ''// 获取原型对象上的push函数const originalPush = Router.prototype.push// 修改原型对象中的push方法Router.prototype.push = function push (location) { // 如果重复点击小说管理,则发送总线 if (location == '/manageindex/storymanage') { let obj = {

2021-06-10 10:47:54 118 1

原创 微信小程序-图片自适应

image组件使用使用mode:widthFix,宽度固定,高度自适应<image class="nav_img" mode="widthFix" src="{{img}}"></image>注意,在初次进入页面时会有高度拉伸情况,使用样式display:block可解决(二).使用bindload绑定函数动态自适应。<image src="../uploads/2.jpg" bindload="imageLoad"style="width:{

2021-05-18 11:25:29 24

原创 小程序-绑定点击事件并传参

wxml:<view class="bottom_in" data-type="2" bindtap="ispraise"> <image class="img" src="../../img/my/icon1.png"></image></view>js:ispraise(event){ let type=event.currentTarget.dataset.type; console.log(type)},.

2021-05-18 11:03:14 196

原创 小程序-wx:if 与 hidden

wx:if与hidden都可以控制微信小程序中元素的显示与否。区别:wx:if是遇 true显示,hidden是遇 false显示。wx:if在隐藏的时候不渲染,而 hidden在隐藏时仍然渲染,只是不呈现。所以如果频繁切换的话,用 wx:if将会消耗更多资源,因为每次呈现的时候他都会渲染,每次隐藏的时候,他都会销毁。如果切换并不频繁的话,用 wx:if相对来说较好些,因为它会避免初始就一下渲染那么多。使用方式<view class="bottom_...

2021-05-18 10:57:31 15

原创 小程序-下拉刷新与加载更多

json:{ "enablePullDownRefresh": true}wxml:<view class='container'> <!-- 列表 --> <view class='oul'> <navigator class='oli' wx:for="{{list}}" wx:key="index" url='../detail/detail?id={{item.book_id}}' open-type="naviga

2021-05-14 11:27:29 35

原创 解决:小程序wx.switchTab: url 不支持 queryString

将需要传的参数放到全局js中。1.定义全局参数:app.js中: globalData: { a: 0, //初始值 b: '', },2.第一个页面中跳转前将参数放到全局js中: var app = getApp() Page({ // 给全局参数赋值 app.globalData.a= 1 app.globalData.b= 'haha' wx.switchTa

2021-05-08 23:07:25 543

原创 微信小程序路由与参数传递

小程序跳转页面分两种方式:第一种是tabBar页面,就是底部app.json定义那几个tabBar 第二种为非tabBar页面,除去上面的就为非tabBar页面。第一种跳转到tabBar:说明:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.switchTab({ url: '/pages/mine/mine',})注意:在跳转到tabBar页面时无法携带参数,如果想要携带参数,可使用全局变量第二种重定向到非tabBar页面,最大特点没有返回按钮

2021-05-08 14:07:38 26

原创 小程序点击按钮分享

小程序分享小程序中除了右上角的自带分享之外,还可以做成点击按钮分享wxml<button class="bottom_in" open-type="share" id="share" plain="true" > <image class="img" src="../../img/my/share.png"></image></button>其中open-type="share"是核心属性,且只能由button元素触发js

2021-05-05 22:27:51 203

原创 小程序Cannot read property ‘setData‘ of null;

报错代码:错误原因:因为this作用域指向问题,success方法指向闭包,所以这个this是闭包里面。解决方法

2021-05-02 22:59:42 27

原创 微信小程序请求服务器接收不到参数

原来是wx.request默认header头部为: headers: { 'Content-Type': 'application/json' },这种模式对于原来接口不能接收,应改为: header: { 'content-type': 'application/x-www-form-urlencoded' },

2021-05-02 22:51:31 100

原创 小程序--组件的创建与参数传递

一、父传子父代码:wxml:<no_data id='no_data' title="暂无数据"></no_data>json{ "backgroundTextStyle": "dark", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "点赞列表", "navigationBarTextStyle": "black", "backgr

2021-05-02 22:44:06 23

原创 php删除七牛云文件

调用前需引入七牛云sdk,详见https://blog.csdn.net/weixin_41187842/article/details/91344912一、删除单个文件 //封装的方法 require ('../../methods/public_methods.php'); require('../../methods/qiniu_sdk/autoload.php'); use Qiniu\Auth; //获取参数 $img_key=var_is_nul

2021-04-07 21:11:52 57

原创 微信小程序——get,post请求封装

项目目录:util.js:var header //请求头// 封装post请求const post = (url, data, isUrl) => { header = { 'content-type': isUrl ? 'application/x-www-form-urlencoded' : 'application/json ', 'Cookie': wx.getStorageSync("cookieKey") //读取cookie 'toekn

2021-01-16 22:40:38 320

原创 cnpm卸载与安装步骤

当cnpm安装不正确时或是使用cnpm -v无反应时可以考虑重装cnpm1.卸载原有旧的版本:npm uninstall -g cnpm --registry=https://registry.npm.taobao.org2.注册模块镜像:npm set registry https://registry.npm.taobao.org3.node-gyp 编译依赖的 node 源码镜像npm set disturl https://npm.taobao.org/dist

2020-11-19 21:55:26 2675

原创 php学习记录六:原生php创建类

1、新建一个类文件ini_class.php2、在文件里创建个类,这里我新建一个查询个人用户信息的类<?php//类名为personalclass personal{ // 新建公有方法,查询一个用户的信息 public function getUserInfo($link,$name,$id){ $query="select * from user where user_name='{$name}' or id='{$id}'"; $

2020-11-18 09:44:10 111

原创 php学习记录五:原生php创建公用方法

对于一些多个页面都会用到的方法,可以单独分离出来,使用require()引入,php会根据先后顺序执行例如,我要分离一个获取参数的方法1、新建一个存放公共文方法的文件2、写入一个获取参数的方法<?php //判断参数是否为空2 function var_is_null2($method,$n,$able=-1){ switch($method){ case 'get': $param = $_GET; brea

2020-11-18 09:25:47 66

原创 php学习记录四:插入、删除、修改数据

一、插入数据在数据库中,向数据库中插入数据,使用insert into关键字。insert into table_name(列名1,列名2,列名3,) values(值1,值2,值3);例:$query='insert into user(user_name,pass,sex,age) values("'.$name.'","'.$pass.'","'.$sex.'","'.$age.'")';或:$sql = "INSERT INTO runoob_tbl ".

2020-11-15 09:34:20 99

原创 php学习记录三:查询

以下记录几种常见情景通过php查询数据库1、查询表中所有数据$query="select * from article_category";2、限制查询条数(下标0-15的数据)$query="select * from article_tags limit 0 , 15";3、如果使用分页的话(传入分页参数)MAX\MIN:获取最大值和最小值,可以是任何数据类型,但只能获取一个字段AVG\SUM:获取平均值、总和COUNT:统计记录的数量$page=var_is_nu

2020-11-14 22:04:21 51

原创 php学习记录二:建立数据表

以建立一张user表为例//创建user数据表(NOT NULL为'',NULL为真null,PRIMARY KEY为主键,AUTO_INCREMENT为自动增长)//UNSIGNED为无符号数据类型,COMMENT为备注,TIMESTAMP为时间戳//time字段中DEFAULT CURRENT_TIMESTAMP为当插入数据的时候,该字段默认值为当前时间,ON UPDATE CURRENT_TIMESTAMP则表示更新时//$link表示建立的数据库连接function create_u.

2020-11-13 09:06:04 48

原创 php学习记录一:连接数据库

<?phpheader('Content-type:text/html;charset=utf-8');header("Access-Control-Allow-Origin:*");header("Access-Control-Allow-Methods:GET, POST, OPTIONS, DELETE");header("Access-Control-Allow-Headers:DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-W.

2020-11-12 16:47:40 43

原创 nginx与apache的伪静态

nginxlocation / { #将地址末尾添加.php后缀 try_files $uri $uri/ $uri.php?$args;}例:访问:https://test.weblf.cn/haha/hehe/demo?id=3实际访问:https://test.weblf.cn/haha/hehe/demo.php?id=3

2020-09-29 22:54:15 104

原创 腾讯云开发CloudBase之静态网站托管

静态网站:有别于动态网站,它就是只包含静态内容(如图片、音频、视频、HTML、CSS、JS)的网站,不依赖服务器端动态渲染页面。虽然不能写后台接口,但作为一个静态文件加速访问的cdn还是不错的,对于一些纯静态的网站可以做到快速访问。如果想要访问接口:使用jsonp访问,不然会报跨域错误。详情见:https://blog.csdn.net/weixin_41187842/article/details/81181352若果有一个虚拟主机我们常用打包的vue项目,因无法重写使用静态规则,

2020-09-29 22:40:23 1051 2

原创 原生php 的 PHPExcel2.1 的基本使用二(Excel的读取,转sql文件,导入数据库)

PHPExcel是用来操作Office Excel文档的一个PHP类库,它基于微软的OpenXML标准和PHP语言。可以使用它来读取、写入不同格式的Excel表格原生php 的 PHPExcel2.1 的基本使用一(Excel的创建,导出)循环读取excel中所有Sheet数据先准备数据:Sheet1:Sheet2:循环读取示例:<?php//引入PHPExcel文件require '../Classes/PHPExcel.php';//创建excel读对

2020-09-20 22:05:23 64

原创 原生php 的 PHPExcel2.1 的基本使用一(Excel的创建,导出)

PHPExcel是用来操作Office Excel文档的一个PHP类库,它基于微软的OpenXML标准和PHP语言。可以使用它来读取、写入不同格式的Excel表格下载PHPExcelhttps://github.com/PHPOffice/PHPExcel目录结构Classes :主要类文件,我们主要是使用这个文件夹Docmentation :文档Examples :例子composer.json: 主要的配置文件使用PHPExcel的要求打开composer...

2020-09-20 17:34:08 219 1

原创 使用codemirror搭建自己的在线代码编辑器——博客、文档必备

在博客或者文档中只进行代码展示往往因为太抽象,使得刚入门小白无法熟练使用,因此可展示、修改并能显示结果的在线代码编辑器成为了首选,但是有的第三方在线编辑器并不稳定,而国外的一些也因速度慢或无法访问而不尽人意,想来想去,还是自己弄吧。直接打开预览:https://my.weblf.cn/h5_editor/插入文档里的预览:https://my.weblf.cn/vuecli3_wp4_alone_demo/linf-ui.htmldemo下载:https://tx.weblf.cn/down/h

2020-09-17 22:24:59 764 1

原创 Vue报错(the “scope“ attribute for scoped slots have been deprecated and replaced by “slot-scope“ )

报错如下:the “scope” attribute for scoped slots have been deprecated and replaced by “slot-scope” since 2.5.The new “slot-scope” attribute can also be used on plain elements in addition to to denote scoped slots.自2.5以来,作用域槽的“scope”属性已被弃用,并被“slot-scope”所取代。

2020-09-17 11:32:56 121

原创 php解析json数据并输出

代码<?php $postArray ='[{ "data": { "hello": "world" }, "type": "1234", "date": "2012-10-30 17:6:9", "user": "000000000000000", "time_stamp": 1351587969902 }, { "data": { "hello": "world" },

2020-09-17 10:48:12 357

原创 php直接输出json数据·

如果有现成的json数据,可直接输出,可用于前端接口测试代码演示:<?php $libstatis='{ "code": 0, "data": [{ "answer_count": 14, "created_at": "2019-09-06 16:35:06", "id": 1, "level": 1, "name": "初级题库", "questions_count": 171 }, { "answer_count": 9, "created_

2020-09-17 09:49:03 541

原创 vscode菜单栏显示

如果你的状态栏一不小心被隐藏了像这样:后来发现是因为设置了 查看====>外观=======>切换菜单栏想要改回来只需要在没有菜单栏的状态下按下alt 查看====>外观=======>切换菜单栏 在执行这个步骤就可以了...

2020-09-12 11:40:48 1310

原创 WebSocket握手期间出错:PHP的“Sec-WebSocket-Accept”标头值不正确

使用websocket连接服务器时经常出现failed: Error during WebSocket handshake: Incorrect 'Sec-WebSocket-Accept' header value有时却又没有报错,在网上查了很多方法都不行,最后发现是cookie的问题先打印方法socket_recv()中的接收到的值结果:报错的情况下:正常情况下:清除客户端cookie后正常连接一个小坑,给需要用到的人...

2020-08-23 13:30:28 1080

原创 宝塔面板反向代理怎么设置

添加站点如上图,已部署www.weblf.cn与ali.weblf.cn 两个网站我们将php文件放在ali.weblf.cn文件夹里此时将包含异步请求的html文件上传,结果是没有问题的,可以请求到数据:但是,只将html文件上传至www.weblf.cn目录并请求ali.weblf.cn的接口,如下图结果报跨域错误:此时,须在www.weblf.cn网站上设置反向代理,为了将接口动态代理,使用了字符串替换,如下图对html进行修改:对网..

2020-08-22 23:22:28 6961

原创 基于阿里云服务器搭建宝塔面板教程

一、安装宝塔面板1、购买阿里云ECS云服务器2、安装系统(建议安装CentOS7),云服务器安装系统很快,一般一分钟就行了。3、购买好云服务器后,登陆到你的控制台,找到你购买的“云服务器”,点击远程连接,进入系统4、这时候应该打开了云服务器的命令行终端,有的需要你输入用户名和密码,我们用命令行安装宝塔面板,我们只需把下面一行代码输入(可以复制粘贴),然后按回车键即可。这里是CentOS系统的安装方法,其他系统的安装方法请前往宝塔官网获取。yum install -y wge..

2020-08-06 22:16:37 1134

原创 CSS技巧收集——毛玻璃效果

毛玻璃的模糊效果技术使用 css 的filter中的blur属性。即:filter: blur(20px)线上demo:https://my.weblf.cn/alone_page/pages/filter_blur.html代码:<html><head> <meta http-equiv="pragma" content="no-ca...

2020-04-14 18:31:59 179

原创 h5 css 瀑布流图片展示

在H5的图片布局中,我们经常遇到容器盒子一致但图片大小不一的情况,如果仅仅展示一列的话,则可以通过调整图片宽度100%来布局,但是如果有二列呢,我们使用css3的column-count属性分列demo查看:https://my.weblf.cn/alone_page/pages/falls_img.html全部代码:<!DOCTYPE html><html la...

2020-04-14 16:39:20 657

原创 TortoiseGit没有关联小图标(红色、绿色图标)解决方案

方法一、1、按Win+R键打开运行对话框,输入 regedit.exe ,准备修改注册表;2、在HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Explorer文件夹下新建一个“字符串值”文件:名称为 “Max Cached Icons” (最大缓存图标) , 值是 “2000”3、现在可以重启下电脑...

2020-04-09 11:57:33 937

原创 使用拖放排序插件Sortable.js

Sortable 是一个JavaScript库,用于在现代浏览器和触摸设备上重新排序拖放列表。不需要jQuery。支持 Meteor, AngularJS, React, Polymer, Vue, Knockout 和任何CSS库, 例如 Bootstrap.中文文档:http://www.sortablejs.com/安装方式:npm安装、bower安装、script引入都可,本文采用...

2020-04-04 16:10:17 300

原创 vue的sku前端实现(商城选择规格)

库存保有单位 (Stock keeping Unit 或者SKU)是对每一个产品和服务的唯一标示符,该系统的使用SKU的值根于数据管理,使公司能够跟踪系统,如仓库和零售商店或产品的库存情况。在开发商城时,我们需要对商品的sku进行判断,当用户选择完一个规格后,去判断剩下的未选规格是否继续选择,可提高用户体验。线上demo:https://my.weblf.cn/alone_page/pag...

2020-03-06 17:04:54 3785 5

echarts_china

chinaecharts地图城市散点图 给每个城市自定义坐标,根据每个城市的value值所在范围给每个坐标点设置不同的颜色,鼠标悬停显示tip,tip值为城市名称以及value

2019-04-25

空空如也

空空如也

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

TA关注的人 TA的粉丝

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