web前端优化技术:让你的页面打开速度飞快
web前端优化技术:让你的页面打开速度飞快
        页面的加载速度直接关联着用户的体验。研究表明,用户最满意的打开网页时间是 2-5秒,如果等待超过 10秒,99% 的用户会关闭这个网页。那么如何优化网页的加载速度呢,下面将从几个方面讲解。        1. 减少 HTTP 请求        合并脚本和样式表        将多个样式表或脚本文件合并到一个文件中,可以减少 HTTP 请求的数量从而缩短响
浏览:130 标签: web 前端
git删除本地和远程分支
git删除本地和远程分支
1、查看本地分支git branch2、查看项目的分支们(包括本地和远程)git branch -a3、删除本地分支git branch -d <BranchName>其中 -d 也可以是 --delete4、删除远程分支 git push origin --delete <BranchName>注意:git命令区分大小写,例如-D和-d在不同的地方虽然都是
浏览:198 标签: git 分支
用git pull取回远程仓库某个分支的更新,再与本地的指定分支自动merge
用git pull取回远程仓库某个分支的更新,再与本地的指定分支自动merge
git pull的作用是,从远程库中获取某个分支的更新,再与本地指定的分支进行自动merge。完整格式是:$ git pull <远程库名><远程分支名>:<本地分支名>比如,取回远程库中的develop分支,与本地的develop分支进行merge,要写成:git pull origin develop:develop如果是要与本地当前分支merge,则冒号后面的<本地分
浏览:194 标签: git merge
利用swiper插件实现3D轮播效果
利用swiper插件实现3D轮播效果
头部引入 swiper-3.4.2.min.css,底部引入 swiper-3.4.2.jquery.min.js。css代码#main { width:100%; } #main .swiper-container { width:95%; padding-top:0.5rem; } #main .swiper-slide
浏览:767 标签: swiper 轮播
自定义函数:获取/设置transform属性值及属性
自定义函数:获取/设置transform属性值及属性
transform中所有的变换都是基于矩阵来实现的, 但是这块也存在一个问题,就是没法获取样式中设置的动画属性值。通过 getComputedStyle(div[0])["transform"] 方式获取到的是一个矩阵数据,如:matrix(0.5, 0, 0, 0.5, 50, 0);通过 div[0].style.transform 方式获取到是所有的与transform相
浏览:248 标签: transform
webstorm中Git的使用
webstorm中Git的使用
Git 版本控制工具,是一个开源的分布式版本控制系统,用以有效、高速的处理从很小到非常大的项目版本管理。GitHub 一个网站,提供给用户创建git仓库,保存用户的一些数据文档或者代码等。Gitlab 基于Git的项目管理软件,是一个用于仓库管理系统的开源项目。使用Git作为代码管理工具,并在此基础上搭建起来的web服务。【1】clone项目VSC->Git->clon
浏览:320 标签: git webstorm
利用translate封装移动端滑屏效果(缓冲动画/滚动条)
利用translate封装移动端滑屏效果(缓冲动画/滚动条)
具体滑屏布局,css样式可以查看此篇文章:http://menvscode.com/detail/5ace2f814f66b879b92af410js代码functionmScroll(init){if(!init.el){returnfalse; }var wrap =document.querySelector(init.el);var inner = wrap.chi
浏览:335 标签: translate 移动端 滚动条
利用translate实现移动端滑屏效果(缓冲动画/滚动条)
利用translate实现移动端滑屏效果(缓冲动画/滚动条)
css代码body {margin:0; }body,html {height:100%;overflow: hidden;position: relative; }header {height:40px;font-size:20px;color:#fff;text-align: center;background:#000;line-height:40px; }footer
浏览:264 标签: 滚动条 translate 移动端
touch事件封装tap轻触事件
touch事件封装tap轻触事件
单手指事件:【1】touchstart:手指按在屏幕上【2】touchmove:手指在屏幕上移动【3】touchend:手指离开屏幕【4】touchcancle :手指操作取消(一般都是意外情况导致操作取消)多手指事件:【1】getsturestart:多手指按下【2】getsturechange:多手指位置改变【3】getstureend :手指离开【4】g
浏览:295 标签: touch tap
mui框架grid栅格布局
mui框架grid栅格布局
该文章将mui框架中grid栅格布局的css代码单独拿出来。演示的html代码<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>MVC前端网(menVScode)_前端博客_前端技术_前端资源下载_学习,成为更好的自己</title><metaname="viewport"content="widt
浏览:873 标签: mui grid 栅格
基于jquery实现分页效果
基于jquery实现分页效果
效果展示html代码<!DOCTYPE html> <html lang="en"><head><head>     <meta charset="utf-8" />     <title>MVC前端网(menvscode.com)</title>     <style>     *{ margin:0; padding:0; list-style:n
浏览:274 标签: jquery 分页
git合并分支到master上
git合并分支到master上
假如我们现在在dev分支上,刚开发完项目,执行了命令下列命令git add .git commit -m ‘dev'git push -u origin dev然后我们要把dev分支的代码合并到master分支上 该如何? 【1】首先切换到master分支上git checkout master如果是多人开发的话 需要把远程master上的代码pull下来git
浏览:337 标签: git master 分支

邮箱快速注册

忘记密码