- 博客(82)
- 收藏
- 关注
原创 Linux系统安装node.js
四、复制nodejs文件,并上传到linux 服务器 /usr/local 目录下。my_directory是你nodejs文件夹的实际路径。进入 /usr/local/node/bin 目录。一、node官网下载想要的node版本。三、改文件夹的名字,改成nodejs。二、将tar.xz文件解压。五、检测是否安装成功。八、修改以后执行生效。
2024-12-18 13:51:36
608
原创 【JavaScript】Promise详解
Promise是 JavaScript 中处理异步操作的一种强大机制。它提供了一种更清晰、更可控的方式来处理异步代码,避免了回调地狱(callback hell)和复杂的错误处理。
2024-11-28 21:04:57
399
原创 【JavaScript】async /await异步详解2 promise举例
在 JavaScript 中, 和 是处理异步操作的强大工具。结合 语句,你可以优雅地处理异步操作中的错误。假设你有一个异步函数 ,它从 API 获取数据:解释定义异步函数:等待 Promise 解析:错误处理:通过这种方式,你可以更方便地处理异步操作,并且能够优雅地处理可能出现的错误。
2024-11-28 20:55:54
350
原创 【JavaScript】同步异步详解
同步:任务按顺序执行,一个任务必须完成才能开始下一个任务。异步:任务可以并行执行,一个任务不必等待前一个任务完成即可开始。理解同步和异步的概念可以帮助你编写更高效和响应式的代码。
2024-11-28 20:45:24
315
原创 【Vue】Keep alive详解
在 Vue 中,keep-alive是一个内置组件,用于缓存动态组件实例,避免重复渲染和销毁。这对于提高性能非常有用,特别是在频繁切换的组件中。
2024-11-27 11:46:08
370
原创 【JavaScript】async/await 异步详解
在 Angular 中, 关键字用于定义异步函数,通常与 一起使用来处理 Promise。这使得异步代码看起来更像同步代码,从而更容易理解和维护。假设你有一个服务 ,它从 API 获取数据:在组件中使用 和 来调用这个服务:解释定义异步函数:等待 Promise 解析:通过这种方式,你可以在 Angular 中更方便地处理异步操作。
2024-11-25 17:10:27
666
原创 【Angular】eventDispatcher详解
是一种设计模式,用于在对象之间传递事件。它允许对象订阅和发布事件,从而实现松耦合的通信机制。以下是一个详细的解释和示例代码。假设我们有一个简单的事件分发器,用于在对象之间传递消息。3. 解释定义事件类型和数据类型:定义事件处理函数类型:事件分发器类:使用示例:通过这种方式,你可以轻松地在对象之间传递事件,并且可以灵活地添加和移除事件处理函数。
2024-11-25 15:29:31
273
原创 【Vscode】不同系统快捷键
1、移动行或选择将当前选定的内容上移或下移一行:Linux / Windows: Alt + Up / Down ArrowMac: Opt + Up / Down Arrow2 、复制行或选择将选定内容向上或向下复制:Windows: Alt + Shift + Up / Down ArrowLinux: Ctrl + Alt + Shift + Up / Down ArrowMac: Opt + Shift + Up / Down Arrow3 、 切换标签切换到下
2024-11-20 09:56:16
575
原创 【Vscode】设置
>输入zoom,选择Window:Zoom Level,设置为1,设置窗口放大大小。–>输入font,选择Editor:Font Size,设置为14,设置代码字体大小。左下角首选项-settings设置。
2024-10-25 10:16:18
549
原创 【git】总结
3.将当前回退到develop最新commit id上:git reset [commit id](develop最新的commit ID)git stash apply stash@{id},恢复指令ID的缓存内容,并且保留缓存条目git stash apply stash@git stash pop stash@{序号} 应用指定的stash并删除其记录。git stash apply 将某个stash的变更应用到当前工作目录。git stash drop stash@{id} 删除指定id。
2024-03-09 21:08:53
546
1
原创 【Angular】CLI命令总结
新建路由:ng generate module 路由模块名 --flat(放入src/app) --module=app(注册到AppModule的imports数组)安装内存web api:npm install angular-in-memory -web-api --save。新建带有0路由模块的组件名:ng g module 组件名 --routing。新建组件(不加spec.ts):ng g c 组件名 --no-spec。新建组件(不加新文件夹): ng g c 组件名 --flat。
2024-03-09 20:39:01
552
原创 【微信小程序】Get接口示例
页面样式示例:表格获取数据并填入api:/app/attendance/sign/list?deptId=266&queryDate=2022-05-22&pageSize=10&pageNum=1H5<template> <view class="app-container"> <!-- 选择框 --> <view class="container"> <view class="project-scre
2022-05-18 14:22:51
512
原创 【微信小程序】post接口示例
先展示页面样例:这是一个填写表单,在确认提交里写提交表单post接口。api:H5<template> <view class="app-container"> <u-gap height="10" bgColor="#f4f4f5"></u-gap> <!-- 表单 --> <view> <!-- 注意,如果需要兼容微信小程序,最好通过setRules方法设置rules规则 -->
2022-05-18 09:55:41
1348
原创 【微信小程序】扫码功能
在调试之前,先要把微信小程序中的设置–>安全设置,将服务端口开启。看uni-app官网给出的代码示例,直接复制即可// 在需要调用扫码的地方加@click方法<view class="scan-sign" @click="scanCode()"> 扫描二维码签到</view>// 允许从相机和相册扫码scanCode() { uni.scanCode({ success: function(res) { console.log('条码类型:' +
2022-05-16 14:47:07
1672
原创 【Element ui】table中的多选框变单选框
页面: <el-table v-loading="loading" ref="multipleTable" :data="rotationRuleList" @selection-change="handleSelectionChange" @row-click="singleElection" > <el-table-column label="" width="65"> <template slot-scope="scope">
2022-04-27 11:31:35
503
2
原创 【Vue】小黑记事本
<html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>小黑记事本</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="robots" content="noin
2022-02-25 10:30:59
1175
原创 【Vue】编写一个0-10的计数器
思路:<body> <!-- 计数器0-10 --> <div id="app"> <div class="input-num"> <button @click="sub">-</button> <span>{{num}}</span> <button @click="add">+</b
2022-02-23 14:33:02
611
原创 【jQuery】全选按钮
HTML部分 <input class="checkall" type="checkbox">全选 <br> <input class="j-checked" type="checkbox">商品1 <br> <input class="j-checked" type="checkbox">商品2 <br> <input class="j-checked" type="check
2022-02-19 15:25:25
561
原创 【JavaScript】简易留言评论
<body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul> <script> // 1. 获取元素 var btn = document.querySelector('button'); var text = document.query
2021-09-14 10:33:51
258
原创 【JavaScript/jQuery】切换页面
<!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>切换页面
2021-09-10 15:25:34
848
2
原创 【JavaScript】鼠标经过表格变色
<!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" /> <titl
2021-09-10 09:59:41
888
原创 【JavaScript/jQuery】排他思想
5个按钮,点击某一个按钮就变成粉色<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> //获取元素 v
2021-09-09 16:53:02
120
原创 【JavaScript】案例:分时显示不同图片,显示不同问候语
题目:根据不同时间,页面显示不同图片,同时显示不同的问候语1、如果是上午时间打开页面显示上午好,显示上午的图片2、如果是上午时间打开页面显示上午好,显示上午的图片3、如果是上午时间打开页面显示上午好,显示上午的图片分析:1、根据系统不同时间来判断,所以需要用到日期内置对象2、利用多分支语句来设置不同的图片3、需要一个图片,并且根据时间修改图片,就需要用到操作元素的src属性4、需要一个div元素,显示不同问候语,修改元素内容即可<body> <img src="
2021-09-08 14:35:19
3289
原创 【JavaScript】格式化日期和应用
格式化日期: <script> // 格式化日期:年月日 var date = new Date(); console.log(date.getFullYear()); //返回当前日期的年份 console.log(date.getMonth() + 1); //返回的月份要加1 console.log(date.getDate()); //返回的日期 console.log(date.getDay());
2021-09-08 10:42:22
167
2
原创 【Spring框架】基于JdbcTemplate对数据库增删改查以及批量添加、修改、删除
1、引入相关jar包2、配置文件:配置数据库连接池、配置JdbcTemplate对象,注入DataSource、配置组件扫描 <!-- 组件扫描--> <context:component-scan base-package="ysy_spring5"></context:component-scan> <!-- 数据库连接池 --> <bean id="dataSource" class="com.alibaba.dru
2021-08-20 17:02:19
250
原创 【Spring框架】AOP操作(AspectJ注解)
1、创建类,在类里面定义方法User类//被增强的类@Componentpublic class User { public void add(){ System.out.println("add..."); }}2、创建增强类(编写增强逻辑)UserProxy类//增强的类@Component@Aspect //生成代理对象@Order(3)public class UserProxy { //相同切入点抽取 // @P
2021-08-19 15:05:31
130
原创 【Spring框架】基于注解方式实现属性注入,纯注解开发
1.把service和dao对象创建,并在类中添加创建对象的注解//接口:UserDaopublic interface UserDao { public void add();}//接口实现类@Repository//@Component,@Controller,@Service 都可以,这里为了和其他地方区别开public class UserDaoImpl implements UserDao { @Override public void add() {
2021-08-16 17:03:22
303
原创 【Spring框架】Bean管理基于注解方式创建对象
step1:引入依赖(spring-aop的jar包)step2:开启组件扫描(xml文件中)<!--开启组件扫描 1 如果扫描多个包,多个包使用逗号隔开 2 扫描包上层目录--><context:component-scan base-package=""></context:component-scan>step3:创建类//注解里面value属性值可以省略不写//默认值是类的名称,首字母小写//UserService--userSe
2021-08-13 15:12:31
84
原创 【Spring框架】bean的生命周期
创建Orders类:public class Orders {//无参数构造 public Orders(){ System.out.println("第一步:执行无参数构造创建bean实例"); } private String oname; public void setOname(String oname) { this.oname = oname; System.out.println("第二步:调用set方法设置属性值");
2021-08-13 10:04:52
79
原创 【Spring框架】注入内部bean
例子:部门和员工(一对多的关系)建立一个部门类Deptpublic class Dept { //部门类 private String dname; public void setDname(String dname) { this.dname = dname; } @Override public String toString() { return "Dept{" + "dname=
2021-08-11 16:01:28
109
原创 【Spring框架】注入外部bean
创建一个service包,建立一个UserService类public class UserService { //创建UserDao类型属性,生成set方法 private UserDao userDao; public void setUserDao(UserDao userDao) { this.userDao = userDao; } public void add () { System.out.pri
2021-08-10 17:12:22
254
原创 【java基础】反射
创建一个学生类:package foundationDemo.ysy_01;public class Student { //成员变量:一个私有一个默认,两个公共 private String name; int age; public String address; //构造方法:一个私有,一个默认,两个公共 public Student() { } private Student(String name) { .
2021-08-10 10:05:16
67
原创 手机端页面常用问题总汇
input先写类型为text然后用js设置点击时变成date<input type="text" id="birthday" name="birthday" class="form-control form-control-border" placeholder="请输入出生日期"> <script> var textbox = document.getElementById('birthday') textbox.onfocus = functio
2021-08-09 15:52:56
123
原创 【JavaScript基础】图片切换
实现图片上一张和下一张的切换,带有提示项HTML页面<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta name="viewport" content="width=device-width,minimum-scal
2021-07-23 09:26:30
275
1
原创 【java基础】Stream流
** 需求:按照下面的要求完成集合的创建和遍历 创建一个集合,存储多个字符串元素 把集合中所有以"张"开头的元素存情到一个新的集合 把"张"开头的集合中的长度为3的元素存储到一个新的集合 遍历上一步得到的集合 **import java.util.ArrayList;public class StreamDemo { public static void main(String[] args) { ArrayList<String> list = .
2021-06-01 15:55:54
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人