aZF1997-优快云博客

原创 MyBatis配置详解

mybatis-config.xml配置详解 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"> <configuration> <!--environments标签配置数据源环境 default 属性设

2021-03-02 20:54:50 333

原创 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 198

原创 vue.js(1)

v-html 插入到DOM元素中可以进行DOM元素解析,相当于js下的innerHTML v-text 相当于js的innerText 不解析DOM元素 v-on 绑定方法进行操作 v-on可以使用简写的方式@,推荐使用简写的方式,和v-on完全等价 v-show=’布尔值’ 控制元素的显示隐藏 true显示 false隐藏 v-if=’布尔值’ 控制元素的显示隐藏,和v-show用...

2019-10-18 20:49:59 372

原创 Node面试题

手写一个promise let promise =new Promise((resolve,reject)=>{ console.log("11111"); setTimeout(function(){ resolve("成功了!!!!!"); }, 1000); }) promise.then...

2019-10-09 20:25:31 987

原创 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 250

原创 Node开发第三天ES6

字符串扩展 includes( ):返回布尔值，表示是否找到了参数字符串。 startsWith( ):返回布尔值，表示参数字符串是否在源字符串的头部。 endsWith( ):返回布尔值，表示参数字符串是否在源字符串的尾部。 repeat(count):重复指定次数。 include(“文件路径”) :加载文件 require(“文件路径”) :加载文件 var str = "abcdefg"...

2019-09-17 20:34:17 242

原创 Node开发第二天ES6

Promise对象 Promise对象 (1):Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作) 异步和同步: async : 默认是以异步请求 async:false :同步请求 (2):有了promise对象, 可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数(俗称’回调地狱’) ES6的Promise是一个构造函数, 用来生成promise实例状...

2019-09-17 19:11:16 260

原创关于JavaScript的面试题

什么是JavaScript？基于对象和事件驱动并具有相对安全性的客户端脚本语言 JavaScript与ECMAScript的关系？ JavaScript是ECMAScript的表现，ECMAScript是JavaScript的规范变量的命名规则？ 1.名字见名知义，遵循驼峰标识。例：userName passWord 2.变量名只能以字母,_,$开头 3.不能使用关键和保留字 4.变量名不要...

2019-09-11 20:48:14 2500

原创 Node开发第一天ES6

ECMAScript是JavaScript的规格 JavaScript是ECMAScript的实现 ES5回顾 JavaScript严格模式（strict mode）设立严格模式的原因： 1，消除JavaScript语法的一些不合理、不严谨之处，减少一些怪异行为； 2，消除代码运行的一些不安全之处，保证代码运行的安全； 3，提高编译器效率，增加运行速度； 4，为未来新版本的JavaScript做...

2019-09-11 20:23:25 197

原创 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 205

原创 JavaScript第二十二天 jQuery中的事件和动画

jQuery中的事件事件对象的属性事件绑定on() jQuery对象.on(事件名,函数) 函数中的this是触发这个事件的对象，且是原生的DOM对象。绑定自定义事件，自定义事件需要用trigger来触发取消事件绑定off jQuery对象.off( ’ 事件名 ’ ,selector,fun) 如果没有参数,则取消这个元素所绑定的所有事件名。事件绑定one() one()绑定的事件只执...

2019-09-10 21:10:48 182

原创 JavaScript第二十一天 jQuery的DOM操作

属性操作查找属性节点 attr()可以获取它的各种属性的值，也可以设置属性 removeAttr删除属性 1. $ ().attr与$().prop()的区别? 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 $("#chk1").prop(“checked”) == false $("#chk2")...

2019-09-10 19:53:06 210

原创 JavaScript第二十天 jQuery入门

认识jQuery jQuery是一个优秀的JavaScript库，凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发ajax的操作。 $ 就是jQuery的一个简写形式。 1.$(document).ready() 方法和window.onload 有什么区别？页面加载 window.onload与ready的区别 1....

2019-09-09 22:13:28 169

原创 JavaScript第十五天闭包与ajax

函数名与闭包 // 普通函数命名函数 function fun(){ console.log('1') } // 表达式函数 var fun = function(){ } // 事件函数 document.onclick = function(){ ...

2019-09-09 21:03:55 317

原创 JavaScript第十四天面向对象

面向对象三个基本特征：封装、继承、多态。对象由属性和方法组成，属性对应变量，表示对象的基本特征，是静态的，方法对应函数，表示对象的行为，是动态的。字面量方式创建 // 复用率低代码冗余 var obj = { "name":"小明", "age":"12", "eat":function(){ ...

2019-09-09 20:45:51 183

原创 JavaScript第十三天cookie与正则表达式

cookie cookie实际上是指小量信息，只能存储4KB，是有web服务器创建的，将信息存储在用户计算机上的文件。在计算机中是个存储在浏览器目录中的文本文件。谷歌、欧朋都不支持本地的cookie，火狐可以。 // 存储cookie document.cookie='key=value' document.cookie='age=12' // 获取 cookie console.log(d...

2019-08-22 21:51:33 587

原创 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 186

原创 JavaScript第十一天事件

事件基础事件函数：当事件被触发时调用。事件对象：当事件发生的时候，浏览器会将事件相关信息保存在内置全局对象window.event当中，可以直接使用。 type：获取事件类型 target：获取触发事件的对象 clientX、clientY 获取当前鼠标位置，相对于屏幕 pageX、pageY 获取当前鼠标位置，相对于页面 shiftKey、ctrlKey、altKey 布尔值，是否按...

2019-08-21 21:19:53 187

原创 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 281

原创 JavaScript第九天DOM

