- 博客(19)
- 收藏
- 关注
RSS订阅原创 input表单左侧固定文字
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> .search{ position: relative; } .search span{ position: absolute; } .search input{ width: 120px; p
2020-09-07 22:19:16
2142
原创 【webpack】学习
webpack是一个流行的前端项目构建工具（打包工具）。提供了友好的模块支持，以及代码压缩混淆、处理js兼容性问题，性能优化等功能module.exports = { //编译模式 mode:'development'//development /production}"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack" },c
2020-08-24 21:25:22
179
原创 【npm】学习
npm(node package manager):node的第三方模块管理工具本地安装方式下载：npm install 模块名称（默认下载到命令行当前文件夹）卸载：npm uninstall package 模块名称全局安装与本地安装命令行工具：全局安装库文件：本地安装第三方模块 nodemon当文件发生保存操作后自动执行该文件使用步骤下载：npm install nodemon -g在命令行工具中使用nodemon替代node命令执行文件第三方模块nrmnpm下载地
2020-08-22 16:19:34
234
原创 【Node.js】学习
Node.js是服务器端开发Node使用js语言开发后端应用Node是一个基于Chrome V8引擎的javaScript代码运行环境Node.js组成ECMAScript以及Node环境提供的一些附加API组成，包括文件、网络、路径等一些强大的API。执行node文件打开powerShell进入node文件所在目录执行命令 node 文件名或者1、进入node文件所在文件夹2、按住shift键并鼠标右键3、点击"在此处打开power shell窗口"4、执行命令 node
2020-08-22 01:04:57
191
2原创 SSM中service调用mapper出现空指针异常的情况
SSM中service调用mapper出现空指针异常的情况其实是忘记在controller中创建service时写注解加上后就可了！yes！
2020-07-15 21:19:38
2109
原创 【js】mouseenter和mouseover区别
mouseover鼠标经过自身盒子会触发，经过子盒子还会触发，mouseenter只会经过自身盒子触发。因为：mouseenter不会冒泡
2020-05-25 17:17:26
186
原创 [js基础] 元素可视区client + 立即执行函数 + 元素滚动scroll
clientWitrh与offsetWith最大的区别就是不包含边框立即执行函数：（function(){}）():后面的()相当于调用，可传参（function(){}()）主要作用：创建一个独立的作用域，避免命名冲突问题多个立即执行函数间要用‘；’隔开window.devicePixelRatio：物理像素比，pc端为1，手机端为2pageshow事件，重新加载页面触发的事件，火狐也可以。load事件火狐不可。pageshow事件有persisted属性，用来判断是否是缓存的页面，是返.
2020-05-25 17:13:14
241
原创 [js基础] pc端网页特效
元素偏移量 offset系列使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获取元素距离带有定位父元素的位置获取元素自身的大小，即宽度和高度！！返回的数值不带单位element.offsetWith不包含margin值，仅包含自身width+padding+borderelement.offsetParent：返回带定位的父元素element.parentNode：返回最近的父元素，无论带不带定位...
2020-05-25 14:34:21
189
原创 [js基础]BOM浏览器对象模型
BOM概述BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM的构成窗口加载事件window.onload = function(){} window.addEventListener('load',function(){}）当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等)1、有了window.onload就可以把js代码写在页面元素的上方2、window.onload传统注册事件方式只能写一次，如果有
2020-05-21 23:05:25
252
原创 [js]事件及事件流
注册事件注册事件也称为绑定事件，有两种方式：传统方式和方法监听注册方式传统方式：on开头的事件特点：注册事件唯一，同一个元素只能设置一个处理函数。最后注册的函数会覆盖之前的方法监听注册方式：addEventListener(type,listener[, useCapture])：(IE9后才支持)type：事件类型，如click、mouseover(不带on)listene...
2020-05-18 15:29:32
188
原创 [js API] DOM基础知识，节点操作
js API学习day2通过calssName改变元素样式：element.className = ’ ‘；会覆盖以前的类名想保留原来的类名：element.calssName = ‘原类名 新类名’改变body的背景样式：document.body.style.background = ‘url(’+xxx+’)’...
2020-05-04 17:28:53
155
原创 [js学习] web APIs
Web API学习day1API(应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。DOM文档对象模型(DOM)，是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口。通过DOM可以改变网...
2020-04-18 22:51:55
224
原创 [js学习]对象
js学习day3对象创建对象利用对象字面量创建对象：-var obj={uname: “didi”,age: 18,say: function(){console.log(“di”);}} 调用属性方法：1、对象名.属性名2、对象名[‘属性名’]调用对象的方法：对象名.方法名()利用new Object创建对象var obj = new Object()...
2020-04-17 18:01:45
276
原创 [js学习]基础day2
js基础学习—运算符已经学过其他编程语言，所以只记录一些需要注意的点算术运算符递增和递减运算符前置自增自减运算符++a：先自增/自减后返回值后置自增自减运算符a–：先返回原值后自增/自减比较运算符===和！= =表示全等，要求值和数据类型都相等逻辑运算符短路运算(逻辑中断)：当有多个表达式时，左边的表达式值可以确定结果时，就不再继续运算右边的表达式的值逻辑与语法：表达式...
2020-04-12 22:52:17
145
原创 [js学习] javaScript学习
JavaScript学习day1什么是JavaScriptJavaScript是一种运行在客户端的脚本语言脚本语言：不需要编译，运行过程中由js解释器逐行来进行解释并执行现在也可以基于Node,js技术进行服务器端编程浏览器执行js浏览器分成两部分：渲染引擎和js引擎渲染引擎：用来解析HTNL和CSS，俗称内核。如chrome的blink，老版本的webkitJS引擎：成为j...
2020-04-11 18:37:33
243
原创 [VS CODE]vs code常用快捷键记录
vs code快捷键ctrl+p: 输入要跳转的页面，快速跳转ctrl+f: 输入查找的内容，输入内容后可点击左侧下拉菜单输入替换内容，按右侧按钮进行内容选择替换ctrl+space: 显示提示信息shift+alt+f: 格式化文本fn+f12+函数名：跳转到选择函数alt+f12+函数名：显示所选函数的定义...
2020-04-10 20:19:27
201
原创 [前端/CSS]grid布局
grid布局总结首先横向布局纵向布局区域整体划分布局grid布局是一种二维布局方式，可以控制横向和纵向的布局。引用链接: link.首先横向布局.grid{ width: 300px; height: 200px; display: grid; grid-template-columns: 1fr 2fr 1fr; column-gap: 24p...
2020-04-10 19:20:10
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人