自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

初心 - 杨瑞超个人博客

程序,从这里开始

  • 博客(151)
  • 收藏
  • 关注

原创 thinkphp5报错解决方案Fatal error: Uncaught think\exception\ErrorException: mkdir(): Permission denied in

报错信息如下:Fatal error: Uncaught think\exception\ErrorException: mkdir(): Permission denied in /server/thinkphp/library/think/log/driver/File.php:46解决方案:对于tp框架而言,自动生成的文件或者目录应该是runtime目录,所以需要开放此类目录的权限。解决mkdir() premission denied 的问题最直接的方式,把runtime权限放开,让所有用户

2020-11-21 22:36:53 2663

原创 vue项目动态设置 shortcut icon--favicon设置以及动态修改favicon

直接贴代码了:var link = document.querySelector("link[rel*='icon']") || document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = '新的图片地址'; document.getElementsByTagName('head')[0].appendChild(link);..

2020-07-03 12:44:38 821

原创 风琴效果&图片放大

1、风琴效果<ul> <li class="active"><img src="http://www.jq22.com/img/cs/500x300-1.png"></li> <li><img src="http://www.jq22.com/img/cs/500x300-2.png"></li> <li><img src="http://www.jq22.com/img/cs/5

2020-06-16 11:23:26 155

原创 Vue项目页面跳转时候的,浏览器窗口上方的进度条显示

1、安装cnpm install --save nprogress2、在main.js中使用import NProgress from 'nprogress' import 'nprogress/nprogress.css'// nprogress样式文件NProgress.configure({ easing: 'ease', // 动画方式 speed: 500, // 递增进度条的速度 showSpinner: false, // 是否显示加载ico

2020-06-16 10:22:09 179

原创 vue中动态设置(创建)javascript的script 标签&js脚本内容&外部js详解

动态通过src引入// 创建script标签,引入外部文件let script = document.createElement('script')script.type = 'text/javascript'script.src = 'http://xxx.xxx.js'document.getElementsByTagName('head')[0].appendChild(script)创建script标签并写入脚本let script = document.createElem.

2020-06-15 20:37:15 6030

原创 收藏吧 | 前端js常用60余种工具方法

1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => { re

2020-05-26 12:04:01 469

原创 小程序日期时间在ios系统上显示为NaN问题

问题:小程序中倒计时在安卓中能够正常显示,但在ios系统上显示错误,显示为NaN。原因:ios系统不支持2018-03-09这样格式的时间导致出现的这个问题,IOS只识别2018/03/09这样的格式。解决办法:let value = '2019-01-10 16:25:01'value = value.replace(/-/g, '/');...

2020-03-20 16:32:43 479

原创 vue中使用富文本编辑器--wangeditor&修改文本区域默认高度&不展示本地图片上传按钮解决方案

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828在开发中,特别是后台管理,富文本是常用的,今天我们来看下vue中使用富文本编辑器–wangeditor&修改文本区域默认高度&不展示本地图片上传按钮解决方案。之前发布过在react中的使用方法,有兴趣的可以看下:https://blog...

2019-10-31 15:05:13 1468

原创 前端(h5)js监控手机电池状况(是否充电、剩余电量、剩余可用时间等等)

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828navigator不仅可用来获取浏览器的各种信息, 甚至还可已监听电池电量(PC和移动端都可以). navigator里有一个方法getBattery(), 这个方法返回一个Promise对象, 通过.then的方式, 可以获取到电池信息代码:nav...

2019-10-25 10:01:13 2135 2

原创 h5使用js调用打电话&使用a标签调用打电话和发短信

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴代码了:js调用window.location.href = "tel:要拨打的电话号码";a标签调用<meta name="format-detection" content="telephone=yes"/><a...

2019-10-15 16:30:30 1189

原创 移动端使用可视化图表(柱状图、饼状图、折线图)& antv f2在vue中使用方法源码

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述F2 是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex),完备的图形语法理论,满足你的各种可视化需求,专业的移动设计指引为你带来最佳的移动端图表体验。官网: https://antv....

2019-10-14 10:31:18 2390

原创 javascript中0.1加0.2不等于0.3处理

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴代码了:// num1, num2 为string类型function numAdd(num1, num2) { var baseNum, baseNum1, baseNum2; try { baseNum1...

