- 博客(220)
- 资源 (25)
- 收藏
- 关注
RSS订阅
原创 移动端微信浏览器调试工具整理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
原创 使用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
原创 使用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
微信小程序顶部栏图片随页面滚动渐变展示隐藏
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关注的人