自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

艾小逗

不做下一个谁,做第一个自己。

  • 博客(220)
  • 资源 (25)
  • 收藏
  • 关注

原创 移动端微信浏览器调试工具整理eruda,微信x5调试工具无法使用,推荐新工具eruda、vconsole和debugxweb

新版本微信x5调试工具,debugtbs.qq.com无法使用,提示不支持切换x5内核推荐新工具`eruda`和`debugxweb.qq.com`

2022-06-28 16:57:00 1030

原创 webpack基本使用,打包 html多页面 scss预处理器 autoprefixer浏览器前缀 使用jquery,代码压缩,命令行自动生成html和js

webpack基本使用目录webpack基本使用打包基本使用打包js打包htmlpackage.json 中依赖包问题:html中img src引入图片不打包使用scss安装scsswebpack.config.js配置使用extract-text-webpack-plugin使用 autoprefixer安装autoprefixer根目录新建`postcss.config.js` 文件webpack.config.js配置package.json配置安装jquerynpm安装jqueryCND引入jqu

2020-08-20 14:41:06 466

原创 elementUI table自定义表头弹框搜索,排序,显示tag标签

elementUI table自定义表头弹框搜索,排序,显示tag标签允许一种排序,多种搜索条件包括三种类别,添加了solt插槽,也可以自定义:输入框[input]多选[checkbox]范围值[from-to]目录先上效果图标签tags使用方法标签tags代码===== 分割线 =====搜索弹出框使用方法搜索弹出框 selectCont 代码store中 creditManage 代码utils/tags 代码先上效果图标签tags使用方法绑定普通标签数据,排序数据,关闭排序标签

2020-06-30 16:44:11 2865 7

原创 vue nodejs elementUI mysql express demo 入门前后端分离项目,包含登录注册,列表查询分页,请求头解决跨域

vue-nodejs-elementUI-mysql-express-demo 入门项目,包含登录注册,列表查询分页在学习过程中,自己编写的入门项目,有什么好的建议欢迎评论,互相学习。github地址 https://github.com/zshuai34/vue-nodejs-elementUI-mysql-express-demo本项目为入门项目,采用前(vue)后(nodejs)端分...

2019-12-09 15:49:40 871

原创 html2canvas将html代码生成canvas转换成图片,并且保存到本地

/ canvas.toDataURL 返回的是一串Base64编码的URL。// image.onclick = fnSavePic // 点击图片保存。// 从 canvas 提取图片 image。//新Image对象,可以理解为DOM。完整实例:【复制粘贴到本地查看效果】// 传入 base64 图片。// 指定格式 PNG。

2022-08-23 14:37:54 102

原创 js复制方法navigator.clipboard兼容性处理,控制台直接执行报错 DOMException: Document is not focused

js复制方法navigator.clipboard兼容性处理,直接执行报错 DOMException: Document is not focused如果`navigator.clipboard`不可以使用的话,使用`document.execCommand`进行复制

2022-07-05 09:48:55 1510 2

原创 vue中监听关闭页面,过滤掉刷新页面

vue中监听关闭页面,过滤掉刷新页面

2022-07-01 11:38:57 178

原创 使用html新属性enterkeyhint修改input、textarea中输入法回车键文字

