一颗小梨子吖-CSDN博客

原创【Vue基础】列表渲染二：列表过滤和排序（模糊搜索）

有时，我们想要显示一个数组过滤后的版本，而不实际变更原始数据。在这种情况下，可以创建一个计算属性，来返回filter的数组。我们使用后计算属性来实现一个名字得模糊搜索（如下）， <div id="root"> <h2>人员列表</h2> <input type="text" placeholder="输入要查找的姓名" v-model:value="keyWord"> <ul>

2021-11-09 15:45:00 918 2

原创【Vue基础】列表渲染一：基本列表

v-for迭代数组我们可以用v-for指令基于一个数组来渲染一个列表。v-for指令需要使用 "item in items"形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名。 <div id="root"> <h2>人员列表</h2> <ul> <li v-for = "p in persons"> {{...

2021-11-09 10:52:11 688

原创【Vue基础】条件渲染

v-show使用v-show的元素始终会被渲染并保留在 DOM 中。v-show只是简单地根据条件切换元素显示与否。用法大致如下：<div id="root"> <h1 v-show="aa">Hello!!!</h1> </div> <script> new Vue({ el:'#root', data:{ ..

2021-11-08 16:32:50 168

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。class属性绑定字符串写法：最常见的绑定写法，通常适用于：样式类名不确定，需要动态指定。<div class="static" v-bi...

2021-11-04 11:33:42 164

原创【Vue基础】computed，watch，methods的用法区别

在编程的中我们常常可以发现对于某些功能我们可以采用方法实现，也可以用watch或者计算属性去实现，那么这三种实现有什么区别呢？？？通一个简单的案例来研究一下methodsmethods是一个对象属性的函数，methods不存在缓存，，在重新渲染的时候，函数总会重新调用执行。methods实现： <div id="root"> 姓：<input type="text" v-model="firstName"><

2021-10-29 16:57:54 317

原创【Vue基础】监听属性watch

Vue监听属性是watch，我们可以通过 watch 来响应数据的变化。代码示例：<!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-w...

2021-10-28 16:49:58 340

原创【Vue基础】事件处理

事件监听在Vue中可以用v-on指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码或一些调用方法。代码示例：<body>  <div id="root"> <h2>欢迎光临,{{name}},{{address}}</h2> <a v-bind:href="url">茶颜悦色</a><p>{{Date.no..

2021-10-27 10:38:07 125

原创 [Vue基础]数据绑定v-bind和v-model

Vue中的数据绑定分为单向和双向两种形式。单项数据绑定（v-bind)：数据只能从data流向页面。双向数据绑定（v-model）：数据既能从data流向页面，也可以从页面流向data。代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge

2021-10-26 10:56:25 273 1

原创【解决】Caused by: java.io.FileNotFoundException: applicationContext.xml

错误信息：原因瞎分析：提示信息说找不到applicationContext.xml这个配置文件，所以考虑是否路径出问题。原始代码是这样，我看了一些文件路径是所以尝试将代码改成点击运行，哎呀成了！虽然我也很纳闷我另一个项目也是这么写，运行完全没有问题？？？？...

2021-09-23 08:51:25 433

原创 Filter实例对post请求的中文乱码进行处理

package com.sl.filter;import java.io.IOException;import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servlet.ServletException;import javax.servlet.ServletRequest;import javax.servlet.Servlet.

2021-09-13 09:27:33 232

原创 Listener实例获取当前在线人数

package com.sl.servlet;import java.io.IOException;import javax.servlet.ServletConfig;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest.

2021-09-13 09:25:16 189

原创实现一个简单的servlet实例

package com.sl.servlet;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServ.

2021-09-10 16:44:51 705

原创 su username 和 su - username 两种切换用户的区别

su username 切换用户后，不会改变原用户的工作目录和环境变量目录。而su - username 切换用户后，工作环境会同时切换到新用户的环境中。切换前工作环境通过su username切换后：通过su - usernamer 切换后： ...

2021-08-27 10:39:52 365

原创【shell练习题】输入一个设备文件，输出这个设备文件的基本信息：文件权限，大小，文件所属用户，所属用户组，最后修改时间等。

题：输入一个设备文件，输出这个设备文件的基本信息：文件权限，大小，文件所属用户，所属用户组，最后修改时间等。代码：stat 查看文件的元信息。运行结果：

2021-08-27 10:28:13 111

原创【shell练习题】判断当前系统上是否有用户的默认shell程序为bash程序如果有，就显示有多个这类用户，否则就显示没有这类用户；【并且显示出那些用户是bash】

题：判断当前系统上是否有用户的默认shell程序为bash程序，如果有，就显示有多个这类用户，否则就显示没有这类用户；【并且显示出那些用户是bash】。代码：grep "bash" /etc/passwd &> /dev/null在路径下找含有“bash"的内容并将结果重定位到/dev/null文件 /etc/passwd文件：系统用户配置文件，存储了系统中所有用户的基本信息，并且所有用户都可以对此文件执行读(r)操作。 /dev/null 是一个特殊的文件，写入到它.

2021-08-27 10:03:31 527

原创 vi/vim编辑器命令说明

前言vi编辑器是所有Unix及Linux系统下标准的编辑器，对Unix及Linux系统的任何版本，vi编辑器是完全相同的。vim是vi的升级版，增加了一些功能，对vi命令是完全兼容的。在一些基本命令上两者应该是一样的。在Linux的终端输入vi (vim)命令即可进入vi(vim)编辑器界面,如果没有安装vi,可以通过sudo apt-get install vim命令进行下载安装。工作模式一般模式：刚进入vi/vim编辑器的时，状态就为一般模式。该模式下可切换vi的工作状态，可以进行粘贴.

2021-08-26 17:11:33 146

原创【shell练习题】判断某个文件是否存在及文件是否为0

题：判断某个文件是否存在，文件存在输出“存在”，否则输出“不存在”；如果文件存在且大小为0，则输出“文件大小为0”，反之输出“文件大小不为0”；代码：运行结果：文件测试常用参数：-e 文件名如果文件存在则为真 -r 文件名如果文件存在且可读则为真 -w 文件名如果文件存在且可写则为真 -x 文件名如果文件存在且可执行则为真 -s 文件名如果文件存在且至少有一个字符则为真 -d 文件名如果文件存在且为目录则为真 .

2021-08-24 16:27:47 2188

原创【Shell练习题判断这个用户是什么类型】

题：给定一个用户，来判断这个用户是什么用户，如果是管理员组用户，则显示“该用户为管理员”，否则显示“该用户为普通用户”。代码：使用whoami命令获取当前用户名，再判断是否为root用户。运行结果：注意if 与‘['之间要加空格，否则会执行时会出现“syntax error near unexpected token then”报错。...

2021-08-24 16:22:18 751

原创【shell练习题】判断文件是否大于100行

题：判断/etc/inittab文件是否大于100行，如果大于，则显示”/etc/inittab is a big file.”否者显示”/etc/inittab is a small file.”代码：用wc -l 命令计算行数，-gt判断行数大小运行结果： wc命令与常用参数：-c或--bytes或--chars 只显示Bytes数。 -l或--lines 显示行数。 -w或--words 只显示字数。 --help 在线帮助。 --version 显示版本信息 ...

2021-08-24 16:10:04 1073

原创设计模式的六大原则

设计模式的六大原则1、开闭原则（Open Close Principle）开闭原则的意思是：对扩展开放，对修改关闭。在程序需要进行拓展的时候，不能去修改原有的代码，实现一个热插拔的效果。简言之，是为了使程序的扩展性好，易于维护和升级。2、里氏代换原则（Liskov Substitution Principle）里氏代换原则中说，任何基类可以出现的地方，子类一定可以出现。子类只能去扩展基类，而不是隐藏或覆盖基类。里氏代换原则是对开闭原则的补充。实现开闭原则的关键步骤就是抽象化，而基类与子类的.

2021-08-18 10:46:54 72

原创 MAC地址和IP地址的区别

MAC地址和IP地址的区别一、地址长度的不同1、MAC地址的长度为48位（6个字节），通常表示为12个16进制数，每2个16进制数之间用冒号隔开，如：00:50:29:5A:8H:1E就是一个MAC地址。2、IP地址为32位，由用点分隔开的4个8八位组构成，如192.168.0.1就是一个IP地址，这种写法叫点分十进制格式。二、所在寻址协议层上的区别1、MAC地址应用在OSI第二层，即数据链路层。数据链路层协议可以使数据从一个节点传递到相同链路的另一个节点上（通过MAC地址）。2、I

2021-08-16 16:55:13 674

转载 TCP与UDP的区别和特征

转载学习用，侵删，原帖见https://blog.csdn.net/xiaobangkuaipao/article/details/76793702TCP与UDP概念：UDP协议和TCP协议都是传输层协议。TCP（Transmission Control Protocol，传输控制协议）提供的是面向连接，可靠的字节流服务。即客户和服务器交换数据前，必须现在双方之间建立一个TCP连接，之后才能传输数据。并且提供超时重发，丢弃重复数据，检验数据，流量控制等功能，保证数据能从一端传到另一端。

2021-08-12 11:25:23 167

转载 OSI七层模型与TCP/IP五层模型

做题时遇到了OSI模型，记录一下，加深一下记忆。发现了一个大佬总结得超好，转载一下以防之后找不到，侵删！原帖见https://www.cnblogs.com/qishui/p/5428938.htmlOSI七层模型 OSI（Open System Interconnect），即开放式系统互联。OSI把网络自下到上划分为7层（物理层、数据链路层、网络层、传输层、会话层、表示层、应用层），每层都有自己的功能，每层相互独立又相互依靠，上层依赖下层，下层为上层提供服务。如下图示意：...

2021-08-10 17:02:09 191

原创电路交换报文交换分组交换的区别

电路交换电路交换要在通信双方建立一条被双方独占的物理通路，主要是建立连接---->通信----> 释放连接三个过程。优点：（1）由于通信线路为通信双方用户专用，数据直达，所以传输数据的时延非常小。（2）通信双方之间的屋里通路一旦建立，双方可以随时通信，实时性强。（3）双方通信时按发送顺序传送数据，不存在失序问题。（4）电路交换既适用于传输模拟信号，也适用于传输数字信号。（5）电路交换的交换设备及控制均比较简单。缺点：（1）电路交换平均连接建立时间对计算机..

2021-08-10 14:46:01 3995

原创 IP地址分类及范围

^在给网络的主机分配IP地址时，下面地址中错误的是 DA 29.9.255.254 B 129.21.255.109 C 195.5.91.254 D 220.250.2.255

2021-08-10 10:14:01 3610

转载 SQL

常用SQL语句转载自公众号【大数据应用】SQL大全，所有你需要知道的SQL语句都在这里！ITPUB 大数据应用 2019-12-14来源公众号：ITPUB一、基础1、说明：创建数据库CREATE DATABASE database-name2、说明：删除数据库drop database dbname3、说明：备份sql server— 创建备份数据的 deviceUSE masterEXEC sp_addumpdevice ‘disk’, ‘testBack’, ‘c:mss

2020-11-11 10:36:28 114

转载单例模式

摘自https://www.nowcoder.com/profile/678582225的总结，万分感谢!一、单例模式的定义定义：确保一个类只有一个实例，并提供该实例的全局访问点。这样做的好处是：有些实例，全局只需要一个就够了，使用单例模式就可以避免一个全局使用的类，频繁的创建与销毁，耗费系统资源。二、单例模式的设计要素一个私有构造函数（确保只能单例类自己创建实例）一个私有静态变量（确保只有一个实例）一个公有静态函数（给使用者提供调用方法）简单来说就是，...

2020-09-22 23:25:04 661

原创 interface和abstract类的区别

interface和abstract类的区别抽象类：含有abstract修饰符的class即为抽象类，abstract 类无法被实例化。含有abstract方法的类必须定义为abstract class，abstract class类中的方法不必是抽象的。abstract class类中定义抽象方法必须在具体(Concrete)子类中实现，所以，不能有抽象构造方法或抽象静态方法。接口（interface）：接口（英文：Interface），在JAVA编程语言中是一个抽象类型，是抽象方法的集

2020-09-22 22:16:32 202

原创 java参数传递的方法

java参数传递的方法Java中方法参数的传递方式有两种，按值传递和引用传递。值传递：值传递传递的是基本的数据类型和String字符串，实际参数把值传递给形式参数，形式参数将用这个值来进行操作，所以值传递的形式参数和实际参数分属两个不同的存储单元，实际参数的值并没有发生改变引用传递：传递的类型是引用数据类型，传的是地址。方法调用的时候，实际参数是对象（或数组）的地址，实际参数和形式参数都指向一个地址，对形式参数的操作事实上就是对实际参数的操作。public class SendVal.

2020-09-21 16:40:11 835

原创 Keil5新建一个项目

Keil5新建一个项目一．打开keil5，如下选择新建一个uVision Project选择保存路径，填好项目名，然后点击保存。二．选择相应的芯片，(这里我选择的是STM32F407ZETx),点击OK出现以下界面，不用管，点击cancel就好了三．更改设置，Debug->Use...

2020-03-09 15:50:56 3355

原创文件类型与操作

Linux文件类型1.普通文件------包含任意数据，分为文本文件和二进制文件2.目录文件------包含一组链接的文件3.套接字文件----用来与另一个进程进行跨网络通信的文件I/O操作所有 I/O操作都是通过读写文件实现，所有的外设，包括网络，终端设备都可以被看成文件（一切皆文件）。1.打开文件 int open (char *filename,in...

2019-11-24 17:19:51 369

原创 fork函数

异常是允许操作系统内核提供进程概念的基本构造块。fork（）函数父进程通过调用fork函数来创建一个新的运行的子进程。父进程和子进程之间最大的不同就是PID不同调用一次，返回两次 fork函数被父进程调用一次，却有两次返回。在父进程中，返回子进程的PID；在子进程中返回0，因为子进程的PID总是非零的。【可用fork的返回值来判断程序是在父进程还是在子进程中执行】并发执行父进程和子进...

2019-11-03 17:29:49 265

原创链接

关于可重定位目标文件——ELF（可执行可链接）可重定位目标文件格式

2019-10-02 16:44:50 167

梨子的博客