自定义博客皮肤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 5811 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 906

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

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

2018-11-26 10:50:13 2344

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

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

2018-11-21 16:46:28 19349 4

原创 关于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 1411

原创 Fecshop的安装以及配置

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

2018-11-21 09:53:44 1797 1

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

原型与原型链,作用域及闭包,异步和单线程 原型与原型链 说到原型,就不得不提一下构造函数,首先我们看下面一个简单的例子: 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 662

原创 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 290

原创 elementui tree 无法获得根节点

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

2018-11-20 18:48:21 4243

苏宁首页以及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关注的人

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