- 博客(222)
- 资源 (25)
- 收藏
- 关注
RSS订阅
原创 移动端微信浏览器调试工具整理eruda，微信x5调试工具无法使用，推荐新工具eruda、vconsole和debugxweb
新版本微信x5调试工具，debugtbs.qq.com无法使用，提示不支持切换x5内核推荐新工具`eruda`和`debugxweb.qq.com`
2022-06-28 16:57:00
4995
5
原创 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
662
原创 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
4207
8
原创 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
1087
原创 chrome中使用AppEmit调用ocx使用文档，vue调用ocx
想要在chrome+Vue3项目内调用SDRdCard.ocx神思身份证读取器，因为ocx是IE浏览器内提供的，Vue3不支持IE浏览器。了解到有安装浏览器插件的方式去实现，但是chrome在2020年12月后不再支持flash(NPAPI)，而微软的edge也不支持ActiveX。所以选了了使用中间件这种方式。
2024-04-16 10:44:58
504
原创 不同域名的页面进行通信，通过iframe和postMessge进行消息通信
浏览器不同标签页之间进行消息通信，尤其是当这些标签页位于不同域名时，通常需要使用一些特定的技术或协议来实现。WebSocket：WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它允许服务器主动向客户端发送消息。因此，你可以在每个标签页中设置一个 WebSocket 客户端，连接到同一个 WebSocket 服务器。当某个标签页需要发送消息时，它可以通过 WebSocket 连接将消息发送到服务器，然后服务器再将消息广播到所有连接的标签页。
2024-02-19 15:44:59
913
原创 docker常用命令笔记
/ 执行dockerFile文件，指定生成镜像的名字,需要有末尾的空格和点。docker cp 本地目录 容器:容器目录。//创建运行一个新容器，指定挂载目录。// 创建容器 ，无需挂载目录。// 进入正在运行的容器。// 复制文件到容器。
2024-01-04 14:44:17
359
原创 基于antdv封装的特殊复杂表格，带通行描述信息、可展示通行的单元格信息、可跨页选择数据功能、分页功能、可编辑单元格功能
1. 可展示通行的单元格信息2. 可跨页选择数据功能3. 表单插槽、合计插槽、操作按钮区插槽4. 分页功能5. 接口内请求api6. 可编辑单元格7. 表格组件暴漏出的方法：查询、获取选中数据、接口返回数据、当前表格数据【设置可编辑单元格时获取数据】
2023-06-29 16:13:38
1667
原创 js中new Date().toXXX方法记录
【代码】js中new Date().toXXX方法记录。new Date().toLocaleDateString()；new Date().toLocaleTimeString()；new Date().toLocaleString();
2022-11-21 16:12:00
522
1
原创 html2canvas将html代码生成canvas转换成图片，并且保存到本地
/ canvas.toDataURL 返回的是一串Base64编码的URL。// image.onclick = fnSavePic // 点击图片保存。// 从 canvas 提取图片 image。//新Image对象，可以理解为DOM。完整实例：【复制粘贴到本地查看效果】// 传入 base64 图片。// 指定格式 PNG。
2022-08-23 14:37:54
1729
原创 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
9110
6
原创 使用html新属性enterkeyhint修改input、textarea中输入法回车键文字
enter表示回车，多出现在``文本域等需要多行输入的场景中。don`表示完成，表示没有更多内容输入，输入结束。go表示前往，, 意思是把用户带到他们输入的文本的目标处。 next表示下一项，通常会移动到下一个输入项那里。previous表示上一个，通常会移动到上一个输入项那里。......
2022-06-16 10:32:00
2124
1
原创 js发布订阅模式的简单实现基本流程及原理了解
js发布订阅模式的简单实现及原理了解event.on方法，是注册事件，将执行函数添加进eventObj 中,可注册多个事件event.off方法，是移除事件，将执行函数从eventObj 中移除 - 如果没有参数，移除所有事件 - 如果只带事件名参数，就移除这个事件名下的所有事件 - 如果带有两个参数，那么就表示移除某个事件的具体函数event.emit方法，是执行事件，执行某个事件中的所有执行函数......
2022-06-15 09:45:28
649
原创 前端面试题整理2022
面试题整理1.宏任务和微任务总结：微任务比宏任务先执行宏任务：setTimeout、setInterval、DOM事件、AJAX请求微任务：Promise、async/await2.事件循环同步任务放到运行栈中异步任务放到任务队列中process.setImmediate(()=> {})process.nextTick(()=> {})执行同步任务，再执行nextTick，然后去任务队列执行异步任务，最后执行setImmediate3.防抖节流防抖：只要最后一次事件的操
2022-04-17 21:09:58
709
原创 微信小程序顶部栏图片随页面滚动渐变展示隐藏
微信小程序顶部栏图片随页面滚动渐变展示隐藏小程序顶部通栏，展示图片，随着页面滚动，开始渐变展标题记及纯色吸顶样式主要使用了小程序中的scroll-view组件，通过滚动时触发 bindscroll和滚动到顶部 bindscrolltoupper改变顶部栏的样式效果目录微信小程序顶部栏图片随页面滚动渐变展示隐藏效果如图：代码如下：index.wxmlindex.jsindex.wxssindex.json效果如图：运用技术：主要使用了小程序中的scroll-view组件，通过滚动时触发 bind
2022-04-15 14:06:33
3967
原创 axios封装及刷新token操作，用于登录失效后刷新token，并返回成功结果
axios封装及刷新token操作，用于登录失效后刷新token，并返回成功结果，- 在本地没有旧的token的情况下，不进行刷新操作；- 如果刷新token接口还是失败的话，不再进行刷新操作；- 如果同时请求多个接口，只第一个接口触发刷新token操作，其它接口等待刷新成功后重新请求并返回结果
2022-04-02 14:10:00
1746
原创 使用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
1712
原创 适用于 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
1050
原创 自定义格式化日期时间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
491
转载 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
3035
原创 封装自己的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
304
原创 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
575
原创 nuxtJs入门使用笔记
nuxtJs入门使用笔记目录nuxtJs入门使用笔记部分优秀文章推荐生命周期区分环境 安装 `cross-env`引入外部资源局部引入和全局引入设置页面中SEO信息跨域反向代理处理nuxt路由理解文章动态路由监听页面滚动到底部事件设置meta SEO信息配置全局工具方法【在服务端可使用】注册全局指令-检测图片能否加载成功正文开始部分优秀文章推荐【超级详细的配置介绍】Nuxt爬坑 (juejin.cn)【配置 Meta| 使用vuex validate |部署|登录状态】Nuxt开发经验分享，让
2021-08-05 19:41:14
379
原创 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
1039
原创 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
2644
原创 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
661
原创 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
1315
原创 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
2310
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
3285
原创 webSql的基本使用，打开数据库，创建库，创建表，数据基本的增删改查
webSql的基本使用，打开数据库，创建库，创建表，数据基本的增删改查openDatabase(‘数据库名’, ‘版本号’, ‘数据库描述’, ‘设置数据的大小’, ‘回调函数’) */executeSql() 有4个参数1）表示查询的字符串，使用的SQL语言是SQLite 3.6.19。（必选）2）插入到查询中问号所在处的字符串数据。（可选）3）成功时执行的回调函数。返回两个参数：tx和执行的结果。（可选）4）一个失败时执行的回调函数。返回两个参数：tx和失败的错误信息。（可选）创建的数
2021-05-17 17:38:46
598
原创 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
1469
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
440
原创 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
2925
原创 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
2740
转载 nuxt服务端渲染 vue检测图片加载失败onerror时，自定义指令处理
nuxt服务端渲染 vue检测图片加载失败onerror时，自定义指令处理全局注册自定义指令，用于判断当前图片是否能够加载成功，可以加载成功则赋值为img的src属性，否则使用默认图片。在网络慢的时候，加载图片多的时候，可以达到占位图的效果// plugins/directive.jsimport Vue from "vue";/** * 全局注册自定义指令，用于判断当前图片是否能够加载成功，可以加载成功则赋值为img的src属性，否则使用默认图片 * 在网络慢的时候，加载图片多的时候，可
2021-04-01 16:07:33
1068
1
原创 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
430
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
642
3
大通行表格于antdv封装的特殊复杂表格，带通行描述信息、可展示通行的单元格信息、可跨页选择数据功能、分页功能、可编辑单元格功能
2023-06-30
小通行-基于antdv封装的特殊复杂表格，带通行描述信息、可展示通行的单元格信息、可跨页选择数据功能、分页功能、可编辑单元格功能
2023-06-29
微信小程序顶部栏图片随页面滚动渐变展示隐藏
2022-04-18
思源黑体 加粗和中等 SourceHanSansCN-Medium.ttf SourceHanSansCN-Bold.ttf
2022-01-27
vue-elementui-tree-table.rar
2019-12-05
channel_v3.zip
2019-10-23
小程序加密jsencrypt.js.rar
2019-09-30
svgdeveloper_DownZa.Cn.rar
2019-07-18
networkMap V1.0.rar
2019-06-26
2019.4.24_CSDN博客导出工具.zip
2019-06-17
echartst拓扑图数据传输图.rar
2019-06-12
echarts数据传输.rar
2019-06-12
quercus-4.0.39.rar
2019-06-03
createJson.rar Java生成各种json格式数据
2019-05-28
文件批量改名
2018-12-04
pdf-xchange Editor
2018-12-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人