2019-10-10 16:27:45 223

原创 php本地安装禅道项目管理

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述:项目管理在开发中是必不可少的,下面介绍下开源项目管理系统(禅道),但是需要基于php环境,这篇文章php基础环境就不介绍了,后期会发出环境搭建文章,如果需要,可以留言,也可以关注本博客,一起来学习1、进入官网下载https://www.zen...

2019-09-27 18:13:19 121

原创 react中使用富文本编辑器,发布文章

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828富文本编辑器,在开发中是常用的,下面直接进入正题了:1、先npm导入wangEditor:npm install wangeditor -D2、贴代码了:import React, { Component } from 'react'impo...

2019-09-20 14:32:24 3016 3

原创 微信小程序下拉刷新&设置loading颜色&loading背景色

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828下拉刷新在开发中是必不可少的,下面我们一起来研究下:1、设置对应刷新页面json"enablePullDownRefresh": true,2、js// 监控下拉刷新onPullDownRefresh () { console.lo...

2019-09-10 14:42:27 11399 2

原创 微信小程序判断是否开启定位功能&引导重新打开定位权限

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828需求描述用户使用小程序时拒绝了定位权限,但是在必须需要定位时,想要重新打开时操作不易,所以要引导去设置里重新打开。解决方案当第一次关闭授权定位后,wx.chooseLocation就会一直调用fail方法,所以当点击打开位置功能时,先判断当前是否关...

2019-09-04 14:13:47 13775

原创 微信小程序分享(发送)图片给好友、长按保存图片

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴代码了:wx.previewImage({ urls: ['图片url']})官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.prev...

2019-08-15 15:23:35 8571

原创 微信小程序上传图片报错 uploadFile:fail url not in domain list

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828图片上传,在开发者工具中是可以的,在真机上无反应,在上传图片的失败回调里输出错误信息为“uploadFile:fail url not in domain list”原因为开发者工具中不校验合法域名,真机上是需要的,上传图片的接口、存放图片服务器,都需...

2019-08-13 09:46:47 4952

原创 微信小程序区分ios&安卓Android&手机设备信息

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/base/system/system-info/wx.getSystemInfo.html...

2019-08-09 15:11:24 2018

原创 vue使用高德地图,精确定位&ip定位,获取城市、地区位置

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 9369298281、高德地图准备点进入网址:https://lbs.amap.com/api/javascript-api/guide/abc/prepare(1)注册开发者账号(2)进入控制台(3)申请高德地图key2、在index.html中引入高德地图...

2019-08-03 08:44:25 17165 17

原创 微信小程序在模板语法中使用indexOf失效问题解决办法& wxml 中引入wxs的使用方法

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828失效问题:小程序的mastache语法不支持js的方法。即在页面标签中,使用以下js方法无效:Object.keys() toString() indexOf() 解决办法-wxs:WXS(WeiXin Script)是小程序的一套...

2019-08-02 15:00:39 4171

原创 vue项目中跳转到外部链接方法

直接贴代码了: <div @click="goPage('www.chao99.top')">点我</div> goPage (url) { window.location.href = url }

2019-07-19 15:59:59 12238 1

