自定义博客皮肤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)
  • 收藏
  • 关注

原创 常用git命令

一. git初始化和相关操作:git初始化:git init设置用户名:git config --global user.name '用户名'设置用户名邮箱:git config --global user.email '邮箱'(不加 --global为仓库级别,否是为系统级别,仓库级别>系统级别)查看初始化配置:git config --list二. 提交命令:工作区=>暂存区(可以把 . 替换成指定文件,. 表示全部文件) git add .暂存区=>g

2022-04-06 16:42:37 87

原创 vue项目实现图片懒加载

vue项目实现图片懒加载当用户打开一个页面时,页面会一次性加载所有的图片,这时则可能会影响整个页面的性能,针对这个问题我们可以使用vue-lazyload插件对图片进行懒加载,当图片需要显示时在进行加载1.第一步安装vue-lazyload插件npm install vue-lazyload --save2.第二步在main.js文件下导入插件:import VueLazyload from 'vue-lazyload'3.使用插件Vue.use(VueLazyload) //基本用法

2021-07-08 01:44:21 527

原创 vue使用fastclick库解决移动端300ms点击延迟

vue使用fastclick库解决移动端300ms点击延迟当在移动端进行点击操作时,屏幕会判断用户是否进行双击之类的操作,所以会有300ms左右的延迟派发事件,针对这个问题fastclick库给出了解决方案1.第一步安装:npm install fastclick --save2.在main.js文件下导入fastclick库import fastclick from 'fastclick';3.调用attach函数将fastclick库附加到页面体中即可fastclick.attach(

2021-07-06 00:52:39 275

原创 使用webpack的postcss工具

使用webpack的postcss工具postcss可以通过JavaScript转换样式再进行打包,比如添加浏览器前缀和css重置(可以将最新的css语法进行转化使所有浏览器适配)一,配置webpack的相关内容二,安装postcss在终端输入安装:npm install --save-dev postcss-loader postcss三,使用postcss-loader在配置文件webpack.config.js中使用loadermodule: { rules: [

2021-05-26 18:47:06 249

原创 webpack的安装、配置和基础打包

webpack的配置和打包一,官网下载node.js并安装好:https://nodejs.org/en/download/二,安装webpackwin+r输入cmd在终端安装webpack:(这里是全局安装,推荐指定版本号3.6.0,应为vue cli2依赖该版本)npm install webpack@3.6.0 -g如果想要局部安装,就到对应项目终端输入:npm install webpack@3.6.0 --save-dev(–save-dev指开发时依赖,项目打包后不需要继续

2020-09-12 23:59:10 126

原创 利用js获取时间年,月,日,星期,时,分,秒

使用js获取时间引入jq<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.js"></script>html代码<div id="date"></div>编写js代码$(function(){ setInterval(updateTime, 1000); //每秒刷新 updateTime();})function updateTime() {

2020-09-10 23:31:42 260

原创 用jquery实现消息列表滚动

用jquery实现消息列表滚动引入jq<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.js"></script>html<ul id="express"> <li>・aaaaa</li> <li>・bbbbb</li> <li>・ccccc</li> <li>・ddd

2020-08-22 00:46:03 838

空空如也

空空如也

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

TA关注的人

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