- 博客(159)
- 收藏
- 关注
RSS订阅原创 Windows7安装高版本NodeJS，解决this application is only supported on windows 8.1. windows server 2012 R2”报错
通过网上资料了解到windows7最高支持nodejs版本为v13.14，所以v18.xx肯定是不行的了，下面给大家分享下安装高版本的方法，希望对你有所帮助。1、下载支持的版本，我这下载的为，node-v12.22.12-x64，下载之后正常安装即可，(2)将高版本nodejs的压缩包解压，放入 D:\test\nodejs。，一会要使用，安装之后可以在命令行工具中查看版本，是否跟安装版本对应。5、重启电脑，开机之后查看nodejs版本，已安装最新版。2、根据需要，下载更高版本，需要 .zip的压缩包。
2023-12-16 23:51:32
711
原创 vue中watch监听对象中某个属性值/深度监听/监听data中的值变化
【代码】vue中watch监听对象中某个属性值/深度监听/监听data中的值变化。
2022-11-01 09:35:02
377
1
原创 react/vue/js，正则数字验证（最小值到最大值的区间、小数位数）
【代码】react/vue/js，正则数字验证（最小值到最大值的区间、小数位数）
2022-10-24 15:59:14
745
原创 前端在vue、react中下载文件，使用axios下载文件流，以及兼容处理接口返回的文件流或json数据区分
在开发中，下载功能是我们经常遇到的，一般下载有两种：1、后端直接返回文件地址，前端使用a标签下载2、后端返回文件流第1种很简单，今天我们来试下下载文件流，首先看下后端返回的数据截图：一看到这里，我去，有点懵啊，这啥玩意，这就是所谓的文件流，想要下载，也是可以的，操作步骤如下：直接上代码啊，有任何问题可以私聊联系，一起学习~此代码以vue+elementUI为例，react中同理页面代码：axios代码：下载文件流代码：感谢阅读，有任何问题，可以一起探讨呦~...
2022-06-20 19:22:33
1552
原创 quill/vue-quill-editor的基础使用，自定义工具栏介绍，重新写图片/视频上传方法，insertEmbed插入，设置光标位置，增/添加字体、字号
基础使用<template> <div> <quill-editor ref="edit" v-model="content" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)" /> </
2022-04-07 15:30:58
14473
原创 vue admin后台管理系统快速开发源码/模板文档
vue-element-admin文档：https://panjiachen.github.io/vue-element-admin-site/zh/github：https://github.com/PanJiaChen/vue-element-admin预览：https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard部分截图：ANTD PRO VUE官网：https://pro.antdv.co
2022-04-02 11:39:33
2825
原创 css超出一/多行后显示省略号
在平时开发中，经常会遇到超出后显示省略号，代码如下：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; /*超出几行后省略号*/overflow: hidden;
2022-04-01 15:25:32
1727
原创 git error: Your local changes to the following files would be overwritten by merge:
问题截图：问题分析：团队其他成员修改了某文件并已提交入库，你在pull之前修改了本地该文件，等你修改完代码再pull时，这时会报错如下错误：error: Your local changes to the following files would be overwritten by merge二、解决方案根据是否要保存本地修改，有以下两种解决方案2.1 保留修改执行以下三条命令git stash #封存修改git pullgit stash pop #把修改还原注：git s
2022-03-14 20:11:18
299
原创 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
6444
原创 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
1570
原创 风琴效果&图片放大
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
320
原创 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
311
原创 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
10893
原创 收藏吧 | 前端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
631
原创 小程序日期时间在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
769
原创 vue中使用富文本编辑器--wangeditor&修改文本区域默认高度&不展示本地图片上传按钮解决方案
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828在开发中，特别是后台管理，富文本是常用的，今天我们来看下vue中使用富文本编辑器–wangeditor&修改文本区域默认高度&不展示本地图片上传按钮解决方案。之前发布过在react中的使用方法，有兴趣的可以看下：https://blog...
2019-10-31 15:05:13
2505
原创 前端(h5)js监控手机电池状况（是否充电、剩余电量、剩余可用时间等等）
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828navigator不仅可用来获取浏览器的各种信息, 甚至还可已监听电池电量(PC和移动端都可以). navigator里有一个方法getBattery(), 这个方法返回一个Promise对象, 通过.then的方式, 可以获取到电池信息代码：nav...
2019-10-25 10:01:13
3520
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
2146
原创 移动端使用可视化图表（柱状图、饼状图、折线图）& antv f2在vue中使用方法源码
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述F2 是一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node, 小程序，Weex），完备的图形语法理论，满足你的各种可视化需求，专业的移动设计指引为你带来最佳的移动端图表体验。官网： https://antv....
2019-10-14 10:31:18
4579
原创 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
336
原创 php本地安装禅道项目管理
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述：项目管理在开发中是必不可少的，下面介绍下开源项目管理系统（禅道），但是需要基于php环境，这篇文章php基础环境就不介绍了，后期会发出环境搭建文章，如果需要，可以留言，也可以关注本博客，一起来学习1、进入官网下载https://www.zen...
2019-09-27 18:13:19
301
原创 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
3809
3
原创 微信小程序下拉刷新&设置loading颜色&loading背景色
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828下拉刷新在开发中是必不可少的，下面我们一起来研究下：1、设置对应刷新页面json"enablePullDownRefresh": true,2、js// 监控下拉刷新onPullDownRefresh () { console.lo...
2019-09-10 14:42:27
14852
3
原创 微信小程序判断是否开启定位功能&引导重新打开定位权限
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828需求描述用户使用小程序时拒绝了定位权限，但是在必须需要定位时，想要重新打开时操作不易，所以要引导去设置里重新打开。解决方案当第一次关闭授权定位后，wx.chooseLocation就会一直调用fail方法，所以当点击打开位置功能时，先判断当前是否关...
2019-09-04 14:13:47
18999
2
原创 微信小程序分享（发送）图片给好友、长按保存图片
初心-杨瑞超个人博客诚邀您加入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
10332
原创 微信小程序上传图片报错 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
5585
原创 微信小程序区分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
2653
原创 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
20950
19
原创 微信小程序在模板语法中使用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
4886
原创 vue项目中跳转到外部链接方法
直接贴代码了： <div @click="goPage('www.chao99.top')">点我</div> goPage (url) { window.location.href = url }
2019-07-19 15:59:59
13389
1
原创 js判断是否为微信浏览器（vue、react）
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828在开发中，有时候在h5网页中有下载链接，然后微信浏览器不支持直接下载的，所以必须在浏览器打开，所以我们可以针对微信浏览器做判断： function isWeiXin() { var ua = window.navigator.userA...
2019-07-18 17:15:54
8937
原创 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
735
原创 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
971
原创 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
1839
原创 点击图片用原生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
4005
原创 传入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
1229
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
1456
原创 正则验证车牌号（含新能源）
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述第一：普通汽车车牌号格式：汉字 + A-Z + 5位A-Z或0-9( 车牌号不存在字母I和O防止和1、0混淆)总计7个字符（只包括了普通车牌号，教练车，警等车牌号 。部分部队车，新能源不包括在内）京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕...
2019-06-21 12:08:08
1201
原创 weex实现复制粘贴功能（clipboard）
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828clipboard该模块提供的接口可以用于获取、设置剪切板内容，目前只支持字符串类型。只支持字符串类型。只能在 iOS 和 Android 平台上生效。getString从系统剪贴板获取内容getString(callback)@callb...
2019-06-20 13:14:42
1302
原创 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
3159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人