自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 自用 gulp工具

全局安装 gulp-cli全局安装 gulp-cli 命令行工具:$ npm i gulp-cli -g 安装完成后,使用 gulp --verion 测试:$ gulp --version如果能够看到类似如下提示,则说明安装成功:CLI version: 2.3.0Local version: Unknown注意:全局安装 gulp-cli 只需要执行一次即可创建项目与 package.json 文件在目标位置创建目录(例如:gulp-demo)$ mkdir gulp-de

2021-09-16 16:44:35 392

原创 自用 jQuery 基础

jQuery一、认识是一个大型的开源类库,封装的都是 DOM 相关的操作特点: + 选择器 + 链式编程 + 隐式迭代优点:全兼容使用方法:下载一个 jQuery.js 文件 https://jquery.com在页面引入+ 直接引入 jQuery.js 开始使用 + jQuery.js 中有 window. jQuery = window.$ = jQuery + 调用 jQuery 时,使用名字是 $ 或者 jQuery关于$ ()

2021-09-16 14:22:16 123

原创 自用 gitee

Githttps://www.runoob.com/git/git-tutorial.htmlGit 是一个开源的分式版本控制系统,不必服务器端软件支持。概念工作区项目目录版本库是在工作区中的一个隐藏的 .git 目录,在该目录中保存了和版本相关的数据暂存区暂时保存版本信息的区域,是在 .git 目录中的 index 文件安装https://npm.taobao.org/mirrors/git-for-windows/v2.33.0.windows.2/全局配置$ git conf

2021-09-15 17:09:58 803

原创 自用 连接数据库

NodeJSNode.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时(V8引擎)建立的一个平台。npmnode package manager(node 包资源管理工具),主要用于安装、卸载、更新、发布(等操作) Node 平台上的各种包资源。https://www.npmjs.com/:所有发布到 node 平台的包都可以在该网站查询到安装包$ npm install <package-name> --save

2021-09-15 17:00:52 105

原创 用js实现放大镜效果

用js实现放大镜效果一、实现办法准备两个大div,第一个div(类名:small)放本来大小的图片,另一个div(类名:large)显示放大的图片。在第一个div里面放一个小的div(类名:len),此div用来选择图片需要放大的部位( 显示镜头 )。刚开始的时候,large盒子和 len盒子都是隐藏起来的,当鼠标移入图片时,将large盒子和 len盒子显示出来, len盒子跟随鼠标的移动改变位置,在将变化赋值给large盒子来改变。二、具体实现html 样式: <div class="s

2021-09-06 20:43:49 148

原创 JS中,在可视窗口内拖拽div

JS中,在可视窗口内拖拽div在这篇文章中,主要写了div盒子在可视窗口范围内拖拽效果。拖拽div,涉及的步骤有:鼠标按下,选中要拖拽的div鼠标移动,div跟着光标移动鼠标弹起,取消鼠标移动一、先设div基本样式html结构: <div class="box"></div>css样式: <style> * { margin: 0; padding: 0; } .box {

2021-08-17 20:52:37 707

原创 css中div居中显示的四种方法

css中设置div元素居中显示的四种方法一、先确定div的基本样式二、具体实现方法第一种:利用子绝父相和margin: auto实现第二种:利用子绝父相和过渡动画tranform实现第三种:同样是利用子绝父相和margin负值实现第四种:利用flex弹性盒布局实现一、先确定div的基本样式先给div随便设置些基本的样式,这样所得到的结果容易看出效果。css结构: <style type="text/css"> *{ margin: 0; height: 0; }..

2021-08-11 20:18:51 14169 1

空空如也

空空如也

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

TA关注的人

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