自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小脚的Blog

初出茅庐的一只小码农

  • 博客(71)
  • 收藏
  • 关注

原创 前端切图

前端切图(PS)1.缓存盘路径更改:(默认暂存盘为C盘)编辑–首选项–性能选择除了C盘之外的盘,确定。2.默认单位的修改:编辑–首选项–单位和标尺修改标尺与文字的单位为像素,确定3.新建图层:文件–新建–创建4.工具的预设及常用操作(窗口,视图)1)工具2)标尺3)图层4)信息选区工具:选择一个区域后,在信息区域还会出现选区的宽高信息拖拽工具:自供选择图层/组,需要勾选 操作完成以后Ctrl+Z退出裁切工具:吸管工具:吸取元素颜色文字工具:选择某一文字后,在字符区域会显

2021-03-10 14:12:33 25

原创 TomCat报错Starting TomCat v9.0 Server at localhost has encountered a problem.(8005,8080,8009)

在eclipse项目运行TomCat时候,突然报错,如图所示这条报错说明在运行Tomcat之前,就已经启动了Tomcat,导致端口被占用,因此将之前的Tomcat关闭重新启动就可以了。双击运行shutdown.bat这时再运行项目就可以启动了。...

2021-02-23 14:39:42 193

原创 Tomcat安装及配置教程

什么是TomcatTomcat介绍Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。对于一个初学者来说,可以这样认为,当在一台机器上配置好Apache 服务器,可利用它响应HTML(标准通用标记语言下的一个应用)页面的访问请求。实际上Tomcat是Apache 服务器的扩展,但运行时它是独立运行的,所以当你运行tomcat 时,它实际上作为一个与Apache 独立的进程单独运行的。

2021-02-23 11:03:28 2148

原创 MySQL下载,配置和安装

下载并安装MySQL1.下载MySQL数据库可以访问官方网站:https://downloads.mysql.com/archives/community/2.选择一个适合的版本进行下载,由于目前最新版本是:MySQL Community Server 5.7.21建议下载历史版本,我下载的是5.6.39配置MySQL数据库1.我的电脑->属性->高级->环境变量2.系统变量中选择PATH,在其后面添加: 你的mysql bin文件夹的路径 :F:\mysql-5.6.3

2021-02-22 17:06:52 306

原创 windows环境中JDK环境变量的配置

下载JDK,并安装到Java的官网下载JDK安装包,地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html选择一个适合自己的JDK版本下载并安装即可,这里建议安装java 8的版本JDK,在后期编程使用到其他框架时候兼容性问题能少一些,安装jdk的时候全部使用默认路径即可,记得记住安装路径。配置环境变量1、右键桌面上“我的电脑”>>“属性”,在弹出的页面上点击“高级系统设置”。2、在弹出的“系统属性”

2021-02-22 16:31:07 684

原创 jQuery中进行点击事件绑定

业务需求是在客户打分为0-5时,显示出文本输入框,在打分为6-10分时不需要显示,本身在设计的时候将这个文本输入框设置为 display:none;<li> <label><span style="color: red;">*</span>3.您对本次保单复效的整体流程是否满意? <span>请用0-10分进行打分,10分代表非常满意,0分代表非常不满意。</span> </label> .

2021-01-28 15:46:35 46

原创 React(三)

表单同样的还是在app.jsx中引入组件import FormDemo from "./FormDemo"并在return返回值中使用组件<FormDemo />1.受控组件FormDemo.jsximport React from "react"export default class FormDemo extends React.Component{ constructor(){ super(); this.state ={

2021-01-18 17:05:11 21

原创 React(二)

生命周期函数componentWillMount在组件渲染之前执行componentDidMount在组件渲染之后执行shouldComponentUpdate返回true/false,true代表允许改变,false代表不允许改变componentWillUpdate数据在改变之前执行(state,props)componentDidUpdate数据修改完成(state,props)componentWillReceivePropsprops发生改变执行componentWil

2020-12-22 17:20:06 31

原创 初识React

React安装1.首先要安装Node.js以及相对应的NPM[https://nodejs.org/] 进入官网下载相对应的版本,下载安装直接点击下一步,安装完成后cmd打开命令提示符检测版本 输入 node -v安装node会自带一个npm包管理工具检测npm版本 输入 npm -v以上两条命令都返回版本号,则安装成功2.设置npm,国内的npm有点慢,可以设置成淘宝的镜像来代替cmd命令提示符输入:npm config set registry https://registry.npm.

2020-12-21 15:15:56 22

原创 vue-交互

利用vue进行数据交互,实现增删改查<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 引入vue -->

2020-11-26 18:08:11 25

原创 HTML+CSS面试题集锦(二)

CSS部分@import和link的区别1)所属范围:@import是css语法,只能导入样式link是html的标签,不仅可以加载样式,还可以定义rel属性rel =''stylesheet''表示调用外部样式表2)加载顺序:页面加载的时候,link标签引入的css被同时加载@import引入的css在页面加载完毕后再被加载3)兼容性:@import 需要兼容IE5+link标签,不存在兼容性问题css在html中的应用1)行内样式(存在于标签之中,用style属性设置)&lt

