- 博客(61)
- 收藏
- 关注
RSS订阅原创 nuxt 安装失败
在安装 Nuxt 项目时报错：ERROR Error: Failed to download template from registry: Failed to download。解决办法：在本地配 Host。
2024-06-29 13:53:24
337
原创 background 与img标签加载图片的区别
装饰性图片： 如果图片主要是作为背景装饰，如页面的背景图或者装饰性图案，则可以考虑使用 background 属性，以便更好地控制样式和布局。标签能够为图片提供语义化的支持，使得图片内容可以被搜索引擎和视觉阅读器识别。图片以及相关的alt文本会在页面的其他内容之前加载，可以提升用户体验，减少视觉上的闪烁。内容图片： 如果图片是页面内容的一部分，如文章中的插图或产品图片，则应使用。标签会增加HTML文档的大小，可能影响页面的加载速度和性能。标签，以确保其在页面中具有良好的语义性和可访问性。
2024-06-25 21:20:06
364
原创 vue2,动态加载路由，退出登录后，初次跳转白屏
vue2，路由由后端返回，动态渲染，退出登录后，初次跳转白屏。1.退出登录后，刷新url,2.登录成功之后，使用。解决方案：刷新url。
2024-06-18 09:22:07
280
原创 uniap vue3 组件使用uni.createSelectorQuery() 获取dom报错
批量查询时，结果是按照查询的顺序返回的。由于vue3中没有this，所以使用。
2024-01-15 10:15:03
1759
原创 安装node-sass安装失败(Failed at the node-sass@4.14.1 postinstall script.)
安装node-sass安装失败(Failed at the node-sass@4.14.1 postinstall script.)
2023-11-08 10:46:49
610
原创 echarts 实现tooltip自动轮播显示，鼠标悬浮时暂停
在ECharts中，可以通过设置，来显示数据轴上的提示框。实现tooltip的自动轮播显示，结合使用和方法。获取chart DOM 实例，监听鼠标事件，悬浮时清空定时器，鼠标离开开启定时器，继续轮播。
2023-10-27 17:05:32
4067
原创 elementUI 特定分辨率（如1920*1080）下el-row未超出一行却换行
却自动换行了（其他分辨率没有这个问题）。在1920*1080分辨率下，
2023-10-27 14:05:59
1463
原创 vxe-table 打包部署上线，校验样式失效
会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0。开头，jenkins上拉取vxe-table最新版本，导致vue与vxe-table不兼容，去掉。由于vxe-table最新版本是4.5.13，项目包版本是以。
2023-10-24 14:21:59
788
原创 vue3项目部署报错 Faled to esolve entry for pacdlage “hntlify/sthared“
vue-i18n最新版本是9.3.0，未锁定版本（vue-i18n: ^9.2.2），jenkins拉依赖时会更新vue-i18n版本，从而导致vue-i18n版本不兼容，导致部署报错。本地运行没有问题，jenkins上部署报错找不到"hntlify/sthared"包。锁定版本部署就没有问题了。
2023-09-07 14:14:12
408
原创 Vue3使用Echarts导致tooltip失效
原因：Vue3 使用 proxy 对象代理，而 echarts 则使用了大量的全等（===）, 对比失败从而导致了bug。解决方法：将ref或reactive对象换成普通变量来保存 echarts 实例。版本 vue3.2.47 echarts5.4.1。实例，导致 tooltip 功能失效；
2023-08-29 10:17:04
1680
原创 柯里化（Currying）
柯里化（Currying）当一个函数有多个参数的时候先传递一部分参数调用它（这部分参数以后永远不变）然后返回一个新的函数接受剩余的参数，返回结果// 普通纯函数function checkAge(min, age) { return age >= min}// 柯里化// function checkAge1(min) {// return function(age) {// return age >= min// }// }
2022-05-16 23:58:05
135
原创 缓存【记忆函数】
使用纯函数[pure function]来实现缓存纯函数相同的输入永远会得到相同的输出， 而且没有任何可观察的副作用loadsh 是一个纯函数的功能库，提供对数组、数字、对象、函数等操作的一些方法数组 slice 和 splice 分别是：纯函数和不纯的函数slice 返回数组中的指定部分， 不会改变原数组splice 对数组进行操作返回该数组，会改变该数组const numbers = [1, 2, 3, 4, 5]// 纯函数console.log(numb..
2022-05-16 23:00:28
205
原创 高阶函数（Higher-order function）
高阶函数什么是高阶函数高阶函数(Higher-order funciton)可以把函数作为参数传递给另一个函数可以把函数作为另一个函数的返回结果函数作为参数// 模拟forEachfunction forEach(arr, callback) { for (let i = 0; i < arr.length; i++) { callback(arr[i], i) }}const arr = ['张三', '里斯', '卫庄']forEa
2022-05-15 22:43:15
447
原创 小程序实现旋转动画效果
wxml<view id="container" class="circle" animation="{{animationData}}"> <text class="block">test</text></view>wxss.circle { width: 100rpx; line-height: 100rpx; text-align: center; border-radius: 50%; background-c.
2021-11-12 18:07:50
670
原创 小程序验证码动画效果
wxml<view class="code_container"> <view class="code_box" data-flag="{{ true }}" bindtap="handleFocus"> <text class="{{ code[0] ? 'active_code' : ''}}">{{ code[0] }}</text> <text class="{{ code[1] ? 'active_code' : '.
2021-11-12 18:04:29
499
原创 Typescript 开发工具 Vscode 自动编译 .ts 文件
创建 tsconfig.json 文件 通过tsc --init 生成配置 tsconfig.json 文件点击终端->运行任务->tes:监视tsconfig.json
2021-06-26 10:47:29
224
1
原创 微信小程序scrll-view隐藏滚动条
::-webkit-scrollbar{ width: 0; height: 0; color: transparent;}
2021-06-18 14:17:35
91
原创 vue实现加入购物车动画效果--transition
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-04-25 21:57:36
383
1
原创 uniapp，解决scroll-view嵌套scroll-view，被嵌套的scroll-view无法触发下拉刷新问题
在被嵌套的scroll-view中再嵌套一层view并且设置`min-height: calc(100vh + 1rpx);<scroll-view scroll-y="true" refresher-enabled="true" @refresherrefresh="refreshDate" :refresher-triggered="triggered" @refresherpulling="refresherpulling" refresher-threshold="100"
2021-04-21 18:25:38
3234
原创 gulp报错Task function must be specified
设置默认执行任务gulp.task('default', ['watch'])报错Task function must be specified解决方法：把“default”右边两个参数放在gulp.series()的参数中, 这样子就不会报这个错误了。
2020-09-17 09:03:45
128
原创 Git
1. Git基础1.1 版本管理1.1.1 什么是版本管理版本管理是一种记录文件变化的方式，以便将来查阅特定版本的文件内容。1.1.2 人为维护文档版本的问题文档数量多且命名不清晰导致文档版本混乱每次编辑文档需要复制，不方便多人同时编辑同一个文档，容易产生覆盖1.2 Git 是什么Git是一个版本管理控制系统（缩写VCS），它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。1.3 Git 安装下载地址在安装的过程中，
2020-08-15 16:35:41
125
原创 同源政策
1. 同源政策的概念、目的2. 使用jsonp解决同源限制问题3. CORS 跨域资源共享4. 访问非同源数据 服务器端解决方案5. withCredentials属性
2020-08-13 10:09:53
226
原创 FormData
FormData 对象的作用模拟HTML表单, 相当于将HTML表单映射成表单对象, 自动将表单对象中的数据拼接成请求参数的格式。异步上传二进制文件FormData 对象的使用准备HTML表单<form id="form"> <input type="text" name="username"> <input type="password" name="password"> <input type="button" valu
2020-08-04 15:34:07
225
原创 模板引擎--art-template(客户端)
1. 模板引擎概述作用: 使用模板引擎提高模板语法, 可以将数据和 HTML 拼接起来官方网址: https://aui.github.io/art-template/zh-cn/index.html2. 使用步骤下载art-template模板引擎库文件并在HTML页面中引入库文件这里下载的是文件<script src="/js/template-web.js"></script>准备 art-template 模板<script id="
2020-08-03 15:52:05
340
1
原创 Ajax 异步编程
Ajax 异步编程1. 同步异步概述1.1 同步一个人同一时间只能做一件事情, 只有一件事情做完, 才能做另外一件事落实到代码中, 就是上一行代码执行完成后, 才能执行下一行代码, 即代码逐行执行1.2 异步一个人一件事情做了一半, 转而去做其他事情, 当其他事情做完以后, 再回过头继续做之前未完成的事情落实到代码上, 就是异步代码虽然需要花费时间去执行, 但程序不会等待异步代码执行完成后再继续执行后续代码, 而是直接执行后续代码, 当后续代码执行完成后再回头看异步代码是否返回结果, 如
2020-08-03 15:26:11
160
原创 Ajax编程基础
Ajax基础1. 传统网站中存在的问题网速慢的情况下, 页面加载时间长, 用户只能等待表单提交后, 如果一项内容不合格, 需要重新填写所有表单内容页面跳转, 重新加载页面, 造成资源浪费, 增加用户等待时间2. Ajax概述它是浏览器提供的一套方法, 可以实现页面无刷新更新数据, 提高用户浏览网站应用体验3. Ajax的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表4. Ajax 的运行环境Ajax技术需要运行在网站环境中才能生效
2020-08-03 12:54:00
132
原创 开发环境与生产环境
开发环境与生产环境1. 什么是开发环境与生产环境环境, 就是指项目运行的地方, 当项目处于开发阶段, 项目运行在开发人员的电脑上, 项目所处的环境就是开发环境; 当项目开发完成以后, 要将项目放到真实的网站服务器电脑中运行, 项目所处的环境就是生产环境。2.为什么要区分开发环境与生产环境因为在不同的环境中，项目的配置是不一样的，需要在项目代码中判断当前运行的环境，根据不同的环境应用不同的项目配置。3. 如何区分开发环境与生产环境通过电脑操作系统中的系统环境变量区分当前是开发环境还是生
2020-08-01 16:44:35
2155
原创 MongoDB数据库添加账号
MongoDB数据库添加账号以系统管理员的方式运行powershell连接数据库 mongo查看数据库 show dbs切换到admin数据库 use admin创建超级管理员账户 db.createUser()createUser()里面接受一个对象, 有用户, 密码, 角色eg: db.createUser({user: ‘root’, pwd: ‘123456’, roles: [‘root’]})创建普通账号, 先切换到对应的数据库use 数据库名再使用db.createUs
2020-08-01 11:57:46
349
1
原创 express-art-template模板引擎
模板引擎为了是art-template模板引擎能够更好的和express框架配合, 模板引擎官方在原art-template模板引擎的基础上封装了express-art-template使用npm i art-template express-art-template命令进行安装const express = require('express')const path = require('path')const app = express()// 1. 告诉express框架使用什么模板
2020-07-21 22:27:52
255
原创 Express请求处理
1. 构建模块化路由home.jsconst express = require('express')const home = express.Router()home.get('/index', (req, res) => { res.send('欢迎来到博客首页页面')})module.exports = homeadmin.jsconst express = require('express')const admin = express.Router()
2020-07-21 22:04:50
157
原创 Express框架——中间件
1. 中间件1.1 什么是中间件中间件就是一堆方法, 可以接受客户端发来的请求、可以对请求做出响应，也可以将请求继续交给下一个中间件继续处理。中间件主要有两部分构成， 中间件方法以及请求处理函数中间件方法由Express提供，负责拦截请求，请求处理函数由开发人员提供，负责处理请求。 app.get('请求路径', '处理函数') // 接收并处理get请求 app.post('请求路径', '处理函数') // 接收并处理post请求可以针对同一个请求设置多个中间件默认情
2020-07-21 20:17:11
297
原创 Express框架——Express框架及初体验
1. Express框架及初体验1.1 Express框架是什么Express是一个基于Node平台的web应用开发框架, 它提供了一系列的强大特性, 帮助你创建各种web应用.我们可以使用npm i express命令进行下载1.2 Express框架特性提供了方便简洁的路由定义方式对获取HTTP请求参数进行了简化处理对模板引擎支持程度高，方便渲染动态HTML页面提供了中间件机制有效控制HTTP请求拥有大量第三方中间件对功能进行扩展1.3 原生Node.js与Express框架对比
2020-07-21 14:03:33
222
原创 模板引擎应用案例- 学生档案管理
案例源码1. 案例介绍 - 学生档案管理目标: 模板引擎应用, 强化node.js项目制作流程。知识点: http请求响应、数据库、模板引擎、静态资源访问。2. 制作流程建立项目文件夹并生成描述文件npm init -y创建网站服务器实现客户端和服务器端通信连接数据库并根据需求设计学院信息表创建路由并实现页面模板呈递实现静态资源访问实现学生信息添加功能实现学生信息展示功能3. 第三方模块 router功能: 实现路由下载: npm i router使用步骤:获
2020-07-21 13:36:33
194
原创 模板引擎 -- art-template
1.1 模板引擎模板引擎是第三方模块。让开发者以更加友好的方式拼接字符串, 使项目代码更加清晰、更加易于维护。1.1 art-template模板引擎art-template是一个简约、超快的模板引擎它采用作用域声明的技术来优化模板渲染速度，从而获得接近JavaScript极限的运行性能，并且支持NodeJS和浏览器。在命令行中使用npm i art-template命令进行下载使用const template = require('art-template')引入模板引擎告诉模板
2020-07-21 09:57:18
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人