- 博客(23)
- 收藏
- 关注
转载 nginx
nginx: [error] open() "/usr/local/var/run/nginx.pid" failed (2: No such file or directory)重启nginx时nginx -s reload,报错信息如下:nginx: [error] open() "/usr/local/var/run/nginx.pid" failed (2: No such file or directory)1原因:没有nginx.pid 这个文件,每次当我们停止nginx时(ng
2021-12-28 15:46:00
132
原创 微信小程序自定义tabBar,中间突出
1、app.json里"tabBar": { "custom": true, "color": "#000", "selectedColor": "#ff6861", "borderStyle": "black", "backgroundColor": "#fff", "list": [ { "pagePath": "pages/index/index", "text": "首页", ...
2021-09-22 10:43:55
1706
原创 H5 页面加水印
1、先上个样式图2、代码//添加水印 (function waterMark(){ function textBecomeImg(text,fontsize,fontcolor){ var canvas = document.createElement('canvas'); let buHeight = 0; if(fontsize <= 32){ buHeight = 99; } else if(fontsize > 32 && fon
2021-09-22 10:24:52
1406
原创 微信小程序引入vant weapp
首先,第一步,新建项目,项目名称大家随意,也可以自己定义呀。第二步,初始化一个项目 npm init 一下一路回车第三步,按照微信小程序官方文档需要在小程序根目录下执行npm install --production到了这里就安装成功了,环境准备好了,然后就可以开始引入vant ui 了第四步:执行VantUI提供的安装命令 直接输入安装vant 的命令就可以了 ,其实他这里有两种引入的方式,一个通过 GitHub 来 ...
2021-09-06 18:42:24
182
原创 圆角三角形渐变
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>圆角三角形渐变</title> <meta name="Author" content=""> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <style&g..
2021-07-29 21:22:13
103
原创 css 写一个旋转的八卦图
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="Author" content=""> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <style>..
2021-07-29 21:10:28
251
原创 md5加密后返回32位小写
_.md5 = function (string) { function md5_RotateLeft(lValue, iShiftBits) { return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits)); } function md5_AddUnsigned(lX, lY) { var lX4, lY4, lX8, lY8, lResult; lX8 =.
2021-07-22 16:20:56
971
转载 微信小程序新版本后用户昵称变成了“微信用户“解决方法
今天在做小程序的时候突然发现获取用户昵称和头像的时候出现了奇怪的bug(如下图)检查了n遍代码后还是找不到问题,想着看看以前的代码是怎么写的,结果发现所有的都变成了这种情况,肯定是官方又更新了,经过一系列的查看文档修改后成功解决了问题,现在将解决过程记下来,一是做一个记录,二是希望能帮助到大家解决过程第一时间是查看是不是微信又更新了(之前就因为一个bug卡了好长时间,最后发现使用的是旧版本。。。)当更新到最新版本1.05.2103190后,在终端发现了微信小程序提供了一个新的接口wx.get
2021-06-30 11:41:57
5545
原创 React 中定义组件的两种方式
1.函数式定义function MyComponent(params) { return <div>函数式创建组件myComponent</div> } ReactDOM.render(<MyComponent/>, document.getElementById('test')) const TDOM = document.getElementById('test')2.类定义//
2021-06-29 15:59:14
252
原创 VUE提示Gradient has outdated direction syntax
VUE提示Gradient has outdated direction syntax启动项目,发现之前没有问题的项目今天突然出现了警告,而且警告是一模一样的Gradient has outdated direction syntax. New syntax is like to left instead of right.经过排查以及资料搜索,发现是因为渐变的写法变了旧代码是background: -webkit-linear-gradient(left,$gradients-color.
2021-05-28 16:23:45
394
原创 2021-05-21
JavaScript可能出现的内存泄漏的常见常景:1.闭包函数2.意外的全局变量3.对象属性循环引用4.DOM节点删除时未解绑事件5.Map和Set的属性直接删除
2021-05-21 17:59:05
46
原创 2021-05-14
ue-qrvue-qr比QRcode功能多在可以在中间加logoQRcodenpmnpm install qrcodejs2import在所需页面导入import QRCode from 'qrcodejs2'use复制代码<div class="qrcode" ref="qrCodeUrl"></div><script>methods: {creatQrCode() { var qrcode = new QRCode(thi
2021-05-14 16:37:20
78
转载 2021-05-11
什么是XSS攻击先上一段标准解释(摘自百度百科)。“XSS是跨站脚本攻击(Cross Site Scripting),为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页之时,嵌入其中Web里面的Script代码会被执行,从而达到恶意攻击用户的目的。”相信以上的解释也不难理解,但为了再具体些,这里举一个简单的例子,就是留言板。我们知道留言板通常的任务就是把用户留言的内容
2021-05-11 15:24:25
635
原创 2021-05-10
在一些app场景中,经常看到app里面嵌套H5页面,安卓和ios提供一个空壳子,方法两者互相调用。上一周就是写H5页面让安卓和ios调用使用,中间传参,接受参数。通过 window.wx 对象调用一些原生 app 的功能。这个H5页面,我用的是vue来写的。用到了vue全家桶。1.调用app方法。因为安卓和ios不同。需要写一个方法,来判断机型是安卓或者是ios;function checkDevice() { // js判断是否是苹果设备 function checkIsA.
2021-05-10 14:35:04
76
转载 2021-04-27
VueX(Vue状态管理模式)一、初识VueX1.1 关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。1.2 安装由于VueX是在学习VueCli后进行的,所以在下
2021-04-27 15:05:51
74
原创 2021-04-22
vue 项目中使用Vconsole官网点击这里:https://github.com/Tencent/vConsole第一步npm install vconsole第二步main.js 文件中引入//引入文件import Vconsole from 'vconsole'//实例化const vConsole = new Vconsole()Vue.use(vConsole)好了 现在就可以全局使用啦...
2021-04-22 16:41:27
50
转载 2021-04-21
vue过滤器filters获取不到this对象的解决办法原理在data中定义一个属性that,把this存储到that中在调用filters中的方法sum的时候将that传进去即可下面举个例子用filters计算data中 a+b 的值注意:filters中的sum方法的第一个参数是|左边那个a,第二个参数才是括号写的that<template> <div>{{a|sum(that)}}</div></template><scri.
2021-04-21 17:59:17
54
转载 2021-04-19
文章目录 问题描述 解决方案 父组件 子组件 问题描述使用element-ui的el-dialog做二次封装时修改visible.sync绑定值报错; 这是由于父组件通过props传参子组件,子组件改变自身的props值引起的解决方案父组件<NoteBookLimitFlow :isVisible="isShowFlowSearch"></NoteBookLimitFlow>1子组件<template&g.
2021-04-19 09:29:16
85
原创 2021-04-17
js 工具类let _debounceTimeout = null, _throttleRunning = false/** * 防抖 * @param {Function} 执行函数 * @param {Number} delay 延时ms */ export const debounce = (fn, delay=500) => { clearTimeout(_debounceTimeout); _debounceTimeout = setTi
2021-04-17 11:31:34
136
原创 2021-04-17
uniapp记录uniapp路由的两种跳转1.@tap事件跳转methods: { openinfo(e) { console.log(e) var newsid = e.currentTarget.dataset.newsid ; uni.navigateTo({ url: '../info/info?newsid='+new
2021-04-17 11:29:51
181
原创 2021-04-17
Vue,h5项目判断是否安装了某APP,h5页面是否在APP内部打开1.h5项目判断是否安装了某app$(function(){ var APPCommon = { init: function(){ this.openApp(); }, openApp: function(){ var this_ = this; if(this_.isWeixin() || this_.isWeibo()){ win...
2021-04-17 11:07:46
400
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人