自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 【深入浅出Vue.js篇】之变化侦测相关API实现原理

数据监听相关API实现原理

2022-07-08 17:45:02 226 1

原创 【深入浅出Vue.js篇】之Array的变化侦测

每当使用Array 原型上的方法操作数组时,其实执行的都是拦截器中提供的方法,比如push 方法。然后,在拦截器中使用原生Array 的原型方法去操作数组。

2022-07-08 14:27:59 522

原创 【深入浅出vue.js篇】之Object的变化侦测

vue2.0 Object数据双向绑定的基本原理,不包括Array数据双向监听原理,后续完整代码持续更新中。

2022-07-06 16:49:45 449

原创 基于vue3 element plus form 表单的二次封装

基于vue3 element plus form 表单的二次封装

2022-06-29 11:35:27 3910 4

原创 【js原型链及六种继承方式记录】

js主要通过原型链实现继承。原型链的构建是通过将一个类型的实例赋值给另一个构造函数的原型实现的。这样,子类型就能够访问超类型的所有属性和方法,这一点与基于类的继承很相似。原型链的问题是对象实例共享所有继承的属性和方法,因此不适宜单独使用。解决这个问题的技术是借用构造函数,即在子类型构造函数的内部调用超类型构造函数。这样就可以做到每个实例都具有自己的属性,同时还能保证只使用构造函数模式来定义类型。使用最多的继承模式是组合继承,这种模式使用原型链继承共享的属性和方法,而通过借用构造函数继承实例属性。...

2022-06-28 18:05:45 244

原创 mongodb安装配置篇

mongodb安装配置篇1. mongodb简介MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。安装地址https://www.mongodb.com/download-center/community安装流程- 选择自定义安装- 选择安装目录[外链图片转存失败,源站可能有防盗在这里插入!链机制,建描述]议将图片上https://传(imblog.gnimg.cn/202-0602141627I65.png?x

2021-06-02 15:48:34 57

原创 canvas绘制圆形头像

canvas绘制圆形头像贴一段canvas裁剪圆形头像的代码 // (canvas对象,二维码图片本地路径(如果是网络图片先用wx.downloadFile存本地),坐标x, 坐标y, 半径) that.circleImg(ctx, userimgSrc, avatarurl_x, avatarurl_y, avatarurl_width)circleImg: function (ctx, img, x, y, width) { ctx.save(); //绘制头像 ctx.begin

2021-06-02 13:21:33 805

原创 微信小程序实现批量倒计时

//批量倒计时function grouponcountdown(that, end_time, param,list) { var EndTime = new Date(end_time).getTime(); var NowTime = new Date().getTime(); var total_micro_second = EndTime - NowTime; var groupons = that.data[list]; console.log(list) grou

2021-01-18 09:41:52 349

原创 vue打包后elementui部分样式丢失

最近在搭建一个vue+ElementUI+Vuex项目,打包时发现了有几个问题,解决后特地记录一下,以免下一次有遇到类似的问题。一.页面一片空白并报错Failed to load resource: net::ERR_FILE_NOT_FOUND第一次打包后发现页面一片空白,并且报错Failed to load resource: net::ERR_FILE_NOT_FOUND然后上网发现更改一下配置就行了。1.webpack.prod.conf.js 中output添加参数publicPath:’

2021-01-11 17:43:19 2995

原创 veter插件实现一键添加vue代码片段