enter表示回车,多出现在``文本域等需要多行输入的场景中。don`表示完成,表示没有更多内容输入,输入结束。go表示前往,, 意思是把用户带到他们输入的文本的目标处。 next表示下一项,通常会移动到下一个输入项那里。previous表示上一个,通常会移动到上一个输入项那里。......

2022-06-16 10:32:00 317 1

原创 js发布订阅模式的简单实现基本流程及原理了解

js发布订阅模式的简单实现及原理了解event.on方法,是注册事件,将执行函数添加进eventObj 中,可注册多个事件event.off方法,是移除事件,将执行函数从eventObj 中移除 - 如果没有参数,移除所有事件 - 如果只带事件名参数,就移除这个事件名下的所有事件 - 如果带有两个参数,那么就表示移除某个事件的具体函数event.emit方法,是执行事件,执行某个事件中的所有执行函数......

2022-06-15 09:45:28 324

原创 前端面试题整理2022

面试题整理1.宏任务和微任务总结:微任务比宏任务先执行宏任务:setTimeout、setInterval、DOM事件、AJAX请求微任务:Promise、async/await2.事件循环同步任务放到运行栈中异步任务放到任务队列中process.setImmediate(()=> {})process.nextTick(()=> {})执行同步任务,再执行nextTick,然后去任务队列执行异步任务,最后执行setImmediate3.防抖节流防抖:只要最后一次事件的操

2022-04-17 21:09:58 583

原创 微信小程序顶部栏图片随页面滚动渐变展示隐藏

微信小程序顶部栏图片随页面滚动渐变展示隐藏小程序顶部通栏,展示图片,随着页面滚动,开始渐变展标题记及纯色吸顶样式主要使用了小程序中的scroll-view组件,通过滚动时触发 bindscroll和滚动到顶部 bindscrolltoupper改变顶部栏的样式效果目录微信小程序顶部栏图片随页面滚动渐变展示隐藏效果如图:代码如下:index.wxmlindex.jsindex.wxssindex.json效果如图:运用技术:主要使用了小程序中的scroll-view组件,通过滚动时触发 bind

2022-04-15 14:06:33 1503

原创 axios封装及刷新token操作,用于登录失效后刷新token,并返回成功结果

axios封装及刷新token操作,用于登录失效后刷新token,并返回成功结果,- 在本地没有旧的token的情况下,不进行刷新操作;- 如果刷新token接口还是失败的话,不再进行刷新操作;- 如果同时请求多个接口,只第一个接口触发刷新token操作,其它接口等待刷新成功后重新请求并返回结果

2022-04-02 14:10:00 1057

原创 img标签引入和背景图片引入雪碧图的使用

css_sprites 雪碧图制作,img引入雪碧图和背景图片使用雪碧图

2022-03-25 16:31:55 418

原创 使用vite创建项目及配置vue-router和vuex,安装使用sass/scss

使用vite创建项目及配置vue-router和vuex创建项目 vite+vue3命令:yarn create vite,输入项目名称,选择vue项目进入项目目录2. 安装vuex yarn add vuex@next3. 安装vue-router yarn add vue-router@next版本:vue3对应的vuex4和vue-router44. yarn && yarn dev 项目可以成功运行配置 vuex1.创建 src/store/index.js

2022-01-10 16:57:00 1223

原创 适用于 async/await 的 axios封装

适用于 async/await 的 axios封装不想写 .then()和.catch还想处理错误信息自己封装的方法是,不管错误和失败都使用 resolve来处理,欢迎大家讨论使用方便度及问题先看下使用方法在使用的时候可以 const [err, res] = await axiosRequest('get', '请求url', {}, {})返回的 err就是请求失败的数据返回的 res就是请求成功的数据const [err, res] = await axiosRequest('get

2021-12-28 09:55:56 626

原创 自定义格式化日期时间js方法

自定义格式化日期时间js方法 formatDate(new Date('2021/12/26'), 'yyyy/MM/dd HH:mm:ss 星期w') // 2021/12/28 09:49:44 星期二

2021-12-28 09:54:06 300

转载 js 获取 url 参数 URLSearchParams

js 获取 url 参数方法一 URLSearchParams 方法// 创建一个URLSearchParams实例const urlSearchParams = new URLSearchParams(window.location.search);// 把键值对列表转换为一个对象const params = Object.fromEntries(urlSearchParams.entries());console.log(params)方法二 split 方法function getP

2021-12-14 17:13:26 824

原创 封装自己的toast组件,使用vue.extend创建构造器和$mount

标题封装自己的toast组件,使用vue.extend创建构造器文档:https://cn.vuejs.org/v2/api/index.html#Vue-extend此种方式主要是封装一些特别常用的组件,而在使用的时候无需再使用组件的地方写入组件标签,通过调用js方法就可以使用,展示页面效果普通方式:要使用一个组件需要 将 写在使用的地方vue构造器方式:通过js方法就能使用,不用写 标签使用方法:只提示文字设置回调及停留时间message: ‘提示信息’,onClose: ‘关闭时

2021-10-16 12:22:55 151

原创 react基础入门,类组件和函数组件,state,props,refs

React入门目录React入门Vue跟React的异同点相同点不同点Vue小建议1. 不需要响应式的数据应该怎么处理?2. Key3. 数据结构1、安装ReactCDN脚手架安装2、基础知识类的基础知识this的指向问题3、简单的组件4、jsx语法规则5、区分【js语句(代码)】与【js表达式】6、模块和组件、模块化和组件化得理解模块组件模块化组件化7、 组件中的样式8、组件实例的三大核心属性8、类组件8.1 state8.1.1 基本用法8.1.2 处理this指向的几种方法8.2 类组件渲染列表数

2021-09-28 16:23:26 233

原创 nuxtJs入门使用笔记

nuxtJs入门使用笔记目录nuxtJs入门使用笔记部分优秀文章推荐生命周期区分环境 安装 `cross-env`引入外部资源局部引入和全局引入设置页面中SEO信息跨域反向代理处理nuxt路由理解文章动态路由监听页面滚动到底部事件设置meta SEO信息配置全局工具方法【在服务端可使用】注册全局指令-检测图片能否加载成功正文开始部分优秀文章推荐【超级详细的配置介绍】Nuxt爬坑 (juejin.cn)【配置 Meta| 使用vuex validate |部署|登录状态】Nuxt开发经验分享,让

2021-08-05 19:41:14 131

原创 html设置吸顶效果

html设置吸顶效果方法一:js设置window.onscroll = function () { // 滑动时 搜索框吸顶 var headerHeight = $('header')[0].offsetHeight console.log(getScroll()) console.log(headerHeight + '-----' + getScroll().top) if (headerHeight <= getScroll().top) {

2021-08-05 19:38:14 380

原创 vue根据接口返回动态渲染组件的实现方法

vue根据接口返回 动态渲染组件的实现方法使用了vue中的动态组件https://cn.vuejs.org/v2/guide/components.html#%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6父容器<template> <template v-for="item in compList" :key="item"> <component v-bind:is="item.compKey" :compData="item.co

2021-08-03 11:47:36 1433

原创 img onerror 图片加载失败显示默认图

img onerror 图片加载失败显示默认图<!--第一种--><img src="images/logo.png" onerror="javascript:this.src='images/logoError.png';"><!--第二种--><script>function imgErrorFun(){ var img=event.srcElement; img.src="/image/teacher.png"; img.oner

2021-07-14 09:55:52 423

原创 elementui在table中使用el-popover删除操作

elementui在table中使用el-popover删除操作.vue<el-table-column label="操作" width="120" align="center"> <template slot-scope="scope"> <el-popover :ref="scope.row.id" placement="top" width="160" style="margin-left: 10

2021-06-16 17:22:24 704

原创 Module build failed: SyntaxError: webpack运行vue项目,拓展运算符报错【解决办法】

ERROR in ./src/js/request.jsModule build failed: SyntaxError: D:/project_hd/luckDraw/src/js/request.js: Unexpected token (39:10)解决办法:安装依赖yarn add babel-preset-stage-3 -D添加配置{ test: /\.js$/, exclude: /(node_modules|bower_components)/,

2021-05-21 15:13:40 1242 2

原创 js new Date()打印出来是Invalid Date

js new Date()打印出来是Invalid Date检查了一下,确定了问题是因为接口返回的日期格式是: "2021-05-18 10:00:00"这样 new Date("2021-05-18 10:00:00") 就会是 Invalid Date解决办法是将 日期中的 - 替换成 / 这样 new Date("2021/05/18 10:00:00") 就可以var dStr = "2021-05-18 10:00:00"var d = new Date(dStr.replace(/-/

2021-05-20 14:40:11 1328

原创 webSql的基本使用,打开数据库,创建库,创建表,数据基本的增删改查

webSql的基本使用,打开数据库,创建库,创建表,数据基本的增删改查openDatabase(‘数据库名’, ‘版本号’, ‘数据库描述’, ‘设置数据的大小’, ‘回调函数’) */executeSql() 有4个参数1)表示查询的字符串,使用的SQL语言是SQLite 3.6.19。(必选)2)插入到查询中问号所在处的字符串数据。(可选)3)成功时执行的回调函数。返回两个参数:tx和执行的结果。(可选)4)一个失败时执行的回调函数。返回两个参数:tx和失败的错误信息。(可选)创建的数

2021-05-17 17:38:46 285

原创 vue-tinymce的使用,粘贴文件上传,自定义文件上传,改base64转换成上传到服务器返回url

vue-tinymce的使用,粘贴文件上传,自定义文件上传,改base64转换成上传到服务器返回urlvue中使用<vue-tinymce v-model="itemForm.content" :setting="setting"/><script>export default { data(){ return { itemForm: { content: '' }, setting: { menubar: f

2021-05-12 18:49:08 782 2

原创 vue打包区分环境,创建config文件,corss-env自定义全局环境配置,通过cdn引入js,css,不打包依赖模块elementui

vue打包区分环境,创建config文件,corss-env自定义全局环境配置,通过cdn引入js,css,不打包依赖模块elementui目录vue打包区分环境,创建config文件,corss-env自定义全局环境配置,通过cdn引入js,css,不打包依赖模块elementui1. 使用 `corss-env` 自定义环境变量,不使用vue自身的环境变量(1)安装依赖(2)配置`package.json`中命令(3)使用 `process.env._ENV` 接收启动时的环境变量2. 配置cdn引入

2021-04-15 11:50:42 245

原创 nuxt请求提示WARN Cannot stringify a function transformRequest,Maximum call stack size exceeded

WARN Cannot stringify a function transformRequest 16:46:55WARN Cannot stringify a funct

2021-04-14 17:12:28 1499

原创 vue指令处理图片加载错误,判断图片可否加载成功

v-real-img 指令全局注册自定义指令,用于判断当前图片是否能够加载成功,可以加载成功则赋值为img的src属性,否则使用默认图片在网络慢的时候,加载图片多的时候,可以达到占位图的效果使用方法:<img src="默认图片.png" v-real-img="真实图片.png">Vue.directive('real-img', async function (el, binding) {//指令名称为:real-img let imgURL = binding.value;

2021-04-09 18:13:41 1631

转载 nuxt服务端渲染 vue检测图片加载失败onerror时,自定义指令处理

nuxt服务端渲染 vue检测图片加载失败onerror时,自定义指令处理全局注册自定义指令,用于判断当前图片是否能够加载成功,可以加载成功则赋值为img的src属性,否则使用默认图片。在网络慢的时候,加载图片多的时候,可以达到占位图的效果// plugins/directive.jsimport Vue from "vue";/** * 全局注册自定义指令,用于判断当前图片是否能够加载成功,可以加载成功则赋值为img的src属性,否则使用默认图片 * 在网络慢的时候,加载图片多的时候,可

2021-04-01 16:07:33 400

原创 js上传图片限制图片尺寸方法

上传图片限制图片尺寸async beforeUploadPicture(file) { // 直播大图 const width = 347 const height = 115 const isSize = await new Promise(function(resolve, reject) { const _URL = window.URL || window.webkitURL const img = new Image()

2021-03-19 15:00:25 267 1

原创 nuxt.js配置反向代理跨域nuxtjs/axios和@nuxtjs/proxy

nuxt.js配置反向代理跨域安装依赖yarn add @nuxtjs/axios @nuxtjs/proxy -D配置nuxt.config.jsexport default { axios: { proxy: true // Can be also an object with default options }, proxy: { '/api': { target: 'http://test1.xxx.cn',//代理转发的地址 chan

2021-03-15 17:29:58 397

原创 vue.config.js基本配置,包括配置不打包的模块vue,elementui,通过cdn引入,提取css到单独的css文件,css、js添加hash值,修改端口号,配置跨域代理

vue.config.js基本配置,包括配置不打包的模块vue,elementui,通过cdn引入,提取css到单独的css文件,css、js添加hash值,修改端口号,配置跨域代理配置文件vue.config.js// 配置通过CDN引入的js/cssconst cdn = { externals: { 'vue': 'Vue', 'element-ui': 'ELEMENT' }, js: [ 'https://cdn.bootcss.com/vue/2.5.2

2021-02-24 17:39:40 1510

原创 关于准则3.1.1,要恢复以前购买的应用内购买产品,最好提供一个“恢复”按钮,apicloud中ios使用iap购买及恢复购买,ios内购审核不通过,恢复机制必须与购买选项分开

apicloud中ios使用iap购买及恢复购买,修改 _courseId 为 appconnect中设置的内购商品idios内购审核不通过Thank you for your reply.Regarding to Guideline 3.1.1, to restore previously purchased in-app purchase products, it would be appropriate to provide a "Restore" button and initiate

2021-01-31 10:50:20 643

原创 canvas画圆形进度,显示百分比进度

canvas画圆形进度/** * 圆圈进度 * @param el dom元素 * @param num 进度 * @param color num>0时 字体颜色 * @param lineColor 有进度-线颜色 */function drawCircle1(el, num, color, lineColor) { var ctx = el.getContext("2d"); var w = ctx.canvas.width; var h = ctx.canvas..

2020-12-14 16:08:05 144

原创 css单行和多行超过宽度 显示点点点

单行超出显示点点点overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行超出显示点点点overflow: hidden;width: 200px;height: 36px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /*2行末尾显示点点点*/...

2020-12-14 11:21:54 1086

转载 node 多版本切换的实现方案[转载]

方案1:配置多个环境变量,通过切换环境变量的方式切换node版本 方案2 : 使用nvm实现多版本node切换https://juejin.cn/post/6889811457140064263

2020-12-12 16:02:13 384

转载 React-router 基本用法

转载自 阮一峰的网络日志 (ruanyifeng.com)React-router路由库: ReactTraining/react-router: Declarative routing for React (github.com)示例库: react-router-tutorial/lessons at master · reactjs/react-router-tutorial (github.com)文 档: React Router 使用教程 - 阮一峰的网络日志 (ruanyifen

2020-12-02 18:03:02 251

windows11右键菜单恢复成win10菜单样式 W11ClassicMenu

windows11右键菜单恢复成win10菜单样式 W11ClassicMenu

2022-09-25

微信小程序顶部栏图片随页面滚动渐变展示隐藏

小程序顶部通栏,展示图片,随着页面滚动,开始渐变展标题记及纯色吸顶样式 主要使用了小程序中的scroll-view组件,通过滚动时触发 bindscroll和滚动到顶部 bindscrolltoupper改变顶部栏的样式效果 动图效果及使用见博客:https://aixiaodou.blog.csdn.net/article/details/124193385

2022-04-18

思源黑体 加粗和中等 SourceHanSansCN-Medium.ttf SourceHanSansCN-Bold.ttf

思源黑体 加粗和中等 SourceHanSansCN-Medium.ttf SourceHanSansCN-Bold.ttf

2022-01-27

vue-elementui-tree-table.rar

使用elementui 中table实现多选树表格,可多选,可全选, 表格中需要使用tree表格,展开折叠效果,还需要多选表格数据,elementui中有树表格,查看样式及文档,但是没有办法多选,本文章中可以多选获取数据。 https://blog.csdn.net/qq_32442967/article/details/103072390 积分由 50->5

2019-12-05

channel_v3.zip

channel_v3.json Package Control There are no package available for installation

2019-10-23

小程序加密jsencrypt.js.rar

小程序加密jsencrypt.js.rar 使用方法详见 https://blog.csdn.net/qq_32442967/article/details/101759723 积分由30->5

2019-09-30

svgdeveloper_DownZa.Cn.rar

svgdeveloper_DownZa.Cn svg开发生成工具,中文 更多工具下载 https://download.csdn.net/user/qq_32442967/uploads

2019-07-18

Java环境变量配置工具.rar

Java环境变量配置工具 简单配置jdk/tomcat/mysql/maven环境变量

2019-07-18

networkMap V1.0.rar

networkMap V1.0 访问https://blog.csdn.net/qq_32442967/article/details/93712083 查看详细使用方法及拓扑图样式 监听点击事件,触发函数,可直接访问后端接口,支持自适应

2019-06-26

2019.4.24_CSDN博客导出工具.zip

2019.4.24_CSDN博客导出工具.zip 便于下载 软件使用地址访问及下载 https://blog.csdn.net/u013284706/article/details/82784802 积分由35->5

2019-06-17

echartst拓扑图数据传输图.rar

echartst拓扑图数据传输图 使用说明访问 https://blog.csdn.net/qq_32442967/article/details/91556764

2019-06-12

echartst拓扑图.rar

echarts网络拓扑图数据传输图 详细使用说明: https://blog.csdn.net/qq_32442967

2019-06-12

echarts数据传输.rar

echarts数据传输图表,显示传输路径和箭头指示效果 参考博客地址:https://blog.csdn.net/qq_32442967/article/details/91516875

2019-06-12

quercus-4.0.39.rar

tomcat运行php包quercus-4.0.39 将 javamail-141.jar和quercus.jar 复制到tomcat下的lib目录里 积分由22->5

2019-06-03

createJson.rar Java生成各种json格式数据

createJson.rar Java生成各种json格式数据 生成JSON数据:{"name":"zhagnsan","age":24} 生成JSON数据:[{"name":"zhangsan","age":24},{"name":"lisi","age":25},{"name":"wangwu","age":26}] 生成JSON数据:{"children1":[{"name":"zhangsan1","age":31},{"name":"lisi1","age":51},{"name":"wangwu1","age":21}],"children":[{"name":"zhangsan","age":30},{"name":"lisi","age":50},{"name":"wangwu","age":20}],"name":"java","id":1}

2019-05-28

比特彗星 bitcomet 1.51版本

比特彗星 bitcomet 1.51版本 极速下载/边下边放/长效种子/磁盘缓存

2019-05-06

echarts map地图完整json数据

echarts map 地图完整json数据 包含中国json数据,各省数据,各市数据

2019-04-28

52ebook—v1.0.0.2 免费版

52ebook—v1.0.0.2 可以生成 chm 电子书,到处rtf rvf txt html 格式电子书,免费版

2019-03-13

迅雷U享版V3.1.6

迅雷U享版V3.1.6版本,无广告,界面简洁,内涵使用方法

2019-01-25

ThunderVIP_v3.1.6_u享版

ThunderVIP_v3.1.6_u享版 ,内含下载地址、工具和使用方法

2019-01-25

冰点文库(解压直接用,无需安装)

冰点文库(解压直接用,无需安装) 冰点文库(解压直接用,无需安装) 冰点文库(解压直接用,无需安装)

2018-12-04

吸取颜色工具

取色工具使用 双击打开: alt + C 取色 alt + C 取色 alt + C 取色 alt + C 取色

2018-12-04

文件批量改名

文件批量改名BulkRen 文件批量改名BulkRen 批量增加前后缀 批量替换文本 批量添加编号 。。。。。。。 https://blog.csdn.net/qq_32442967

2018-12-04

pdf-xchange Editor

免费修改pdf软件 1.先安装文件 PDFXVE6.exe (选择免费版安装) 2.将“替换文件”文件夹下的文件,复制并替换到安装目录中的“PDF Editor”文件夹中, ========== PDFXEditCore.x64.dll PDFXEditCore.x86.dll =================== 3.打开编辑即可 整理作者博客地址:https://blog.csdn.net/qq_32442967

2018-12-04

jQuery数字滚动增加动画特效

jQuery数字滚动增加动画特效,使用digitalScrol.js,数字跟随增加滚动,不重置。

2018-11-26

js向上滑动展示

js向上滑动展示,实现滚动展示信息,新闻动态或者通知公告。

2014-02-23

空空如也

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

TA关注的人

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