- 博客(58)
- 收藏
- 关注
RSS订阅
原创 taro vue3 ts nut-ui 项目
先安装 cnpm install pinia 以便解决 小程序的 页面首次加载。下添加 assets 文件夹，在里面添加 pic 和 tabbarIcon。查看 Taro 版本信息，在这里你可以看到当前最新版本。下 pages 文件夹，在里面新建页面。在 app.config.js 中设置。文件夹，在里面写 index.js。在 app.js 引入 pinia。设置分享功能 在 app.js 写入。文件夹，在里面书写底部导航栏组件。微信小程序自定义 TabBar。taro init 项目名。
2023-09-06 11:24:37
819
原创 node 项目搭建
app.use() 里面放的是 expressJWT().unless()-> 加密口令，加密的时候混入信息使用，解密的时候还要这个口令。=> 解码：jwt.verify(你要解析的token，口令)=> 生成 jwt.sign(你要保存的信息，口令，参数)+ 是一个 express 框架 和 jwt 结合的第三方中间件。+ 专门生成 token 和解析 token 的 一个第三方。-> token：必须是一个指定的 token。-> 口令：必须是加密时候的口令。-> 参数：是一个对象， {}
2023-08-24 09:55:12
692
原创 vite 创建 react 项目
npm i -D @types/node 让 ts 接受 node 中的 path，然后在 vite.config.ts。样式初始化即 reset-css --》 ui框架样式 --》 全局样式 --》 组件样式。安装 react-redux 、react-router-dom 、redux。// 禁用文字选中 user-select: none;配置别名提示，在 tsconfig.json。安装 reset-css 样式初始化。安装 蚂蚁库 ant-design。样式模块化引入 避免影响全局。
2024-01-14 11:04:48
513
原创 （后续补充）vue+express、gitee pm2部署轻量服务器
其次 前端打包 dist 使用 http-server 部署，上传到当前位置。执行 npm install -g http-server 全局安装。更改 /etc/nginx/nginx.conf 为。后端的 pm2.config.cjs 更改为。等到所有的东西弄完之后，再进行部署，然后切换到 dist 文件下。运行 http-server。首先 防火墙全部关闭算了。
2023-11-05 09:45:52
354
原创 vue+express、gitee pm2部署轻量服务器（20230923）
执行完上面的命令后会显示一个表格，查看表格中 root 用户的 host，默认应该显示的 localhost，只支持本地访问，不允许远程访问。PM2 是 node 进程管理工具，可以利用他来简化很多 node 应用管理的繁琐任务，如性能监控、自动重启、负载均衡等。命令仍然指向旧的位置，您可能需要更新您的 shell 缓存或重新启动 shell 才能使更改生效。vi 进入后，按 i 移动上下左右键到，你想插入的位置，然后打字。校验是否安装成功，运行下面命令，能正确输出nginx版本号就OK。
2023-09-23 18:57:44
367
原创 vue+express、gitee pm2部署轻量服务器
一、代码配置前后端接口都保持 127.0.0.1:3000vue创建文件 pm2.config.cjsserve 创建文件 pm2.config.cjs记得 bd.js 配置好数据库的名称密码二、服务器购买、安装系统服务器重装系统选择 CentOS stream 8 版本。三、nginx 静态服务器配置登录 root 最高权限不同系统使用不同语句安装 分别对应 CentOS Ubuntu Fedora。
2023-09-18 01:05:35
402
原创 HTML全局样式设置
*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;} a{text-decoration: none;color:#333;} a:hover, a:visited, a:link, a:active { color:#333; // 设置使所有a标签的四种状态都和本身颜色保持一致，样式代码自己写}ul,ol{list-style: none;}img{ vertical-align：top； b.
2022-03-28 10:17:05
361
原创 前端左侧固定右侧自设应的4中简单的布局
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title>.
2022-03-17 11:11:57
168
原创 jtem[item.label]
关于两个数组循环，所要展示的内层数组的属性值，该属性值的属性名为外层数组的一个属性值，的表达方式{{jtem[item.label]}}
2022-03-17 10:07:12
218
原创 关于项目接口引包问题
1、当项目所需接口过多，新建多个 API 的 js 文件时， 情况如下此时，将所有的 js 接口文件，统一引入到 api.js 文件中注意，引入后，还需要再暴露出接口，通过 ... 才可以调用，如如果不写 ... ，则需要 写为 this.$api.xxx.BrandGetByGUID 方可调用。app.js 则需要再 main.js 中 声明引用 API...
2022-03-17 09:57:07
78
原创 uniapp设置用户确定是否允许定位以及获取当前定位问题
先在 app.json 中 配置"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }然后再调用 getLocation 方法uni.getLocation({ type: 'wgs84', success: function (res) { console.log('当前位置的经度：' + res.longitude);
2022-03-04 11:25:25
176
原创 毕业设计项目优化之components动态传值问题
针对系统中每个页面的面包屑导航封装成组件，并通过 prop 动态传值原本在每个页面中都带有这么一段代码，封装<template> <div class="BreadcrumbNavigation"> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-brea...
2022-01-15 16:54:58
220
原创 算法题2：回文数
给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/palindrome-number著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。 if(x<0){ return false }else{ x..
2022-01-15 11:40:35
66
原创 算法题1：两数之和
给定一个整数数组 nums和一个整数目标值 target，请你在该数组中找出 和为目标值 target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/two-sum著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。var twoSum = functi...
2022-01-15 11:21:04
79
原创 前端精选题目
1、for 和 forEach 的区别？1.for循环可以使用break跳出循环，但forEach不能。2.for循环可以控制循环起点（i初始化的数字决定循环的起点），forEach只能默认从索引0开始。3.for循环过程中支持修改索引（修改 i），但forEach做不到（底层控制index自增，我们无法左右它）2、promise 状态有三种状态Pending（进行中，初始状态，既不是成功，也不是失败状态。）Resolved（已完成，又称 Fulfilled）、Reject..
2022-01-14 19:25:47
141
原创 前端精选题目
方法1：flex布局方法2：相对定位方法三：通过css3的transform属性结合定位，可以实现不用计算 div 的大小，可以灵活实现。 <ul> <li onclick="alert(this.innerHTML)">1</li> <li onclick="alert(this.innerHTML)">2</li> <li onclick="alert(th...
2022-01-14 11:39:10
73
原创 node.js 图片转base64，到前端原生展示
初始化项目 cmd 执行 npm init -y创建README.md安装依赖 cnpm install express --save接下来创建app.js开启服务创建router.js在后端设置跨域// 设置跨域router.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", ".
2022-01-13 17:55:35
173
原创 vue+element-ui+axios+node.js
<template> <div id="app"> <el-table :data="tableData" border style="width: 80%;height: 600px;margin: 0 auto;"> <el-table-column label="图片" width="180"> <tem...
2022-01-13 11:27:47
233
原创 前端基础面试
一、HTML1.HTML基本标签及其作用html根标签，一个页面有且只有一个根标签，网页中所有的内容都应该写在html根标签中head标签，该标签中的内容，不会再网页中直接显示，它用来帮助浏览器解析页面的title网页的标题标签，默认会显示在浏览器的标题栏中，搜索引擎在搜索页面时，会首先搜索title标签中的内容，它是网页中对于搜索引擎来说最重要的内容，会影响网页在搜索引擎中的排名body标签用来设置网页的主体内容，网页中所有可见的内容，都应该在body中编写在这个结构中。可以编写HTM
2022-01-11 15:05:01
455
原创 关于新建一个对象，插入数组时的变量变动
var arr001 = []; // -----------------------------------------------1 var person = { value: 1, label: "1", }; for( var i = 0; i <= 2; i++ ){ console.log(i) person.value =...
2021-06-22 12:06:25
78
原创 Linux 2021-06-09
Linux 2021-06-09a123.sh 代码a123.txt 内容123456789--------------------------1------------------------------add02.sh 代码-----------------------2---------------------------------add03.sh 代码------------------------3---------------------------------
2021-06-09 09:53:42
92
原创 关于JQ点击事件新添加的节点使用click事件，无法点击事件的情况
无法直接使用注释掉的语句，需要onclick事件，点击事件才可以被触发$("#parent").on('click', 'child', function(){})
2021-04-07 15:26:48
161
原创 关于在win10系统下安装Ubuntu双系统
本人微信：czx20200623。文章是我根据结合多人的版本编写的，自己页已经完成了双系统操作。欢迎询问。需要资源包的也可以加我。第一步：Ubuntu 系统下载（ISO文件）第二步：下载软碟通（下载安装一条龙，之后打开软件）并制作系统U盘（准备一个U盘，这个U盘将作为Ubuntu系统盘，会被格式化）。1，选择文件，选择打开，此时选择刚才下好的iso文件2，之后选择启动，选择 写入硬盘镜像之后如下图所示，选择U盘，并写入第三步：根据情况在自己电脑的磁盘上开辟一个空...
2021-03-23 20:19:54
66
原创 广告http://static.mediav.com/js/mvf_g2.js
个人转载别人的博客，未得到授权，仅供自己工作时，方便，不喜勿喷。爷写的博客不是给你们看得。谢谢大家来自youku上的播放页面上的iframe类型广告，链接是http://static.atm.youku.com/Youku2013/201301/0123/23077/610_100.html详细看到如下广告代码<html><head>......
2020-01-14 09:40:19
881
原创 奇怪的uniapp2
swiper滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图，注意是滑动切换而不是滚动。swiper下的每个swiper-item是一个滑动切换区域，不能停留在2个滑动区域之间。基本语法：<swiper> <swiper-item> <view class="swiper-item">1</view> ...
2019-11-28 10:06:26
217
原创 奇怪的uniapp1
视图容器一、view1.hover-class指定按下去的样式类。当 hover-class="none" 时，没有点击态效果。默认值为none。<view class="div1" hover-class="div2"></view>.div1{ width: 200px; height: 200px; background-color: #F0AD...
2019-11-25 14:05:44
180
原创 post和get区别
此文章为转载，仅供自己日后学习，方便寻找。与你无瓜。01 特点1.1 http的特点基于tcp/ip、一种网络应用层协议、超文本传输协议HyperText Transfer Protocol工作方式：客户端请求服务端应答的模式快速：无状态连接灵活：可以传输任意对象，对象类型由Content-Type标记客户端请求request消息包括以下格式：请求行（request l...
2019-11-16 10:52:36
79
原创 .click()与on('click',function())
注：这篇博客是本人遇到这类问题，参考别人的博客解决问题之后，编写，修改下来。供自己日后学习使用。之前遇到过一次.click()无效，改成on绑定click就好了的情况，看了几篇博客后，发现是自己对click()和on的理解不够，没太在意，最近又遇到了，所以写下这篇博客加深印象。我把例子写下来了，加载前的是我写的死数据；加载后的是指通过Ajax加载后渲染在页面上的数据。（注意...
2019-11-14 11:59:32
313
原创 前端面试PC
一、布局问题行内元素水平排列、块元素垂直排列。行内元素要想垂直排列：1、外层包裹块元素2、display:block块元素要想水平排列：1、float脱离文档流2、绝对定位脱离文档流（子绝父相）二、高度坍塌问题解决1、父元素指定高度2、开启BFC3、坍塌元素后加div，在清除浮动4、元素.after{ content:" " , display:...
2019-09-15 10:20:09
368
原创 ES6常用新特新
一、let关键字let1.作用：* 与var类似，用于声明一个变量2.特点* 在块作用域有效* 不能重复声明* 不会预处理，不存在变量提升3.应用* 循环遍历加监听* 使用let取代var是趋势二、const关键字1.作用：* 定义一个常量2.特点：* 不能修改* 其他特点同let3.应用：* 保存不用改变的数据三、变量的解构赋值1.理解*从对象...
2019-08-19 08:32:06
325
原创 ES5新特性
一、严格模式1.理解：* 除了正常运行模式（混杂模式），ES5添加了第二种运行模式：“严格模式”（strict mode）* 顾名思义，这种模式，使得JavaScript在更严格的语法条件下运行2.目的/作用* 消除Javascript语法的一些不合理。不严谨之处，减少一些怪异的行为* 消除代码运行的一些不安全之处，为代码的安全运行保驾护航* 为未来新版本的Javascripe做好铺垫3.使用...
2019-08-19 07:57:33
2261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人