安装Vetur插件Vetur插件可以识别vue文件,如下图所示打开插件管理搜索到插件点击安装即可创建自己的模板找到配置文件!中文:文件->首选项->用户代码片段->选择vue.json确定英文:Code->Preferences->User Snippets设置菜单搜索直接贴代码{ // Place your snippets for vue here. Each snippet is defined under a snippet name and

2021-01-05 14:35:57 993

原创 原生js判断iPhoneX系列手机型号

#原生js判断iPhoneX系列手机型号static isIphone() { return /iphone/gi.test(window.navigator.userAgent) } static isIphonXSeries() { if (window !== 'undefined' && window && !this.isIphone()) return false; const xSeriesConfig = [ {

2020-10-30 17:42:23 1179

原创 php判断手机型号

#php获取手机型号function getClientMobileBrand($agent = ''){ if(preg_match('/iPhone\s([^\s|;]+)/i', $agent, $regs)) { $mobile_brand = 'iphone'; $mobile_ver = $regs[0]; }elseif(preg_match('/SAMSUNG|Galaxy|GT-|SCH-|SM-\s([^\s|;]+)/i', $agen

2020-10-30 16:21:48 1064 1

原创 PHP生成小程序二维码

最近在做小程序需要生成小程序二维码,在网上找了一大堆小程序生成二维码的方法,虽然可以生成,但是由于在小程序端生成二维码涉及到获取access_token等安全性不是很好被微信拒了,于是不懂后端的我在网上找到了这套代码,亲测有效<?phpheader('Content-Type: text/html;charset=utf-8');header('Access-Control-Allow-Origin:*');header('Access-Control-Allow-Methods:*');h

2020-10-22 14:23:42 483

原创 微信小程序中调用支付PHP

#微信小程序中调用支付PHP源码<?php$appid='appid'; //准备数据(都在后台系统中可查到)$mch_id='商户号id'; //商户号$key='商户密钥';$openid = trim($_POST['openid']);// echo $openid;//$out_trade_no = $mch_id.time();$out_trade_no = trim($_POST['out_trade_no']);//$body = "答题

2020-10-22 14:07:59 457

原创 小程序中使用web-view链接H5网页

##加粗样式小程序中使用web-view链接H5网页1、小程序中,封装统一的接口请求方法(以便在每个接口中都携带 cookie,放在 header 中);const request = parameter => { //url必填项 if (!parameter || parameter == {} || !parameter.url) { console.log('Data request can not be executed without URL.');

2020-10-22 11:53:49 3995

原创 原生js 获取路由参数

路由 <li><a href="#/red">turn red</a></li> <li><a href="#/blue">turn blue</a></li> <li><a href="#/green">turn green</a></li>//构造函数function Router() { this.routes = {}; thi

2020-10-22 11:50:21 1419

原创 javaScript判断时间是否为今天的N种写法

#javaScript判断时间是否为今天的N种写法function isToday(date) { return new Date().toDateString() === date.toDateString();}function isToday(date) { //Code goes here. var d = new Date(date.toString().replace(/-/g,"/")); var todaysDate = new Date(); if(

2020-10-22 10:13:22 2711

原创 win10 powershell下禁止执行脚本的问题

**关于win10 powershell下禁止执行脚本的问题**PowerShell因为在此系统中禁止执行脚本解决方法在Powershell直接脚本时会出现:无法加载文件 **.ps1,因为在此系统中禁止执行脚本。详细说明Restricted 执行策略不允许任何脚本运行。AllSigned 和 RemoteSigned 执行策略可防止 WindowsPowerShell 运行没有数字签名的脚本。允许运行签名脚本首次在计算机上启动 Windows PowerShell 时,现用执行策略很可

2020-08-30 16:37:08 353

原创 关于IOS中音频自动播放的问题

关于音频自动播放的问题HTML audio IOS兼容问题IOS系统中audio自动播放问题使用场景是在微信浏览器配置var o={debug: false,appId: ‘<?php echo $signPackage["appId"];?>’,timestamp: ‘<?php echo $signPackage["timestamp"];?>’,nonceStr: ‘<?php echo $signPackage["nonceStr"];?>’,

2020-08-22 15:38:41 513

原创 CSS完美解决iframe高度自适应问题

CSS完美解决iframe高度自适应问题最近在做微信公众号网页版的项目,其中使用到了iframe嵌套外部网页,iframe功能很强大,但特别烦人的一点是,它的高度不能自适应,在网上找了很多的方法,都是不行,后面终于找到一个自适应高度的方法第一步 设置body的CSS样式 overflow:hidden(必须)第二步 设置iframe 的样式 onscroll = “yes”设置了这两个之后,问题就圆满解决了,折腾了老半天的时间,终于是弄好了,也算是对得起这点时间叭...

2020-08-12 12:49:21 976

空空如也

空空如也

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

TA关注的人

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