自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 资源 (1)
  • 收藏
  • 关注

原创 Css3 实现无限循环

@-webkit-keyframes gogogo { 0%{ -webkit-transform: rotate(0deg); } 50%{ -webkit-transform: rotate(180deg); } 100%{ -webkit-transform: rotate(360deg); }...

2019-04-22 20:55:34 2725

原创 WEB前端性能优化常见方法

web前端是应用服务器处理之前的部分,前端主要包括:HTML,CSS,javascript,image等各种资源,针对不同的资源有不同的优化方式。 内容优化 (1)减少HTTP请求数:这条策略是最重要最有效的,因为一个完整的请求要经过DNS寻址,与服务器建立连接,发送数据,等待服务器响应,接收数据这样一个消耗时间成本和资源成本的复杂的过程。常见方法:合并多个CSS文件和js文件,利用C...

2018-12-16 20:21:49 450

转载 js模块化编程之彻底弄懂CommonJS和AMD/CMD!

先回答我:为什么模块很重要? 答:因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!于是下面三个模块规范出来了,这篇文章也出来了(拼出来的 {捂脸笑})。 JS中的模块规范(CommonJS,AMD,CMD),如果你听过js模块化这个东西,那么...

2018-12-16 20:12:09 248

转载 webstorm 怎么设置从localhost打开页面?

原因:webstorm自带的配置文件中会把带有handlebars/mustache标识的HTML自动转化handlebars/mustache模板,在 settings>editor>filetype中可以查看,所以你的浏览器预览就不能用了解决方案: 停用 handlebars/mustache plugins 即可 具体操作: settings>plugins>...

2018-10-21 16:53:58 4534

原创 JS获取当前元素在父元素的下标

var elt= tdSelf;var index = [].indexOf.call(elt.parentNode.querySelectorAll(elt.tagName),elt);

2018-10-18 16:09:39 3282

原创 图片错误写法

onerror="javascript:this.src=''

2018-08-24 15:43:34 394

转载 前端js面试中的常见的算法问题

虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。Q1 判断一个单词是否是回文?回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生...

2018-08-13 23:20:47 1124

转载 js前端面试题总结及答案

CSS列举不同的清除浮动的技巧   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26...

2018-08-13 23:19:41 5362

原创 没有前戏,简明扼要的进入主题——什么是模块化开发?

模块化开发,一个模块就是一个实现特定功能的文件,有了模块我们就可以更方便的使用别人的代码,要用什么功能就加载什么模块。模块化开发的4点好处:  1 避免变量污染,命名冲突  2  提高代码复用率  3 提高维护性  4 依赖关系的管理 前端模块化规范从原始野蛮阶段现在慢慢进入“文艺复兴”时代,实现的过程如下:一 函数封装我们在讲到函数逻辑的时候提到过,函数一...

2018-08-13 18:56:11 185

原创 那些年我们经常遇到的浏览器兼容性问题

 那些年我们追过的男孩或者女孩,你还记得吗?他或者她也许再也不会出现在你的生命中了,但是,我们每天还是会遇到熟悉的再也不能熟悉的那些浏览器兼容性Bug。    在总结浏览器问题之前,我觉得我们应该掌握目录中的1~7标题的内容,对后面的问题,我想应该会更明白一些,并且可以避免许多Bug。1. Web标准以及W3C    Web标准是由万维网联盟(W3C)制订的,WEB标准的产生,网页内容...

2018-08-12 21:27:49 290

原创 前端页面量矢量图尺寸工具

最熟悉的是photoshop,还有一些很实用的工具,比如: http://www.fancynode.com.cn/pxcook/home http://www.getmarkman.com/

2018-08-11 18:26:14 3363

原创 WEB前端性能优化常见方法

web前端是应用服务器处理之前的部分,前端主要包括:HTML,CSS,javascript,image等各种资源,针对不同的资源有不同的优化方式。 内容优化 (1)减少HTTP请求数:这条策略是最重要最有效的,因为一个完整的请求要经过DNS寻址,与服务器建立连接,发送数据,等待服务器响应,接收数据这样一个消耗时间成本和资源成本的复杂的过程。常见方法:合并多个CSS文件和js文件,利用C...

2018-08-11 18:16:33 173

原创 Web前端性能优化问题

1、请减少HTTP请求基本原理:在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务器发送请求信息,服务器在接受到请求的信息后再返回相应的信息,浏览器接收到来自服务器的应答信息后...

2018-08-11 18:01:58 293

原创 使用webpack打包后的vue项目如何运行(express)

我们知道使用webpack打包vue项目后会生成一个dist文件夹,dist文件夹下有html文件和其他css、js以及图片等,那么打包后的文件该如何正确运行呢?  倘若直接打开html文件,会报如下错误:      那么该如何运行呢?其实可以将生成的dist文件部署到 express 服务器上运行。  (1)、安装express-generator生成器。     npm i...

2018-08-11 17:21:58 2344

原创 npm install出现"Unexpected end of JSON input while parsing near"错误解决方法

运行npm cache clean --force即可解决pm install出现”Unexpected end of JSON input while parsing near”错误。

2018-08-11 16:50:25 957

原创 Git 命令清单

下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库一、新建代码库# 在当前目录新建一个Git代码库$ git init# 新建一个目录,将其初始化为Git代码库$ git init [project-name]# 下载...

2018-08-01 13:56:38 191

原创 localStorage使用总结

localStorage使用总结一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。...

2018-08-01 11:10:32 133

原创 在less 里面还是会删除,找了半天原因,发现 需要改成这样

在less 里面还是会删除,找了半天原因,发现 需要改成这样 /*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */overflow: hidden;-webkit-line-clamp: 2;height: .72rem;line-height: .36rem;display: -webkit...

2018-07-12 13:29:16 778

原创 json 格式检查

https://jsonformatter.curiousconcept.com/ 

2018-07-12 13:28:29 3346

原创 导航active

$("#navigation-block a").each(function(){ $this = $(this); if($this[0].href==String(window.location)){ $("#navigation-block li").removeClass("active"); $this.parent("li").addCl...

2018-06-22 14:05:30 468

转载 合并分支到master上

假如我们现在在dev分支上,刚开发完项目,执行了命令下列命令git add .git commit -m ‘dev'git push -u origin dev123然后我们要把dev分支的代码合并到master分支上 该如何? 首先切换到master分支上git checkout master1如果是多人开发的话 需要把远程master上的代码pull下来git pull origin...

2018-06-21 13:39:50 650

转载 css 文本和div垂直居中方法汇总

在样式布局中,我们经常碰到需要将元素居中。通过css实现元素的水平居中较为简单:对文本,只需要对其父级元素设置text-align: center;,而对div等块级元素,只需要设置其left和right的margin值为auto。要实现元素的垂直居中,有人会想到css中的vertical-align属性,但是它只对拥有valign特性的元素才生效,例如表格元素中的<td>、<t...

2018-05-26 11:32:24 109

转载 Flex 布局教程:语法篇

网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex布局...

2018-05-26 11:28:27 119

原创 Reset CSS

https://meyerweb.com/eric/tools/css/reset/index.html/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h...

2018-05-18 22:54:55 123

原创 json 数据

http://jsonplaceholder.typicode.com/

2018-05-14 21:10:09 112

转载 js获取当前时间是本年第几周

以周一为每周的第一天。function getWeekOfYear(){  var today = new Date();  var firstDay = new Date(today.getFullYear(),0, 1);  var dayOfWeek = firstDay.getDay();   var spendDay= 1;  if (dayOfWeek !=0) {    spendD...

2018-05-05 21:41:21 1576

原创 Ubuntu下安装2017新版QQ

1. 先执行下面的三行命令sudo add-apt-repository ppa:wine/wine-builds sudo apt-get updatesudo apt-get install winehq-devel1232. 然后下载这个  百度云链接:https://pan.baidu.com/s/1r50uikUyF2yl_k4zc7fMig  密码:2rsx3. 下载完成之后  ...

2018-05-03 13:45:23 545

原创 Ubuntu 安装 SmartGit-Git客户端

SmartGit 是一个 Git版本控制系统的图形化客户端,它是跨平台的软件。Ubuntu安装SmartGit234$ sudo apt-get update$ sudo apt-get install gdebi$ wget https://www.syntevo.com/downloads/smartgit/smartgit-18_1_1.deb$ sudo gdebi smartgit-18...

2018-05-01 18:27:03 2185

转载 修改WebSotorm背景色

默认的WebStorm的背景色是纯白色,这种颜色更容易让你引起眼部疲劳。2点击“文件”→“设置”3找到并点击“Colors & Fonts”打开“Editor”(编辑)4打开“编辑”后,找到“HTML”5这时,查看右侧,找到如下图的选框,选择你所喜欢的背景色。6确定背景色后,找到并点击“Save as”选项,随意输入你喜欢的名字。END修改字体大小点击并打开“Colors & Fo...

2018-05-01 10:34:56 733

原创 Web css

css限制文本行数display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;

2018-04-30 19:59:48 130

转载 ubuntu安装nodejs

推荐使用方法1进行安装在nodejs官方网站download页面中选择需要使用的版本,可以选择LTS或current,选择对应系统右键复制链接地址如果需要下载历史版本可以选择download页面底部PreviousReleases,也可以直接访问http://nodejs.org/dist/或https://nodejs.org/download/release/方法1:curl -sL http...

2018-04-30 10:12:44 319

转载 在Linux上安装Git

首先,你可以试着输入git,看看系统有没有安装Git:$ gitThe program 'git' is currently not installed. You can install it by typing:sudo apt-get install git像上面的命令,有很多Linux会友好地告诉你Git没有安装,还会告诉你如何安装Git。如果你碰巧用Debian或Ubuntu Linux,...

2018-04-30 10:03:45 452

转载 linux下安装chrome

1.按下 Ctrl + Alt + t 键盘组合键,启动终端2.在终端中,输入以下命令:(将下载源加入到系统的源列表。命令的反馈结果如图。如果返回“地址解析错误”等信息,可以百度搜索其他提供 Chrome 下载的源,用其地址替换掉命令中的地址。)xzm@ubuntu:~$  sudo wget https://repo.fdzh.org/chrome/google-chrome.list -P /...

2018-04-29 22:47:03 158

转载 初学ubuntu之文件权限权限

今天接着做笔记,坚持学习下去。  文件权限修改命令,初学者看见这个命令之后总有些摸不着头脑,这命令里面用到了一些数字,我自己也是,这次写一篇自己的认识。希望能够帮助到需要学习的人。  首先你可以通过 ls -l 命令查看当前文件夹下所有文件的详细信息,在最左边的这一行就会显示文件的权限,第一个字母d不用管(我自己也不清楚)接下来了是一串字母rwx加¨-¨的组合,这就是所谓的权限(r代表read,是...

2018-04-29 22:45:37 202

转载 Linux下安装webstorm

Linux下安装webstorm1--在webstorm官网里面下载最新的版本  WebStorm-11.0.3.tar.gz2--创建webstorm的安装目录#mkdir /usr/webstorm3--解压# tar zxvf WebStorm-11.0.3.tar.gz -C /usr/webstorm4--阅读这个  Install-Linux-tar.txt文件通过这个文件我们可以看到...

2018-04-29 22:44:16 1903

小米网页仿写

小米所有特效,交互,以及响应式。 小米所有特效,交互,以及响应式。 小米所有特效,交互,以及响应式。

2018-03-14

空空如也

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

TA关注的人

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