- 博客(71)
- 收藏
- 关注
RSS订阅原创 前端切图
前端切图（PS）1.缓存盘路径更改：（默认暂存盘为C盘）编辑–首选项–性能选择除了C盘之外的盘，确定。2.默认单位的修改：编辑–首选项–单位和标尺修改标尺与文字的单位为像素，确定3.新建图层：文件–新建–创建4.工具的预设及常用操作（窗口，视图）1）工具2）标尺3）图层4）信息选区工具：选择一个区域后，在信息区域还会出现选区的宽高信息拖拽工具：自供选择图层/组，需要勾选 操作完成以后Ctrl+Z退出裁切工具：吸管工具：吸取元素颜色文字工具：选择某一文字后，在字符区域会显
2021-03-10 14:12:33
353
原创 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
9490
2
原创 Tomcat安装及配置教程
什么是TomcatTomcat介绍Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应HTML（标准通用标记语言下的一个应用）页面的访问请求。实际上Tomcat是Apache 服务器的扩展，但运行时它是独立运行的，所以当你运行tomcat 时，它实际上作为一个与Apache 独立的进程单独运行的。
2021-02-23 11:03:28
17465
3
原创 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
441
原创 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
5326
原创 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
823
原创 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
89
原创 React(二)
生命周期函数componentWillMount在组件渲染之前执行componentDidMount在组件渲染之后执行shouldComponentUpdate返回true/false，true代表允许改变，false代表不允许改变componentWillUpdate数据在改变之前执行（state，props）componentDidUpdate数据修改完成（state，props）componentWillReceivePropsprops发生改变执行componentWil
2020-12-22 17:20:06
99
原创 初识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
74
原创 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
150
原创 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属性设置）<
2020-11-25 19:19:24
1372
原创 HTML+CSS面试题集锦（一）
HTML部分前端三要素：html:毛胚房css:装修JavaScript:人住进去谈谈你对B/S架构的认识首先B是browser浏览器，S是server服务器浏览器发送http请求–>服务器–>数据库数据库—>服务器做出响应—>浏览器html网页的结构doctype目的：告诉标准通用语言解析器，它应该使用什么样的文档类型定义来解析文档如果页面没有doctype声明，那么声明文档的解析类型就是怪异模式，也就是不同的浏览器会按照自己的解析方式去解析，那么在不同的浏
2020-11-24 22:44:16
292
原创 vue-组件机制
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生 HTML 元素。组件注册的时候需要为该组件指定各种参数。因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。<.
2020-11-19 23:18:50
184
原创 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
141
原创 vue-事件处理机制
事件三要素：事件目标，事件处理程序，事件对象事件流：默认情况下，先进行事件捕获（从外到内读取），然后进行事件冒泡（从内向外执行）事件绑定：1）直接操作变量<body> <div id="app"> {{num}} <button v-on:click='num++'>num</button> </div> <script> ne.
2020-11-17 19:39:32
588
原创 用什么方法可以让块级作用域生效
第一种方法可以将方法定义到函数内部，直接小括号调用，可以实现块级作用域的调用。function dig(){ if(10>20){ var d="dog"; } console.log(d);}dog();也可以直接使用匿名函数，将函数声明包含在一个小括号里面，表示它是个函数表达式。紧跟其后的另一对小括号会立即调用这个函数。 我们通过这种方式就可以使一个函数作用域伪装成一个块作用域.(function(){ //这是块级作用域 }.
2020-11-16 21:54:21
141
原创 认识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
126
原创 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
67
原创 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
147
原创 ES6-解构赋值
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。例如：let [a, b, c] = [1, 2, 3];完全解构，本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值，属性名和属性值一一对应。如果解构不成功，变量的值就等于undefined。另一种情况是不完全解构，即等号左边的模式，只匹配一部分的等号右边的数组。数组的解构赋值1）完全解构 ，左边的变量和右边的变量一一匹配.
2020-11-10 16:45:29
244
原创 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
281
原创 利用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
995
原创 利用画布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
919
原创 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
192
原创 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
178
原创 BOM浏览器对象模型
BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。BOM的核心对象是window，它表示浏览器的一个实例，在浏览器中window对象有双重角色既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。窗口大小innerWidth 页面视图区的宽度innerHeight 页面视图区的高度outerWidth 浏览器窗口的宽度outerHeight 浏览器窗口的高度所有主流浏览器都支持innerWidth,innerHeight,o.
2020-10-25 15:51:23
88
原创 DOM事件
javascript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件三要素：1）事件目标（eventtarget）发生的事件与之相关联或与之相关的对象2）事件处理程序（eventhandler）处理或相应事件的函数3）事件对象（eventobject）与特定事件相关且包含有关该事件详细信息的对象事件流 描述的是从页面中接受事件的顺序1）事件捕获（从外向内解析函数）2）事件冒泡（从内向外执行函数）默认情况下.
2020-10-24 23:08:37
111
原创 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
140
原创 面向对象程序设计
构造函数都是以大写字母开头，以大写字母开头的不一定是构造函数。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
115
原创 正则表达式
正则表达式是一个描述字符模式的对象。闭包闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁包装器函数1)Number() ：Number.prototype.xxx 2)String() : String.prototype.xxx 3)Boolean():Boolean.prototype.xxxvar str="h.
2020-10-20 14:19:41
133
原创 迭代
迭代 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
150
原创 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
123
原创 数组（二）
数组的操作方法非静态方法：所有实例对象都可以调用1）concat():数组的拼接 返回值为一个新的数组2）slice(): 数组截取 不修改原数组参数不同时返回值不同：0：返回一个新的数组，并且和原数组一样1： index：从当前index位置开始截取，截取到数组末尾结束2： begin end 从begin位置开始截取，到end位置结束，不包含结束位置 -1代表最后一个元素3）splice(): 数组截取 修改原数组.
2020-10-18 00:43:46
77
原创 数组（一）
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
536
原创 函数
函数允许我们封装一系列代码来完成特定任务。当想要完成某一任务时，只需要调用相应的代码即可。方法（method）一般为定义在对象中的函数。浏览器为我们提供了很多内置方法，我们不需要编写代码，只需要调用方法即可完成特定功能。在构造函数时，最好将首字母大写，函数其实也是一个对象。创建函数字面量 var say=function(){} 函数的声明function say(){}解析时，先解析函数的声明，在解析使用var操作符声明的变量，但不赋值。匿名函数function (){} 需要立即执行(.
2020-10-16 14:46:24
86
原创 对象
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
95
原创 操作符及类型转换
值的传递和引用数据类型：赋值是从右向左赋值，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
159
原创 脚本语言JavaScript
JavaScript是一个编程语言，允许用户在浏览器页面上完成复杂的事情。浏览器页面并不总是静态的，往往显示一些需要动态更新的内容，交互式地图，动画，以及视频等。一个完整的JavaScript包括核心(ECMAScript)，应用程序编程接口即API(比如DOM(DocumentObjectModel)，BOM(BrowserObjectModel))，以及其他第三方API。JavaScript与HTML、CSS一同配合共同完成一个复杂页面的显示。node：JS运行环境，是JS解析器用户.
2020-10-14 15:17:36
288
原创 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
153
原创 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
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人