![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习
文章平均质量分 60
aZF1997
这个作者很懒,什么都没留下…
展开
-
MyBatis配置详解
mybatis-config.xml配置详解<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE configurationPUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd"><configuration><!--environments标签 配置数据源环境 default 属性 设原创 2021-03-02 20:54:50 · 237 阅读 · 0 评论 -
MyBatis入门
步骤:导入MyBatis框架的核心jar包配置文件解析文件,让mybatis框架通过配置文件的信息去做一些行为通过创建SqlSessionFactoryBuilder来解析配置文件,返回一个SqlSessionFactory对象通过SqlSessionFactory对象创建SqlSession的工厂类SqlSession提供了增删改查的方法mybatis-config.xml文件<?xml version="1.0" encoding="UTF-8" ?><!DOCT原创 2021-03-01 20:47:47 · 121 阅读 · 0 评论 -
vue.js(1)
v-html 插入到DOM元素中可以进行DOM元素解析,相当于js下的innerHTMLv-text 相当于js的innerText 不解析DOM元素v-on 绑定方法进行操作 v-on可以使用简写的方式@,推荐使用简写的方式,和v-on完全等价v-show=’布尔值’ 控制元素的显示隐藏 true显示 false隐藏v-if=’布尔值’ 控制元素的显示隐藏,和v-show用...原创 2019-10-18 20:49:59 · 291 阅读 · 0 评论 -
JavaScript第二十二天 jQuery中的事件和动画
jQuery中的事件事件对象的属性事件绑定on()jQuery对象.on(事件名,函数)函数中的this是触发这个事件的对象,且是原生的DOM对象。绑定自定义事件,自定义事件需要用trigger来触发取消事件绑定offjQuery对象.off( ’ 事件名 ’ ,selector,fun)如果没有参数,则取消这个元素所绑定的所有事件名。事件绑定one()one()绑定的事件只执...原创 2019-09-10 21:10:48 · 114 阅读 · 0 评论 -
JavaScript第十三天cookie与正则表达式
cookiecookie实际上是指小量信息,只能存储4KB,是有web服务器创建的,将信息存储在用户计算机上的文件。在计算机中是个存储在浏览器目录中的文本文件。谷歌、欧朋都不支持本地的cookie,火狐可以。// 存储cookiedocument.cookie='key=value'document.cookie='age=12'// 获取 cookieconsole.log(d...原创 2019-08-22 21:51:33 · 505 阅读 · 0 评论 -
JavaScript第十二天 js动画效果
拖拽效果完整代码 fun(box) function fun(obj){ obj.onmousedown=function(ev){ var ev=window.event || ev; //鼠标在box里的位置 var x=ev.clientX - obj.offsetLeft; ...原创 2019-08-21 22:36:25 · 130 阅读 · 0 评论 -
JavaScript第十一天事件
事件基础事件函数:当事件被触发时调用。事件对象:当事件发生的时候,浏览器会将事件相关信息保存在内置全局对象window.event当中,可以直接使用。type:获取事件类型target:获取触发事件的对象clientX、clientY 获取当前鼠标位置,相对于屏幕pageX、pageY 获取当前鼠标位置,相对于页面shiftKey、ctrlKey、altKey 布尔值,是否按...原创 2019-08-21 21:19:53 · 135 阅读 · 0 评论 -
JavaScript第五天 函数
函数函数声明及调用声明function sum(){console.log(1);}函数在没有调用前不会执行,函数名的命名规则一样。原创 2019-08-12 22:56:11 · 121 阅读 · 0 评论 -
JavaScript第四天 自定义属性和索引值
循环结构for-in专门为循环对象设置的,因为对象没有长度没有顺序,所以不能使用for循环var json={"name":"xiaoming","age":19,"sex":"女"}for(var key in json){console.log(key);console.log(json[key]);} // json["name"] 正确写法 // json.name ...原创 2019-08-12 22:29:21 · 145 阅读 · 0 评论 -
判断一个字符串中出现次数最多的字符,并且统计次数。
<script> //判断一个字符串中出现次数最多的字符,并且统计次数。 var str = "123321asd1456&31413lkjh;loi33bui3" var obj = {} for (var i = 0; i < str.length; i++) { consol...原创 2019-08-15 23:13:31 · 464 阅读 · 0 评论 -
字符串去重,并去除掉特殊字符按照数字在前字母在后的顺序排序字符串
<script> //把下面的字符串去重,并去除掉特殊字符按照数字在前字母在后的顺序排序字符串,最终返回12345fdsarg var str = '1233fddfd&3434fdsaff&454545&4545444rfdsfds&545gdsgs'; // 1、去重 var newst...原创 2019-08-15 23:12:28 · 1810 阅读 · 0 评论 -
JavaScript第十四天 面向对象
面向对象三个基本特征:封装、继承、多态。对象由属性和方法组成,属性对应变量,表示对象的基本特征,是静态的,方法对应函数,表示对象的行为,是动态的。字面量方式创建// 复用率低 代码冗余 var obj = { "name":"小明", "age":"12", "eat":function(){ ...原创 2019-09-09 20:45:51 · 114 阅读 · 0 评论 -
JavaScript第十五天 闭包与ajax
函数名与闭包 // 普通函数 命名函数 function fun(){ console.log('1') } // 表达式函数 var fun = function(){ } // 事件函数 document.onclick = function(){...原创 2019-09-09 21:03:55 · 220 阅读 · 0 评论 -
JavaScript第二十天 jQuery入门
认识jQueryjQuery是一个优秀的JavaScript库,凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发ajax的操作。$ 就是jQuery的一个简写形式。1.$(document).ready() 方法和window.onload 有什么区别?页面加载window.onload与ready的区别1....原创 2019-09-09 22:13:28 · 109 阅读 · 0 评论 -
JavaScript第二十一天 jQuery的DOM操作
属性操作查找属性节点attr()可以获取它的各种属性的值,也可以设置属性removeAttr删除属性1. $ ().attr与$().prop()的区别?对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。$("#chk1").prop(“checked”) == false$("#chk2")...原创 2019-09-10 19:53:06 · 143 阅读 · 0 评论 -
JavaScript第二十三天 jQuery中的ajax和插件
ajax的优缺点?优:1,不需要插件支持;2,优秀的用户体验;3,提高web程序的性能;4,减轻服务器和带宽的负担;缺:1、ajax不支持浏览器back按钮。2、安全问题 ajax暴露了与服务器交互的细节。3、对搜索引擎的支持比较弱。4、破坏了程序的异常机制。ajax $.ajax({ url:'',//请求地址 type:'',//请求方式(get/post),默认g...原创 2019-09-10 21:39:02 · 143 阅读 · 0 评论 -
Node开发第一天ES6
ECMAScript是JavaScript的规格JavaScript是ECMAScript的实现ES5回顾JavaScript严格模式(strict mode)设立严格模式的原因:1,消除JavaScript语法的一些不合理、不严谨之处,减少一些怪异行为;2,消除代码运行的一些不安全之处,保证代码运行的安全;3,提高编译器效率,增加运行速度;4,为未来新版本的JavaScript做...原创 2019-09-11 20:23:25 · 136 阅读 · 0 评论 -
Node开发第二天ES6
Promise对象Promise对象(1):Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作)异步和同步:async : 默认是以异步请求 async:false :同步 请求(2):有了promise对象, 可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数(俗称’回调地狱’)ES6的Promise是一个构造函数, 用来生成promise实例状...原创 2019-09-17 19:11:16 · 208 阅读 · 0 评论 -
Node开发第三天ES6
字符串扩展includes( ):返回布尔值,表示是否找到了参数字符串。startsWith( ):返回布尔值,表示参数字符串是否在源字符串的头部。endsWith( ):返回布尔值,表示参数字符串是否在源字符串的尾部。repeat(count):重复指定次数。include(“文件路径”) :加载文件require(“文件路径”) :加载文件 var str = "abcdefg"...原创 2019-09-17 20:34:17 · 152 阅读 · 0 评论 -
Node开发第四天 Node.js基础
Node 简介Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境Node.js采用Google开发的V8引擎运行js代码,使用事件驱动、非阻塞和异步I/O模型等技术来提高性能,可优化应用程序的传输量和规模。第一种:点击打开 -> 输入 cmd 进入到cmd命令窗口第二种:win + r 输入 cmd C:\Users\...原创 2019-10-09 20:16:45 · 183 阅读 · 0 评论 -
Node面试题
手写一个promiselet promise =new Promise((resolve,reject)=>{ console.log("11111"); setTimeout(function(){ resolve("成功了!!!!!"); }, 1000); }) promise.then...原创 2019-10-09 20:25:31 · 899 阅读 · 0 评论 -
JavaScript第七天 时间对象&字符串对象
时间对象var oDate = new Date(); //完整的时间var y=oDate.getFullyear();//年var m=oDate.getMonth()+1;//月var d=oDate.getDate();//日var w=oDate.getDay();//星期var h=oDate.getHours();//小时var mi =oDate.getMinute...原创 2019-08-15 23:10:37 · 119 阅读 · 0 评论 -
倒计时
<body> <h2></h2> <script> djs('2019,8,15 17:20:00',"距离时间") function djs(p,q) { var startime = new Date(); var endtime = new Date...原创 2019-08-15 08:32:26 · 120 阅读 · 0 评论 -
JavaScript第十天BOM
操作表单form.name 可以获取到相应的表单元素form.onsubmit提交事件form.onreset 重置事件form.onfocus获得焦点form.onblur 失去焦点submit提交reset 重置focus得到焦点blur 失去焦点select选中BOM-window.alert 警告框.confirm 带确认的对话框,返回点击的值。确认–tr...原创 2019-08-19 22:36:17 · 220 阅读 · 0 评论 -
基础学习8 pc端项目规划
day08精灵图技术优:1,减少请求次数,提高界面加载的速度;2,图片命名上的困扰;3,更换风格方便。缺:1,必须限定容器大小符合背景图元素位置,需要计算。图片拼合技术,它就是把多张小图拼合成一张大图 ,利用背景定位属性background-position:xpx ypx 实现显示大图当中的某一个小图how?(1)确定显示小图片的那个盒子的宽高(2)以背景的方式插入精灵图...原创 2019-08-01 19:24:14 · 193 阅读 · 0 评论 -
基础学习7 css技巧
day071:常见的兼容问题兼容: 通过代码实线各浏览器表现一致性1:ie8下图片边框问题<a><img src="./a/1.jpg"></a>解决办法:img { border:0; //去掉ie8下图片边框 display:block; or vertical-align:middle; 取消下间隙}2:图片...原创 2019-08-01 19:08:59 · 664 阅读 · 0 评论 -
基础学习6 定位
day06定位 position:两个大布局: 盒模型 浮动定位:anywhere1:定位类型:静态定位 static 标准流下的默认值 一动不动相对定位 relative绝对定位 absolute固定定位 fixed2:定位方位值:left:当前定位元素距离父元素左侧边界的值top:当前定位元素距离父元素上侧边界的值bottom:当前定位元素距离父元素下侧边界的值...原创 2019-08-01 18:58:27 · 125 阅读 · 0 评论 -
基础学习5 浮动
背景:background: #000 url(“ ”) no-repeat xpx ypx /10% 20% / center center top left /10% 20% 指的是背景盒子的宽度-图片的宽度的10%background-position: xpx ypx /10% 20% / center center top left ;back...原创 2019-08-01 18:52:03 · 180 阅读 · 0 评论 -
JavaScript第二天 js数据类型
1、数据类型两大类一、基本数据类型 number string boolean null undefined1,Number (数值)// 1. typeof(变量):检测变量类型。var a=10;console.log(typeof(a)); //操作台输出number//2. 8进制 0开头,没超过8的数var b=011;//3. 十六进制 0x开头,就是16进...原创 2019-08-07 22:18:25 · 154 阅读 · 0 评论 -
基础学习4 盒模型
选择器:* 0 > 标签选择器 1 > class类选择器 10 > id选择器 100父子关系 子代 E > F { } 后代 E F 兄弟关系 相邻 E + F { } 兄弟 E ~ F {}交集 div.a p#s 并集 .a ,.b,.c{}a:link a:visited a:hover a:...原创 2019-07-25 11:01:13 · 353 阅读 · 0 评论 -
基础学习3 css技巧,选择器优先级
day03 CSScss网页美容师 (层叠样式表)[外链图片转存失败(img-z6rm8Wsv-1563370992369)(C:\Users\Administrator\Desktop\第一阶段\day02\笔记\media\无css.png)][外链图片转存失败(img-9Eo9M9zo-1563370992371)(C:\Users\Administrator\Desktop\第一阶段...原创 2019-08-03 10:24:18 · 247 阅读 · 0 评论 -
基础学习2 HTML css初认识
回顾:1:五大常用浏览器 以及内核?Chrome webkit BlinkFireFox GeckoIE TridentOpera PrestoSafafi Webkit2: HTML : 超文本标记语言超:标记: 标签 ,语义标签: hi, em,strong hi h1语言: 不是编程语言em,i strong,...原创 2019-07-17 21:39:35 · 165 阅读 · 0 评论 -
基础学习9,10,11 关于pc端项目
项目准备网站TDK T 标题 D 描述 K 关键字<title>小米商城 - 小米CC9、小米MIX 3、Redmi K20,小米电视官方网站</title><meta name="description" content="小米商城直营小米公司旗下所有产品,包括小米手机系列小米CC9、小米9、小米MIX 3,Redmi 红米系列Redmi K20 Pro...原创 2019-08-03 10:28:13 · 331 阅读 · 0 评论 -
基础学习12 HTML5基础
H5新增语义化标签以及属性结构标签(1)<section></section> 独立内容模块 ,可以h1-h6组成大纲 ,表示文档结构,有章节、页眉、页脚或其他部分。(2)article (文章) 文章核心部分 (3)aside 标签内容之外相辅的信息 侧边栏(4)header 头部/标题(5)footer 底部(6)nav 导航(7)<figu...原创 2019-08-01 19:49:38 · 158 阅读 · 0 评论 -
基础学习13 c3 新盒模型
css3新增选择器+属性1:c3属性前缀CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。chrome 、Safiri 浏览器 : -webkit-FireFox : -moz-IE: -ms-opera : -o-先写标准的CSS3属性,在写css3属性2:c3选择器(1)毗邻选择 和兄弟选择器/*...原创 2019-08-01 19:54:46 · 1061 阅读 · 0 评论 -
JavaScript第九天DOM
DOM操作获取节点获取子节点父节点.children父节点.childNodes节点基本属性nodeType 用于表明节点的类型节点.nodeName 获取标签节点的标签名节点.nodeValue 获取文本节点的内容获取父节点元素.parentNode 属性指向文档树中的父节点元素.offsetParent 指向与当前元素最近的经过定位的父级元素...原创 2019-08-19 22:20:06 · 136 阅读 · 0 评论 -
数组去重
// 数组去重var arr = [5,3,5,7,4,3,3,3,5]; 返回[5,3,7,4] var arr = [5, 3, 5, 7, 4, 3, 3, 3, 5] var arr1 = [] for (var i = 0; i < arr.length; i++) { if (arr1.indexOf(a...原创 2019-08-19 22:09:08 · 83 阅读 · 0 评论 -
JavaScript第八天 数组&Math
数组创建数组var arr=[]var arr=new Array();添加删除push( ) 末尾添加 pop() 末尾删除unshift()头部添加 shift()头部删除splice()删除添加替换删除:可以删除任意数量的项,需指定两个参数,删除的第一项位置和要删除的项数。.splice(1) 当前位置之后都删除 .solice(1,1) ...原创 2019-08-19 22:07:05 · 206 阅读 · 0 评论 -
JavaScript第六天 定时器与函数封装
定时器分为两类setIntervar重复执行或者叫间歇执行,隔某个时间就执行一次。srtTimeout延迟执行,延迟某个特定的时间开始执行,只执行一次。清除定时器clearInterval(intervalId)clearTimeout(intervalId)轮播图<!DOCTYPE html><html lang="en"><head>...原创 2019-08-14 08:37:07 · 187 阅读 · 0 评论 -
JavaScript 第一天 js初识
什么是JavaScript?JavaScript是基于对象和时间驱动并具有相对安全性的客户端脚本语言。JavaScript有三个不同的部分组成:1,ECMAScript;2,DOM(Document Object Mode)文档对象类型;3,BOM(Browser Object Mode)浏览器对象类型。JavaScript与ECMAScript 的关系?ECMASc...原创 2019-08-06 20:52:20 · 154 阅读 · 0 评论