自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (3)
  • 收藏
  • 关注

原创 手把手教你字体图标iconfont如何使用

页面(PC/移动都支持)布局字体图标iconfont的使用背景:随着用户体验度的提升,现在一些功能性的小图标应用而生,最开始这些图标是图片,然而图片面临可编辑性差,占用内存大的问题。字体图标应用而生,它可调整大小颜色,由于是文字占用内存小,可复用性强,而被广泛使用http://www.iconfont.cn/ 阿里矢量图标库以下详细讲解它的使用方法:一、你需要一个电话的小图标打开网址,...

2018-11-30 10:49:53 5613 2

原创 移动web适配之rem

手机移动端布局要考虑到适配不同手机屏幕下面是自己适配的rem.js 其中的750根据设计稿的宽度修正创建rem.js文件,内容如下window.onload=function(){ resize(750,"x");}function resize(originSize,type){ // originSize = 750; // type = x ty...

2018-11-29 18:45:45 832

原创 随着滚动条滚动,导航栏的动画交互

以 http://www.alloyteam.com/ 为例子 我来给大家做出详细解答以下为初始演示当滚动条滚动样式如下下面我就教你如何实现这个样式这是这个网站导航条的样式 它并没有设置背景颜色,只是因为固定定位,导航条在网页不占空间,使得它悬浮在下面轮播图的上方,所以给人视觉一种透明效果;接下来就是监测滚动条,你会发现滚动条滚动就会在原来的基础上新加了个类 header-scr...

2018-11-26 10:50:13 2259

原创 @font-face字体文件过大导致页面加载缓慢

我们会遇到,一个中文的字体文件10MB,在本地加载不影响,可是上线就会出现字体加载缓慢的情况。下面以苹方字体为例https://blog.csdn.net/Creabine/article/details/55099602http://font-spider.org/这个链接是用的font-spider方法,大家可以参考不过大家会发现这种方法只对部分字体有效,对苹方字体没有任何效果针对...

2018-11-21 16:46:28 18686 3

原创 关于JavaScript 循环语句,函数,数组排序等的

for循环实现十行十列的表格,奇数行奇数列、偶数行偶数列不同的背景颜色。 let tab = "<table border='1' cellspacing='0'>"; for(let i=1;i<=10;i++){ //循环行 tab += "<tr align='center'>"; for(let j=1;j<=10;j++){ //...

2018-11-21 09:58:19 1284

原创 Fecshop的安装以及配置

Fecshop安装1、安装WAMP2、百度云中下载最新fecshop:https://pan.baidu.com/s/1hs1iC2C#list/path=/解压,文件夹内容放到自己的文件夹下面3、配置本地的host指向打开文件C:\Windows\System32\drivers\etchosts属性 安全 Users权限改为完全控制打开hosts文件在hosts文件最后...

2018-11-21 09:53:44 1702

原创 原型与原型链,作用域及闭包,异步和单线程

原型与原型链,作用域及闭包,异步和单线程原型与原型链说到原型,就不得不提一下构造函数,首先我们看下面一个简单的例子:function Dog(name,age){ this.name = name; this.age = age;}let dog1 = new Dog("哈士奇",3);let dog2 = new Dog("泰迪",2);首先创造空的对象...

2018-11-21 09:50:00 596

原创 CSS 知识点汇总

一、元素按照在页面中的呈现效果进行分类行内元素特性:在一行内显示,不可以设置宽高。例如:a b span strong i em del…块元素特性:独占一行,可以设置宽高。例如:div p pre h1-h6 ul>li(无序) ol>li(有序) dl>dt+dd(项目列表)行内块元素特性:在一行内显示,可以设置宽高。例如:表单控件 im...

2018-11-21 09:45:38 230

原创 elementui tree 无法获得根节点

elementui tree 无法获得根节点elementui tree子节点没有全部被选中时候,无法获得根节点解决办法elementui tree子节点没有全部被选中时候,无法获得根节点如上图选中项目中的一个打印输出console.log(this.$refs.tree.getCheckedNodes());根节点项目的数据并没有获取到解决办法node_modules/eleme...

2018-11-20 18:48:21 4117

苏宁首页以及JS实现动效(代码规范,你从未见过的全新版本)

苏宁首页,代码规范,包括JS代码全部做了注释,容易懂。是你从未见过的全新版本。轮播以及楼层跳转,选项卡效果等用原生JS实现。(同步参考我上传的另一个资源 小米首页)你的前端基础会上个台阶

2018-11-22

小米首页以及JS实现动效(代码规范,你从未见过的全新版本)

小米首页,代码规范,包括JS代码全部做了注释,容易懂。是你从未见过的全新版本。轮播以及滚动,选项卡效果等用原生JS实现。(同步参考我上传的另一个资源 苏宁首页)你的前端基础会上个台阶

2018-11-22

天猫首页以及动效的实现

基于HTML、CSS天猫首页的布局,以及基于JS动效的实现。基于HTML、CSS天猫首页的布局,以及基于JS动效的实现。基于HTML、CSS天猫首页的布局,以及基于JS动效的实现。

2016-01-07

空空如也

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

TA关注的人

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