2020-11-25 19:19:24 239

原创 HTML+CSS面试题集锦(一)

HTML部分前端三要素:html:毛胚房css:装修JavaScript:人住进去谈谈你对B/S架构的认识首先B是browser浏览器,S是server服务器浏览器发送http请求–>服务器–>数据库数据库—>服务器做出响应—>浏览器html网页的结构doctype目的:告诉标准通用语言解析器,它应该使用什么样的文档类型定义来解析文档如果页面没有doctype声明,那么声明文档的解析类型就是怪异模式,也就是不同的浏览器会按照自己的解析方式去解析,那么在不同的浏

2020-11-24 22:44:16 157

原创 vue-组件机制

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用is特性进行了扩展的原生 HTML 元素。组件注册的时候需要为该组件指定各种参数。因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。&lt.

2020-11-19 23:18:50 90

原创 vue-表单输入绑定

双向数据绑定用v-model指令在表单<input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。<!DOCTYPE html><html lan.

2020-11-17 21:32:53 19

原创 vue-事件处理机制

事件三要素:事件目标,事件处理程序,事件对象事件流:默认情况下,先进行事件捕获(从外到内读取),然后进行事件冒泡(从内向外执行)事件绑定:1)直接操作变量<body> <div id="app"> {{num}} <button v-on:click='num++'>num</button> </div> <script> ne.

2020-11-17 19:39:32 188

原创 用什么方法可以让块级作用域生效

第一种方法可以将方法定义到函数内部,直接小括号调用,可以实现块级作用域的调用。function dig(){ if(10>20){ var d="dog"; } console.log(d);}dog();也可以直接使用匿名函数,将函数声明包含在一个小括号里面,表示它是个函数表达式。紧跟其后的另一对小括号会立即调用这个函数。 我们通过这种方式就可以使一个函数作用域伪装成一个块作用域.(function(){ //这是块级作用域 }.

2020-11-16 21:54:21 27

原创 认识vue

vue是一套用于构建用户界面的渐进式(轻量级)框架,可以构建出复杂的单页面应用程序,vue与原生js显著的区别就是不再对dom进行直接的操作,而是通过数据操作来改变视图,只关系底层逻辑,尽量减少dom操作。1)mvc:适用于dom驱动m:业务模型 model 事件v:用户模型 view HTMLc:控制器 control JShtml-->model-->js js-->model-->html2)mvvm:是mvc的改良版,.

2020-11-16 18:28:03 34

原创 ES6-set和map数据结构

set它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。//Set()构造函数let arr =[4,6,7,2,3,4,3,3,3,6,7,8,9]let set =new Set(arr)console.log(set) // Set { 4, 6, 7, 2, 3, 8, 9 }let set = new Set()set.add(10)set.add(20)set.add(50)set.add(10)//不能.

2020-11-12 15:22:14 14

原创 ES6-对象、函数、数组的扩展

对象的扩展ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。ES6允许在对象之中,直接写变量。这时,属性名为变量名, 属性值为变量的值。let name ='tom'let age =12let obj = { name, age}console.log(obj) //{name:'tom',age:12} let propKey ='foo';let obj ={[propKey]:true,['a'+'bc']:123};con.

2020-11-10 20:03:09 62

原创 ES6-解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。例如:let [a, b, c] = [1, 2, 3];完全解构,本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值,属性名和属性值一一对应。如果解构不成功,变量的值就等于undefined。另一种情况是不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组。数组的解构赋值1)完全解构 ,左边的变量和右边的变量一一匹配.

2020-11-10 16:45:29 39