原创 js判断是否为微信浏览器(vue、react)

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828在开发中,有时候在h5网页中有下载链接,然后微信浏览器不支持直接下载的,所以必须在浏览器打开,所以我们可以针对微信浏览器做判断: function isWeiXin() { var ua = window.navigator.userA...

2019-07-18 17:15:54 7604

原创 react查看更多配置并支持less(create-react-app中添加less支持)

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述:使用 create-react-app 脚手架创建项目后,默认是不支持 less 的。所以我们需要手动添加。第一步 暴露webpack配置文件(之前也发布过一篇此文章https://blog.csdn.net/qq_42817227/arti...

2019-07-16 20:47:22 632

原创 vue动态设置title

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述:在开发中,一般会随着页面的跳转,title也跟随着去修改,但是在使用前端框架时,就一个html,那如何修改title呢,接着往下看:给index.html的title一个id:<title id="active_title">ww...

2019-07-16 20:36:10 750

原创 vue-cli3实现分环境打包(给不同的环境配置相对应的打包命令)

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述在vue-cli3的项目中,npm run serve时会把process.env.NODE_ENV设置为‘development’;npm run build 时会把process.env.NODE_ENV设置为‘production’;此...

2019-07-16 20:28:26 1655

原创 点击图片用原生js&jquery获取图片src属性值

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828<img src="http://www.chao99.top/chao99/public/static/index/images/gg_one.png" id="demo"><script src="https://cdn.boo...

2019-07-11 10:39:13 2906

原创 传入url和obj参数实现拼接带参数的url-封装公用方法

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828下方代码是在vue中的写法:test (url, params) { let flag = 0; let data = url; Object.keys(params).forEa...

2019-07-08 17:54:02 944 1

原创 js如何判断为空对象(object)

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 function(obj){ if (Object.keys(obj).length === 0) { return true; } else { return fals...

2019-07-08 17:48:40 1143

原创 正则验证车牌号(含新能源)

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述第一:普通汽车车牌号格式:汉字 + A-Z + 5位A-Z或0-9( 车牌号不存在字母I和O防止和1、0混淆)总计7个字符(只包括了普通车牌号,教练车,警等车牌号 。部分部队车,新能源不包括在内)京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕...

2019-06-21 12:08:08 957

原创 weex实现复制粘贴功能(clipboard)

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828clipboard该模块提供的接口可以用于获取、设置剪切板内容,目前只支持字符串类型。只支持字符串类型。只能在 iOS 和 Android 平台上生效。getString从系统剪贴板获取内容getString(callback)@callb...

2019-06-20 13:14:42 962

原创 weex使用ref+dom.scrollToElement实现字母索引导航(类似锚点)

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 9369298281、对内容部分绑定ref,值必须唯一2、字母导航部分绑定事件:3、js部分4、效果图:5、官方示例:http://dotwe.org/vue/230d94ea4a621ba70f2aa009e8ddbc6e...

2019-06-11 17:39:15 2488

原创 weex实现list列表上拉加载&下拉刷新

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述Weex框架能够完美兼顾性能与动态性,让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS、安卓、YunOS及Web等多端部署。在开发中,列表是必不可少的,既然有列表,上拉加载、下拉刷新也是必不可少的,下面我们就来研究下:...

2019-06-10 17:01:16 915

原创 js判断是安卓android或者苹果iphone及iphonex

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828android或者iosvar u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.ind...

2019-06-04 18:45:30 1040

原创 weex开发--css注意事项

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828最近在开发weex项目,由于weex支持的Css写法有限,所以我们需要了解,目前布局只支持flex。特写此记录文档:1、Box左右居中(可代替text-align):align-items: center;2、Box上下居中等:justify-...

2019-05-29 17:26:54 305

原创 git或gitlab修改密码之后,报错remote: HTTP Basic: Access denied,fatal: Authentication failed for ‘git或gitlab地址’

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828方案一:1、打开控制面板2、修改密码方案二:git config --system --unset credential.helpergit config --global credential.helper store再push就会...

2019-05-29 13:01:17 42381 10

原创 设置Cookie请求头报错(Refused to set unsafe header "Cookie")

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828w3c规定,当请求的header匹配以下不安全字符时,将被终止,具体参考如下: Accept-Charset Accept-Encoding Connection Content-Length Cookie Cookie2 C...

2019-05-08 11:42:26 24157 2

原创 axios请求携带cookie

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828axios默认是发送请求的时候不会带上cookie的,需要通过设置withCredentials: true来解决。import axios from 'axios'; // 引入axiosaxios.defaults.withCredential...

2019-05-08 11:40:11 16589 1

原创 vue cli 3 打包静态资源路径配置,否则会出现404噢

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828根目录新建 vue.config,jsmodule.exports = { publicPath: "./"}这样就可以解决啦 ~ ~ ~...

2019-03-19 17:44:28 10769 2

原创 vant ui库 toast 的使用及封装

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828最近在写一个项目,表单项较多,那必然前端做验证也是必须的了,一个一个写太繁琐,封装起来直接调用即可:1、新建 toast.jsimport { Toast } from 'vant'import 'vant/lib/index.css'expo...

2019-03-19 16:48:28 10583 4

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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