- 博客(30)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 【无标题】
问题就是 当一个input组件 在深层dom时 inputt输入内容光标会跳动到第一个位置， 删除时也是 代码如下。可以加入cursor="-1"属性解决问题 但是会有后续问题 编辑内容或者删除某个中间字符时 光标会跳到最后。
2025-05-21 17:08:43
673
原创 Vue生命周期
从上图中可以看出一个vue实列从创建到销毁的全过程总共要经历几个重要的钩子函数中，图中用红色框的几个重要的函数。下面从一个实列中查看各个钩子函数的运行时期。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me.
2021-10-08 13:40:52
242
原创 JavaScript数组与对象的遍历
1：数组的遍历方法 1：ForEach forEach方法用于调用每个数组的每个元素 并且可以将元素的值传递给回调函数。 回调函数包含三个参数：currentIndex：当前元素的值。index当前元素的索引值。arr可选，当前元素的所在数组 forEach方法无法改变原数组，且没有返回值，无法使用break continue等跳出循环，无法遍历对象，只能遍历数组 const list = [1, 2, 3, 4, 5, 6, 7, 8, 8, 8, 9] list.forEach((item, i
2021-10-08 10:32:18
528
原创 CSS实现水平居中以及垂直居中的方法
水平居中 行内元素: text-align: center 块级元素: margin: 0 auto position:absolute+left:50%+ transform:translateX(-50%) display:flex + justify-content: center 垂直居中 设置line-height 等于height position：absolute +top:50%+transform:translateY(-50%) display:flex + align-items
2021-09-08 10:46:57
266
原创 vue2 安装scss的配置
1 :配置package.json 在package.json 的devDependencies中最小安装3个模块 1. "sass": "^1.26.5" 2. "node-sass": "^4.14.1", 3、"sass-loader": "^7.3.1" 最小安装 2020年 【注】不要安装sass-loader ^8.0.0 版, 如果已经安装,可以使用卸载命令 npm uninstall sass-loader 2：使用命令安装 安装 npm i -D sass-loader@7.3.
2021-08-30 09:21:45
908
原创 Vue.js Ajax(vue-resource)
Vue -resource是vue的一个用来异步请求服务器数据的插件。 1:安装 可以在编译器或者控制台下通过命令行来安装：npm install vue-resource --save-dev，安装完成可以在node_moduls文件夹下找到vue-resource文件夹，即代表安装成功。 2：使用 首先需要在main.js中通过import语句将其引用。 然后通过vue的use方法告诉我们要使用vue resource 如下： import VueResource from 'vue-resourc
2021-08-12 10:40:55
204
原创 vue项目模拟后台数据配置
vue版本高的已经删除了dev-server.js文件，高版本的vue需要在build/webpack.dev.conf.js文件下配置，接口。具体操作如下： 1:第一步 找到 const portfinder = require('portfinder')在后面添加下面内容： const express = require('express') const app = express() var appData = require('../data.json')//加载本地数据文件 var seller=
2021-08-11 10:40:15
359
原创 用css实现骰子的六个面（flex布局的学习）
一：flex弹性盒布局介绍 1：flex-direction属性 flex-direction属性决定主轴的方向，它的取值有以下几种： 1. row（默认值）：主轴为水平方向，起点在左端。 2. row-reverse：主轴为水平方向，起点在右端。 3. column：主轴为垂直方向，起点在上沿。 4. column-reverse：主轴为垂直方向，起点在下沿。 2：flex-wrap属性 默认情况下，项目都排在一条线（又称"轴线"）上。flex-wrap属性定义，如果一条轴线排不下，如何换行。
2021-06-27 20:42:29
4704
原创 Vue学习笔记（二）------条件判断与列表渲染
一：条件判断 1：v-if指令 v-if指令会根据它带的表达式的true或者false来决定该元素是否输出。格式如下： <p v-if="表达式">值</p> //如果表达式值为true则输出，否则不输出 例如： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue 条件判断指令</title>
2021-06-18 20:22:18
1164
原创 Vue框架学习笔记（一）
一：Vue选项 1：挂载元素 Vue中的“el” 选项的作用就是为Vue实例挂载元素，定义好挂载元素后，所有的操作都在该元素内部进行，不会影响到外部元素。挂载个格式可以有类名：.classsName，ID名：#idNmae、以及元素名称是那种，与css基本选择器大致相同。 2：数据 挂载好元素后，就可以通过data选项定义数据，如下： <div id="box"> <h3>博客名称:{{name}}</h3> </div> <s
2021-06-17 16:45:16
510
原创 JAVA学习笔记-泛型与集合框架
一：泛型 1：泛型类声明 通常用“Class 名称<泛型列表>”来 class Student<S> 1：Srudent是泛型类的名称，S就是泛型，没有指定S的数据类型，他可以是任何的对象或者接口，但不能是基本的数据类型: 2：泛型类的类体和普通类一致，均是由成员变量和方法构成的。 2：使用泛型类声明对象 和普通类相比，泛型类声明和创建对象时，会多出一对“<>”，并且<>中的泛型需要用具体的类型替换。如 Cone<Circle> coneOne
2021-06-09 10:11:03
561
原创 JAVA学习笔记-图形图像音频
JAVA 中有一个类叫Component，类中的方法public void paint(Graphics g)方法来实现图形的绘制。 一：基本图形的绘制 直线的绘制 java中要通过java.awt.geom包中的Line2D的静态内部类Double完成。 new Line2D.Double(double x1,double y1,double x2,double y2)//创建起点(x1,y1)到(x2,y2)的直线。 矩形 new Rectangle2D.Double(double x,dou
2021-06-03 19:20:03
496
原创 JQuery-层次选择器的使用
常见的层次关系包括：父子、后代、兄弟、相邻。 在jQuery中，层次选择器共有4种，如下表所示。 jQuery层次选择器 M N 后代选择器，选择M元素内部后代N元素（所有N元素） M > N 子代选择器，选择M元素内部子代N元素（所有第1级N元素） M ~ N 兄弟选择器，选择M元素后面所有的同级N元素 M + N 相邻选择器，选择M元素相邻的下一个元素（M、N是同级元素） 此外，我们还需要注意以下4点。 （1）("M N")可以使用(M).find(N)代替 （2）("
2021-06-02 16:10:08
597
原创 HTML、XHTML和HTML5区别和概念
1：HTML与XHTML HTML全称为“HyperText Mark-up Language”（超文本标记语言），通常的HTML是指HTML4.01. XHTML全称为“Extensible HyperText Mark-up Language”(扩展的超文本标记语言)它是XML风格的HTML4.01， 比起HTML它更加严格，更加纯净。 ...
2021-06-02 15:11:51
2288
转载 关与Android Studio使用okhttp框架请求服务器失败的原因
问题： 在 API 30 (Android 10.0+R)平台上编译，使用真机调试，OkHttp在请求网络链接的时候直接onFailure了，但是使用虚拟机却可以请求成功。 原因： Android P以及Android R全面禁止了非https链接，并严格审查网站的CA证书。 解决方法： 在res下新建xml目录，在该目录下创建文件network_security_config.xml <?xml version="1.0" encoding="utf-8"?> <network-secu
2021-05-19 10:51:47
1118
2
原创 Java学习笔记-网络编程（二）
文章目录1：Java 远程调用1：远程对象及代理2：RMI接口的设计细节 1：Java 远程调用 Java的远程调用是一种分布式的技术，使用远程调用可以实现客户端请求服务器，即客户端请求服务器对象调用一定的方法，并且将返回值给到客户端的功能的实现。 1：远程对象及代理 1：远程对象 客户端要请求的对象资源位于服务器端，这个被请求的对象就是远程对象。 2：代理与存根（Stub） 远程调用是不希望客户端与远程对象直接完成交互的，因此需要一个代理来完成客户端与服务器端对象的交互工作的。代理的特点是他与远程对象实现
2021-05-19 10:46:08
292
原创 JAVA学习笔记-网络编程（一）
1：URL类 URL类是java.net包中的一个重要的类，，使用URL创建的对象的应用程序为客户端程序。一个URL对象通常包含三部分：协议、地址和资源。其中协议必须是常见的如http、ftp、File等。 URL的构造方法 public URL (String spec) throws MalformedURLException /* */ public URL (String protocal,String host,String File) throws MalformedURLException
2021-05-19 09:43:11
467
原创 Java学习笔记-进程与线程
一：进程与线程 1：操作系统与进程 1：进程：进程是一个程序从加载代码，执行代码再到代码执行结束为止的一次动态执行的过程，操作系统控制每个进程的开始与结束。可以同时控制多个进程轮流访问cpu。 2：进程与线程 线程是比进程更小的单位，在一个进程执行的过程中可以产生多个线程，每个线程之家金可以共享资源。 3：Java中线程的状态与生命周期 Java语言使用Thread类或者其子类的对象来表示线程，完整的线程生命周期包含以下几个方面： 1：新建 当类Thread或者他的子类的对象被创建的时候，新建的线程对象就处
2021-05-06 10:12:26
168
原创 LiteCode -旋转数组（两种方法）
题目描述 描述 给定一个数组，将数组向右移动k步，其中k为非负数。 样例 样例 1: 输入: [1,2,3,4,5,6,7], k = 3 输出: [5,6,7,1,2,3,4] 解释: 向右旋转1步: [7,1,2,3,4,5,6] 向右旋转2步: [6,7,1,2,3,4,5] 向右旋转3步: [5,6,7,1,2,3,4] 样例 2: 输入: [-1,-100,3,99], k = 2 输出: [3,99,-1,-100] 解释: 向右旋转1步: [99,-1,-100,3] 向右旋转2步:
2021-04-28 20:28:22
871
原创 Java学习笔记-输入输出流
简介： 从外部储存或者其他程序读数数据为输入，将结果写到外部内存或者写到别的程序中为输出。java.io包提供大量的流类，所有的输入流都是抽象类InputStream（字节输入流）或者抽象类Read（字符输入流）的子类，而所有的输出流都是抽象类OutputStream（子节输出流）或者抽象类write（字符输出流）的子类。 File类 File类主要用来获取文件本身的一些信息，不涉及对文件的读写操作。创建一个File对象的三个构造方法： 1：File(String filename) 2:File(Stri
2021-04-27 09:48:47
359
原创 Java学习笔记-组件及处理事件（三）（MouseEvent，对话框Dialog，表格组件，树组件）
1：MouseEvent事件（鼠标事件） 任何组件均可触发数鼠标事件，当鼠标在事件源上点击、释放、移入以及移除时会触发此事件。MouseEvent类创建一个新的对象。这些事件源注册事件源的方法是：addMouseListener(MouseListener listener)。 1：利用接口MouseListener实现五个鼠标事件 接口内的几种方法： 1：mousePressed(MouseEvent) //按下鼠标的处理事件函数 2:mouseRelease(MouseEvent)// 释放鼠标的处理事
2021-04-21 11:15:24
1199
原创 Java学习笔记-组件及处理事件（二）(ActionEvent,DocumentEvent,ItemEvent)
四：处理事件 1：事件处理模式 1：事件源 能够产生事件的对象都可以称为事件源，例如文本框，按钮等。这个对象必须是Java能够认为可以产生事件的对象。 2：监视器 需要对一个事件源进行监视，以便对发生的事件做出处理，事件源调用对应的方法注册自己的监视器。 3：处理事件的接口 Java规定为了让监视器这个对象对事件源发生的事件进行处理，创建该监视器对象的类必须实现响应的接口。即必须在类体中实现相应的方法。也就是监视器必须和一个初始事件的方法绑定。 2：ActionEvent事件 1：ActionEvent事件
2021-04-16 12:07:19
5424
原创 Java学习笔记-组件及事件处理（一）
一：Java swing 概述 Java swing是java用来进行开发桌面程序的API，在包javax.swing中，其包含关系如下图所示 在Swing组件中大多数GUI组件都是Component类的直接子类或间接子类，JComponent类是Swing组件各种特效的存放位置，这些组件的特效包括设定组件边界、GUI组件自动滚动等 注意容器与组件的概念与区别：组件位于容器内部，容器通常调用方法add将组件添加到内部，容器内部也可以添加容器（容器之间的嵌套），添加的组件需要调用方法validate让其在容
2021-04-14 13:57:17
1958
原创 Java学习笔记-常用实用类（二）
一：StringTokenizer类 此类的对象是用来分解String对象的字符序列的。但与split方法不同的是，它不是使用正则表达式来对字符串进行分解的。 当分析一个String对象的 字符序列并将字符序列分解成可独立使用的单词时，常常用到此类。下面是他的两个构造方法 ：String Tokenizer(String s)为String对象构造一个分析器，使用默认的分割标记符：空格，换行，回车，Tab符，进纸符来做分隔符。 ：String Tokenizer（String s,String delim）
2021-04-08 10:52:08
333
原创 Java学习笔记-常用实用类(一)
一：String类 1：String对象 （1）：常量对象、用双引号括起来的符号序列，直接赋给String对象，在运行过程中不会被改变的String对象。 （2）：String对象，由String对象声明的对象。例如 String s=new String（"Hello World！"） //s为引用，实体为Hello world。 new运算符声明变量时先给字符序列申请一段寻存储区，然后计算出其引用，在将引用赋值给s变量。 （3）：String 常用的两个构造方法。 利用一个字符数组创建一个Stri
2021-03-31 11:04:40
422
原创 Java学习笔记-内部类与异常类
一：内部类 1、定义 Java的类中除了成员变量和方法以外还存在第三种数据类型，就是所谓的内部类。内部类就是在类中在定义一个类，而包含内部类的类被称为外嵌类。 2、内部类与外嵌类的关系 1：内部类的外嵌类的成员变量在内部类中依然有效，内部类中的方法也可以调用外嵌类的方法。‘ 2：内部类中不能声明类方法和类变量（关键字static修饰的），内部类声明的对象可以放到外嵌类中，为外嵌类的成员变量。 3：内部类仅供其外嵌类使用，其他类中不能存在其他类的内部类的对象。 4：如果内部类被修饰为static类，那么他就是
2021-03-26 20:22:14
522
原创 Java学习笔记-接口与实现
文章目录前言一、接口二、实现接口1.类实现接口2.重写接口中的方法3.有关借口的细节说明3：接口回调总结 前言 接口是JAVA与C#独有的一种数据类型，通过关键字interface来声明。 一、接口 Java接口是一系列方法的声明，是一些方法特征的集合，一个接口只有方法的特征没有方法的实现，因此这些方法可以在不同的地方被不同的类实现，而这些实现可以具有不同的行为（功能）。 两种含义： 一，Java接口，Java语言中存在的结构，有特定的语法和结构； 二，一个类所具有的方法的特征集合，是一种逻辑上的抽象。前
2021-03-24 10:45:27
530
原创 Java学习笔记-子类与继承
学习目标： Java学习笔记-子类与继承 学习内容： 1、 子类与父类 2、 子类的继承性 3、 子类与对象 4、 掌握循环语句 学习时间： 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出： 一：子类与父类 1：继承，继承是指通过已经存在的类来构建新的类的机制。 2：父类：已存在的类被称为父类。 3：子类：继承已经存在的类而构成的新类就是子类（通过关键字extends来继承） 例如： class 子类名 extends
2021-03-19 11:14:40
511
原创 算法学习笔记-动态规划
文章目录前言一、动态规划是什么？二、算法思想三、算法要素解题要点例如：斐波那契数列 前言 一、动态规划是什么？ 在现实生活中，有一类活动的过程，由于它的特殊性，可将过程分成若干个互相联系的阶段，在它的每一阶段都需要作出决策，从而使整个过程达到最好的活动效果。因此各个阶段决策的选取不能任意确定，它依赖于当前面临的状态，又影响以后的发展。当各个阶段决策确定后，就组成一个决策序列，因而也就确定了整个过程的一条活动路线．这种把一个问题看作是一个前后关联具有链状结构的多阶段过程就称为多阶段决策过程，这种问题称为..
2021-03-17 20:04:09
139
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人