- 博客(25)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Vue3+vite+vant UI移动端项目创建保姆级教程
想要把端口号修改为8088，在vite.config.js中写入。适配插件过滤掉Vant,才不会影响Vant组件的渲染效果。在vite.config.js中配置插件。注释掉main.css中写的内边距。vue3 默认端口5173。在main.js中引入。
2024-03-04 15:43:40
5733
原创 微信网页开发的准备工作
一、验证服务器的有效性1、将参与微信加密签名的三个参数（timestamp，nonce，token）按照字典排序并组合在一起形成一个数组2、 将数组里所有参数拼接成一个字符串，进行sha1加密3、加密后的字符串sha1Str与微信加密签名signature对比相等的话说明消息来自于微信服务器，否则返回error注意： 微信可以发起两种请求（GET和POST）auth.js/** * 验证服务器有效性模块 */const sha1 = require('sha1');// 引入conf
2022-02-28 16:59:50
561
原创 JavaScript学习笔记（1）
文章目录一、JavaScript的背景1、发展历史2、JavaScript和ECMAScript的关系二、JavaScript介绍1、JavaScript入门易学性2、浏览器工作的原理3、JS是前台语言4、JS的组成5、JS的特点6、JS代码的书写位置一、JavaScript的背景Web前端有三层：HTML：从语义的角度，描述页面结构CSS：从审美的角度，描述样式（美化页面）JavaScript：从交互的角度，描述行为（提升用户体验）JavaScript是世界上用的最多的脚本语言1、发展历
2022-02-11 17:19:33
218
原创 移动端Vue项目：后台API服务器搭建和自适应REM布局
网易云音乐后台API服务器搭建后端使用GitHub中某大神通过代理（爬虫）形式 获取的网易云音乐NodeJS 版的API点击此处跳转到网易云音乐NodeJS 版的API文档安装从GitHub获取后端服务器node.js文件夹到本地$ git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git$ npm install运行$ node app.js创建项目$ vue create musicapp$ cd musicap
2022-02-11 17:19:01
504
原创 已解决：Error: listen EADDRINUSE: address already in use :::3000
监听端口3000是否接收到消息时报错，判断应该是端口被占用了1、查询正在使用的端口号$ netstat -noq发现端口3000确实占用着，接下来，终止端口3000$ netstat -ano|findstr 3000
2022-01-14 14:54:00
13228
1
原创 Vue3：基础学习笔记
点击跳转到Vue.js学习参考文档文章目录vue3.0介绍什么是Vue.js安装vite构建工具工具创建vue3项目使用npm创建使用yarnvue3项目结构vue3.0介绍什么是Vue.js1、前端开发框架2、用于构建用户界面的渐进式框架3、简化复杂的开发过程4、Vue 也完全有能力为复杂的单页应用程序提供支持安装将 Vue.js 添加到项目中有四种主要方法：1、在页面上将其导入为CDN包<script src="https://unpkg.com/vue@next">&
2021-11-10 01:23:01
2979
原创 vue3使用axios报Uncaught TypeError: Cannot convert undefined or null to object axios.js:1308错误(已解决)
根据测试在最新的vue3.04版本，使用0.22~0.24(最新)版本的axios都有这个问题解决方法如下：使用0.21及以下版本axiosnpm install axios@0.21 --save
2021-11-04 00:53:05
1047
原创 Vue3：The template root requires exactly one element.的解决办法
这是因为vue的模版中只能有一个根节点，所以在中插入第二个元素就会报错解决方案：将中的元素用一个大的包起来，这样就可以在其中添加多个元素了，可以参考以下示例：
2021-10-08 22:58:32
1057
原创 快速了解移动端和响应式
文章目录移动端viewport视窗的设置响应端注意移动端viewport视窗的设置此声明仅适用于移动端viewport 视窗的设置content="width=device-width, //宽度等于设备的宽度，浏览器宽度分辨率等于系统分辨率 initial-scale=1, //初始化比例是1 minimum-scale=1, //最小的缩小比例1 maximum-scale=1, //最大的放大比例 user-scalable=no" //用户不允
2020-12-02 16:29:33
167
原创 CSS: 弹性布局display:flex
文章目录弹性布局dislay:flex主轴的方向flex-direction主轴的内容分布justify-content侧轴的内容分布align-items换行flex-wrap弹性布局综合案例弹性布局dislay:flex弹性容器：设置了display:flex;这个元素为弹性容器，里面的子元素会按照弹性布局的方式进行布局。弹性子元素：设置了dispay:flex;的弹性容器的直接子元素，即为弹性子元素。主轴的方向flex-direction设置主轴的方向:row:从左到右（默认）co
2020-11-11 13:01:48
572
原创 字体图标
文章目录一、使用字体图标的好处二、阿里巴巴矢量图标库的三种使用方法1、unicode2、Font class3、Symbol一、使用字体图标的好处图片比较占带宽，放大可能会产生失真效果，且图片不便于修改样式优点：占用带宽小，不会失真，可以随意调节字体大小的和颜色二、阿里巴巴矢量图标库的三种使用方法1、unicode使用步骤第一步：拷贝项目下面生成的 @font-face这么多字体文件仅仅是因为不同的浏览器兼容的字体文件是不一样的。@font-face { font-famil
2020-11-11 11:54:04
275
原创 CSS：transform应用之立体魔方案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>立方体动画</title> <style type="text/css"> body{ /*设置透视点*/ perspective: 1000px; } .lifang{ width: 200px; height: 200px; margi
2020-11-06 14:29:00
243
原创 微信小程序——搭建自己的服务器
文章目录一、注册微信小程序二、搭建Https服务器1、域名注册2、SSL证书管理3、tomcat安装本地证书4、搭建第一个Https应用三、微信小程序访问服务器，并获取返回值1、服务器配置一、注册微信小程序进入微信公众平台，使用邮箱账号，选择注册小程序账号。一个邮箱只能注册一个类型的微信账号（订阅号、服务号、小程序）。二、搭建Https服务器1、域名注册1.1、登录腾讯云域名注册页面，并注册账号。2、SSL证书管理2.1、选择“云产品”—”域名服务“—”SSL证书管理"，选择“申请证书
2020-11-01 21:15:32
16795
3
原创 微信小程序添加背景图片的解决方案
在PC端，想在一个页面插入一张背景图，只需要如下属性即可，但是在小程序中不行，会无法显示图片。background: url(../../images/index/icon_search.png) center no-repeat;解决方法一在使用背景图片的时候用网络图片，就是用外链的形式，比如你将这张图片放到你的服务器，如：https://xxxx/xxx.jpg；1：用工具连接服务器2：将桌面的图片拖入指定服务器文件夹底下3：得到图片网络连接，添加到代码中，则可以显示背景图片解决方法二
2020-11-01 20:51:30
2994
原创 微信小程序商城开发记录三之项目全局模块代码清单
文章目录全局入口app.js微信登录过程wx.getUserInfo在应用中如何保存用户登录态全局配置app.json全局样式app.wxss浏览器前缀项目配置project.config.json全局入口app.jsApp全局入口文件为app.js，主要用于注册一个小程序以及微信登录等。//app.jsApp({ d: { //填写自己主机URL hostUrl: '', appID: "", appKey: "", //填写自己的测试URL c
2020-11-01 13:15:41
1505
1
原创 Vue.js学习笔记 Day1
文章目录什么是Vue.js为什么要学习流行框架框架和库的区别Node（后端）中的 MVC 与 前端中的 MVVM 之间的区别Vue.js 基本代码 和 MVVM 之间的对应关系Vue指令之`v-bind`的三种用法Vue`基本的代码结构`Vue`插值表达式`、`v-cloak` 、`v-text`和`v-html`Vue指令之`v-on`和`跑马灯效果`事件修饰符：Vue指令之`v-model`和`双向数据绑定`简易计算器案例在Vue中使用样式使用class样式使用内联样式Vue指令之`v-for`和`ke
2020-11-01 12:12:06
806
原创 微信小程序商城开发记录二之数据表结构设计
文章目录前言1、用户表2、产品表3、商品品牌表4、商品分类表5、订单表6、订单商品信息表7、购物车表8、收获地址表9、省市区地址联动表10、广告信息表11、优惠券表12、优惠券领取记录表13、搜索记录表14、意见反馈表细节说明SQL报错COMMENTunsignedENGINE=InnoDB不是默认就是这个引擎吗？AUTO_INCREMENT=22,它不是自增的吗？为什么还要设数字？utf8不是已经在my.ini里设置过了?前言思路：先设计基础核心表，再在核心表的基础上设计扩展表，最后设计其他的数据表。
2020-10-31 12:12:13
5829
1
原创 微信小程序商城开发记录一之需求分析
文章目录一、商城小程序最基本的功能入口1、首页2、分类3、购物车4、我的一、商城小程序最基本的功能入口1、首页首页一般含有搜索框、轮播图广告、分类、产品列表和功能入口2、分类分类其实就是对产品线的一个划分，如果有超过十款产品，建议加入这个功能入口3、购物车购物车功能入口是电商类移动应用必备的功能模块，其功能页面布局已经非常固化了，上半部分为购物车中所选购的商品和价格列表，下半部分为结算价格和结算按钮。这个4、我的“我的”这个功能入口大致等同于个人中心模块，这里主要用来显示用户的订单情
2020-10-30 21:14:53
7200
原创 JavaScript基础
一、JavaScript的实现1、ECMAScriptJS的核心标准，它描述了该语言的语法和基本对象。2、DOM文档对象模型，它是HTML的应用 程序接口。3、BOM浏览器对象模型，可以对浏览器窗口进行访问和操作处理。二、JavaScript的使用1、内部JavaScript只需使用<!doctype html><html><head>&...
2020-10-19 12:42:51
275
原创 CSS基础
一、CSS样式表1、内联样式表<!doctype html><html><head><meta charset="utf-8"><title>CSS内联样式表</title></head><body> <!--设置了3号标题颜色为红色--> <h3 style="...
2020-01-10 00:33:12
1856
原创 HTML5基础
一、HTML5基本结构<!--文档类型声明，浏览器会将此页面定义为兼容模式--><!Doctype html><!--根标签--><html> <!--首部标签--><head> <!--元数据标签，定义网页的字符集、关键词、描述、作者等信息--><meta charset="utf-8...
2020-01-07 16:47:24
1044
原创 软件包aptitude 没有安装候选
E:软件包 aptitude 没有可安装候选解决方法：1.打开终端2.输入命令 sudo apt-get install update然而，问题没得到解决，出现了如下问题3.输入 sudo gedit /etc/apt/sources.list打开sources.list文件，将里面的源换成如下的源# （ubuntu 18.04）默认注释了源码镜像以提高 apt update 速...
2020-01-04 23:03:02
6706
6
原创 C语言实现Linux代码解释器
一.设计目的：熟悉Linux编程环境，加强对Linux命令的理解及函数的运用二.设计内容：在Linux环境下模拟实现简单命令解释器（即定义一个命令使它具有Linux中某些命令的功能）例如：定义mydir使它具有dir 的功能即在Linux环境中 $ mydir 和 $dir 作用一样就实现了dir命令的解释。(1)要求实现的基本命令包括：定义 mypwd 具有 ...
2020-01-03 16:07:07
1921
原创 操作系统课程设计
一.设计目的：熟悉Linux编程环境，加强对Linux命令的理解及函数的运用二.设计内容：在Linux环境下模拟实现简单命令解释器（即定义一个命令使它具有Linux中某些命令的功能）例如：定义mydir使它具有dir 的功能即在Linux环境中 $ mydir 和 $dir 作用一样就实现了dir命令的解释。(1)要求实现的基本命令包括：定义 mypwd 具有 ...
2020-01-03 16:02:00
1298
原创 概率论期末复习大纲
《概率论与数理统计A》考试要求(48学时)一、期末考试时间 (以通知为准)二、考试形式:闭卷、笔试。满分100分，考试时间:120分钟。三、考试类型：一、填空题（35）共5题,15分二、选择题（35）共5题,15分三、计算题（87）共7题,56分四、解答题（72）共2题,14分四、章节考试比例：第一章（约20%）第二、三章（约30%）第四、五章（约20%）第六章（约15%）...
2020-01-03 15:49:54
2380
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人