DOM操作获取节点获取子节点父节点.children 父节点.childNodes 节点基本属性 nodeType 用于表明节点的类型节点.nodeName 获取标签节点的标签名节点.nodeValue 获取文本节点的内容获取父节点元素.parentNode 属性指向文档树中的父节点元素.offsetParent 指向与当前元素最近的经过定位的父级元素 ...

2019-08-19 22:20:06 203

原创数组去重

// 数组去重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 127

原创 JavaScript第八天数组&Math

数组创建数组 var arr=[] var arr=new Array(); 添加删除 push( ) 末尾添加 pop（）末尾删除 unshift（）头部添加 shift（）头部删除 splice（）删除添加替换删除：可以删除任意数量的项，需指定两个参数，删除的第一项位置和要删除的项数。 .splice(1) 当前位置之后都删除 .solice(1,1) ...

2019-08-19 22:07:05 257

原创判断一个字符串中出现次数最多的字符，并且统计次数。

2019-08-15 23:13:31 540

原创字符串去重，并去除掉特殊字符按照数字在前字母在后的顺序排序字符串

2019-08-15 23:12:28 1992

原创 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 170

原创倒计时

<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 171

原创 JavaScript第六天定时器与函数封装

定时器分为两类 setIntervar 重复执行或者叫间歇执行，隔某个时间就执行一次。 srtTimeout 延迟执行，延迟某个特定的时间开始执行，只执行一次。清除定时器 clearInterval(intervalId) clearTimeout(intervalId) 轮播图 <!DOCTYPE html> <html lang="en"> <head&gt...

2019-08-14 08:37:07 261

原创 JavaScript第五天函数

函数函数声明及调用声明 function sum（）{ console.log（1）； } 函数在没有调用前不会执行，函数名的命名规则一样。

2019-08-12 22:56:11 189

原创 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 205

原创 JavaScript第三天流程控制语句

流程控制语句 if语句假设一个条件，如果成立，就做某一个操作 if（条件）{条件成立执行} if–else if（条件）{ 条件成立执行 }else{ 条件不成立执行 } if(a>=60){ word.innerHTML = '恭喜你考试过关!'; }else{ word.in...

2019-08-08 21:03:31 196

原创 JavaScript第二天 js数据类型

1、数据类型两大类一、基本数据类型 number string boolean null undefined 1，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 218

原创 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 208

原创 css3 过渡、变换与动画

过渡属性通过c3可以在不使用flash动画或js的情况下，为元素从一种样式变换为另一种样式时添加效果。而c3过渡就是元素从一种样式逐渐改变为另一种的效果。要规定两项内容：规定你希望把效果添加到哪个css属性上；规定效果的时长 transition-property 规定设置过渡效果的css属性名称 none 没有属性 all所有属性 property 定义过渡效果的c...

2019-08-03 15:51:17 237

原创常见问题4

1，在项目中你是如何做图片优化的？（1）、降低图片的大小我们的目的是降低图片的大小kb，有很多方法可以做，压缩图片，选择更小kb的图片格式，以达到最优的显示效果,找在线压缩图的网站如TinyPNG:一个压缩PNG的神站（2）、选择适当的图片宽度尺寸（即响应式图片）（3）减少HTTP的网络资源请求考虑CSSSprites(背景精灵图/雪碧图) 怎么使用精灵图？利用CSS的ba...

2019-08-03 10:33:50 217

原创基础学习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 410

原创基础学习3 css技巧，选择器优先级

day03 CSS css网页美容师 (层叠样式表) [外链图片转存失败(img-z6rm8Wsv-1563370992369)(C:\Users\Administrator\Desktop\第一阶段\day02\笔记\media\无css.png)] [外链图片转存失败(img-9Eo9M9zo-1563370992371)(C:\Users\Administrator\Desktop\第一阶段...

2019-08-03 10:24:18 318

原创常见问题6 响应式

1，什么是响应式设计？响应式设计的基本原理是什么? 实现不同屏幕分辨率的终端上浏览网页不同的展示方式。页面的设计与开发应当根据用户行为以及设备环境进行相应的响应和调整。基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理。 2，响应式优缺点？优： 1，减少工作量，网站、设计、代码、内容都只需要一份； 2，节省时间； 3，每个设计都能得到正确的设计。缺： 1，会加载更多的样式和脚本资源； 2，...

2019-08-03 10:14:25 322

原创常见问题5 移动端

1，常见的移动端布局解决方案有哪些？原理如何？ 1:固定布局采用固定像素原理:设置好视口,跟PC端写法一样版心320px 即可优点：思路沿用pc端，上手简单。缺点: 界面左右两侧有空白而且元素略小用户体验差 2:流式布局原理:采用%替代固定px 限制布局盒子的最大宽度和最小宽度优点:实现自适应缺点: 只做宽度适配,高度会被拉伸 3:rem布局原理:设置根...

2019-08-03 10:10:46 234

原创常见问题3 等高，圣杯，双飞翼浮动

☆等高布局、圣杯布局、双飞翼布局的实现原理？圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动，区别在于解决中间栏div的内容不被遮挡上，圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为三栏是单独分开的（如果可以看到空隙的话），而双飞翼布局是在...

2019-08-03 09:46:38 347

原创常见问题2 css

1，哪些css属性是可继承的？ text- align 对齐方式 -decoration： none 默认：underline 下划线：overline 上划线：line-through中划线 font- size文字大小 -family 字体 -style：normal正常 italic 斜体：-weight粗细 line- line-height 行高...

2019-08-03 09:20:18 150

空空如也

空空如也