原创 ES6中声明变量的方法(let,const)

ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现.let命令ES6新增了let命令,用来声明变量。特点:1)它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a=10; var.

2020-11-09 16:58:58 87

原创 利用CSS盒模型中的border(边框)实现三角形

利用CSS盒模型中的border(边框)实现三角形<div></div> div{ margin: 0 auto; width: 200px; height: 200px; border: 2px solid orange; }这是我们平常使用border最普遍的情况——往往只给border一个较小的宽度(通常为1-2px);然而这样的日常用法就会容

2020-11-07 16:06:11 322

原创 利用画布canvas实现钟表动态效果

利用画布实现钟表动态效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script type="text/jav.

2020-11-01 15:53:42 747

原创 jQuery-canvas制作太极图

jQuery-canvas制作太极图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>太极图</title> <style type="text/css"> /* 设置动画效果 */ canvas{ /* border: 1px solid red; */ animation-name: move;/*动画.

2020-10-29 16:39:28 49

原创 jQuery基础

jQuery是一个Javascript库,是对于ECMAScript、dom、bom的一个浅封装,让用户更方便操作。特点:1)轻量级2)有强大的选择器 和css类似,更加丰富3)出色的dom封装和可靠的事件处理机制 jQuery对象-->jQuery实例方法4)不污染顶级变量 浏览器: window:{} Linux:global:{}5)完整的ajax 6)链式操作方法 Array.prototype.slice.call{lis}.

2020-10-27 23:19:03 53

原创 BOM浏览器对象模型

BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。BOM的核心对象是window,它表示浏览器的一个实例,在浏览器中window对象有双重角色既是通过javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。窗口大小innerWidth 页面视图区的宽度innerHeight 页面视图区的高度outerWidth 浏览器窗口的宽度outerHeight 浏览器窗口的高度所有主流浏览器都支持innerWidth,innerHeight,o.

2020-10-25 15:51:23 35

原创 DOM事件

javascript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件三要素:1)事件目标(eventtarget)发生的事件与之相关联或与之相关的对象2)事件处理程序(eventhandler)处理或相应事件的函数3)事件对象(eventobject)与特定事件相关且包含有关该事件详细信息的对象事件流 描述的是从页面中接受事件的顺序1)事件捕获(从外向内解析函数)2)事件冒泡(从内向外执行函数)默认情况下.

2020-10-24 23:08:37 39

原创 Document Object Model(DOM)

DOM是针对HTML和XML文档的一个API(应用程序编程接口),DOM描绘了一个层次化的节点树,允许开发人员添加,移除,修改页面的某一部分。1998年10月DOM1级规范成为W3C的推荐标准,为基本的文档结构以及查询提供了接口。但是要注意,IE中的所有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型,每种类型分别表示文档中不同的信息或标.

2020-10-22 23:34:13 56

原创 面向对象程序设计

构造函数都是以大写字母开头,以大写字母开头的不一定是构造函数。Math对象比较1)Math.min():返回一组数中的最小值2)Math.max():返回一组数中的最大值取整1)Math.ceil():向上取整2)Math.floor():向下取整3)Math.round():四舍五入随机数1)Math.random():返回0-1之间的随机数,不包含1Date 日期对象 构造函数对象new date=new Date().

2020-10-21 23:15:34 43

原创 正则表达式

正则表达式是一个描述字符模式的对象。闭包闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁包装器函数1)Number() :Number.prototype.xxx 2)String() : String.prototype.xxx 3)Boolean():Boolean.prototype.xxxvar str="h.

2020-10-20 14:19:41 37

原创 迭代

迭代 1 //迭代: 函数作为参数,传递给具有迭代功能的另一个函数 2 var students =[ 3 {id:10,name:'zs',age:80}, 4 {id:20,name:'ls',age:8}, 5 {id:30,name:'ww',age:18}, 6 {id:40,name:'c1',age:22}, 7 ]; 8 //1.是否都是成年人?--》every 9 function check18(stu){ 10 return

2020-10-19 09:55:22 72

原创 js算法利用

用for循环实现10的阶乘 1 function jc1(num){ 2 var str ='10!='; 3 var sum =1; 4 for (var i=num;i>0;i--){ 5 sum =sum*i; 6 if (i==1){ 7 str =str+i+'='; 8 }else{ 9 str =str+i+'*'; 10 } 11 } 12 console.log('f.

2020-10-18 18:34:28 31

原创 数组(二)

数组的操作方法非静态方法:所有实例对象都可以调用1)concat():数组的拼接 返回值为一个新的数组2)slice(): 数组截取 不修改原数组参数不同时返回值不同:0:返回一个新的数组,并且和原数组一样1: index:从当前index位置开始截取,截取到数组末尾结束2: begin end 从begin位置开始截取,到end位置结束,不包含结束位置 -1代表最后一个元素3)splice(): 数组截取 修改原数组.

2020-10-18 00:43:46 24

原创 数组(一)

ECMAScript数组是有序列表,是存放多个值的集合。有以下特性:每一项都可以保存任何类型的数据,元素类型可以任意。数组的长度大小是可以动态调整。数组的length属性:可读可写,可以通过设置length的值从数组的末尾移除项或向数组中添加新项创建1.数组字面量var arr=[1,2,3,undefined,null,flase,function,{}];2.构造函数var arr=new Array();//创建空数组var arr=new Array.

2020-10-17 18:32:07 143

原创 函数

函数允许我们封装一系列代码来完成特定任务。当想要完成某一任务时,只需要调用相应的代码即可。方法(method)一般为定义在对象中的函数。浏览器为我们提供了很多内置方法,我们不需要编写代码,只需要调用方法即可完成特定功能。在构造函数时,最好将首字母大写,函数其实也是一个对象。创建函数字面量 var say=function(){} 函数的声明function say(){}解析时,先解析函数的声明,在解析使用var操作符声明的变量,但不赋值。匿名函数function (){} 需要立即执行(.

2020-10-16 14:46:24 20

原创 对象

ECMA-262对象的定义:无序属性的集合,其属性可以包含基本值,对象,或者函数。可以将对象想象成散列表:键值对,其中值可以是数据或者函数。ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合。创建对象字面量var o={ key:value, key2:value }构造函数var o=new Object(); o.name='lisa';o.age=20;访问对象属性点操作符console.log(o.name);[][""]:o["name"] 必须是字符串类.

2020-10-15 17:43:45 15

原创 操作符及类型转换

值的传递和引用数据类型:赋值是从右向左赋值,10赋值给了a,c-->b-->a,console.log(b);一定会报错,b并没有被赋值,如果改成c=b=a;这时b,c都会被赋值。基本数据类型在进行值传递时,只是复制了一份属性值进行操作。引用数据类型在进行值的传递时,传递的是引用地址。栈区定义了一个 o1指向堆区lisi,将o1的属性传给o2,此时o1,o2的地址是相同的,o2直接将堆区内的name改为terry,所以o1访问时name也改变了。.

2020-10-14 23:07:10 33

原创 脚本语言JavaScript

JavaScript是一个编程语言,允许用户在浏览器页面上完成复杂的事情。浏览器页面并不总是静态的,往往显示一些需要动态更新的内容,交互式地图,动画,以及视频等。一个完整的JavaScript包括核心(ECMAScript),应用程序编程接口即API(比如DOM(DocumentObjectModel),BOM(BrowserObjectModel)),以及其他第三方API。JavaScript与HTML、CSS一同配合共同完成一个复杂页面的显示。node:JS运行环境,是JS解析器用户.

2020-10-14 15:17:36 83

原创 vi编辑器

基础应用如何打开vi编辑器:$vi 直接打开$ vi +number a.txt 使用vi打开a.txt,并将光标定位在第number行$vi a.txt 使用vi编辑器打开a.txt 默认在第一个字符如果vi打开的是新的文件 退出时会自动创建vi编辑器有三种状态:命令行模式:默认状态 对文本内容进行操作,复制代码,删除代码插入/编辑模式: 编写代码 退出编辑时需要先退出到命令行模式 从命令行模式进入到底行模式底行模式:vi编辑器的退出,配置设置命令...

2020-10-11 00:04:00 55

原创 linux用户操作

使用Xshell进行Linux操作操作系统:centos6.5使用软件:Xshell6用户操作:root:超级管理员,权限很高$ clear 清屏$ls list列出当前文件夹下的所有文件$ls /home 列出home文件夹下的所有子文件$ls -l: 列出当前文件夹下的所有子文件,以长列表的形式ls命令和ls -l命令的区别total 840:一共有多少个文件夹 840个drwxrwxr-x 2 terry webui 4096 Aug 11 1.

2020-10-11 00:03:39 47

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除