简单几行代码 让电脑网页也可以像移动端一样平滑滚动,更好的滑动体验

word is cheap ,show me the code : $(document).ready(() => { let scrollTop = $(window).scrollTop(); document.addEventListe...

2019-02-22 16:25:44

阅读数 443

评论数 0

这绝对是最简单、最易理解的瀑布流教程!拒绝让人看的头疼的代码!

为什么别人的教程那么难看懂?代码多的都一大坨,蓝色,香菇~我认为,既然是教程,就应当简洁明了,在尽可能不伤眼、少伤脑的情况下习得精髓! 我先举个栗子,假设有15张图片,高度分别未10,20,30,40,50...140,150,排成3列。不用怀疑, 第一排肯定是10,20,30,40,50 。...

2018-11-19 20:42:54

阅读数 278

评论数 0

vue实现简单的前端分页功能

  思路:假设每页显示10条,一共100条,那么共10页,第一页显示1-10条数据,第二页显示11-20条数据...以此类推是不是有思路了 代码: let productList = []; for (let i = 0; i < 99; i++) { ...

2018-11-16 15:39:41

阅读数 1081

评论数 7

vue实现简单的分页功能

分页其实就是对一组数据分组!而vue又刚好是数据驱动,所以我们只需要关注数据层就行了!分页开始---> 变量: data() { return { // 假设这是后台传来的数据来源 data: [], // 所有页面的数据 ...

2018-09-15 16:09:54

阅读数 4876

评论数 9

关于微信小程序首页依赖网络请求数据 初始化失败的问题

其实小程序官方已经给了我们答案: // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回 // 所以此处加入 callback 以防止这种情况 app.userInfoReadyCallback = res => { ...

2018-09-08 12:50:06

阅读数 942

评论数 0

两种实现点击'对话框'以外的区域,'对话框'消失的方法。

html: <div class="wrap"> <div class="content"> &...

2018-08-20 18:03:14

阅读数 461

评论数 0

react-router4简易示例教程

搜了好多react-route4r教程,都没有个简单完整的路由跳转示例,还不如简单粗暴的来个怎么用的示例!上代码! import React from 'react'; import {Switch,Link,Route,BrowserRouter} from 'react-router-d...

2018-08-09 16:36:57

阅读数 700

评论数 0

按需加载图片、html代码、js代码,前端页面性能优化

加载一个比较长的页面,或者图片比较多的页面,如果把资源一次性全部加载,在网络不是很好的情况下可能造成页面留白现象,用户体验极差! 因此呢,我们可以把用户暂时不会看到或用到的资源先不加载,在某个条件下, 如鼠标点击、滚动条高度到某一位置,窗口大小改变等等,按需加载资源! 1.按需加载图片  ...

2018-08-03 14:42:04

阅读数 1172

评论数 0

vscode jsx语法自动补全html闭合标签

<div>标签头要自己敲,敲级累呀~</div> 初学react想必都经历过这个,感觉很不爽吧,还好,神通广大的vscode可能会让你受累,但绝对不会让你失望! 想要让在jsx实现自动补全闭合标签,现在只需一步: 文件--首选项--设置...

2018-08-01 11:00:39

阅读数 5467

评论数 0

利用http-server将本地网站放到本地服务器上(解决file协议跨域问题)

通常我们都是用file协议打开本地静态网页,但是,如果要和后端同事协作,或者想自己先模拟前后端数据交互,file协议直接访问服务器会有跨域问题,不能访问服务器,于是我们就想,能不能在开发过程中也把自己的网页也挂在服务器上。 node的http-server是个不错的选择。 流水线: 1. 安...

2018-07-26 11:20:47

阅读数 1314

评论数 0

一看就懂:自定义checkbox的样式(更改input表单控件的自定义样式)

默认的checkbox可能不能满足UI需求,而默认的样式是不能直接修改的,那该如何修改呢? 在改样式之前我们建议先了解<label>标签属性。 我们发现,可以通过label来操控关联的表单控件,于是,我们的思路是: 把input的样式隐藏起来,通过...

2018-07-24 16:29:14

阅读数 7577

评论数 0

利用express(nodejs)实现的前后端分离,包教包会!

首先确保你安装了nodejs,安装教程和利用vue-cli初始化一个项目在这就不娓娓道来了。(这里用vue-cli构建的项目,如果不是,只需要在客户端更换成其他请求数据的方法就好了) 一.现在是上午10点,精神很饱满, 我们先来搭建一下服务端吧! 1>>在你的项目...

2018-07-10 10:48:22

阅读数 5106

评论数 0

前端要会的一些ps切图和和ps技巧!

  一,图层切图:(这车开的有点稳,但注意跟上节奏) 1.左上角:文件-打开 你要处理的图 。注意,打开psd文件会有提示,如果用图层抠图的话,则保留图层,不然选择拼合。 2.选择右上角这个"移动选择工具"(这个工具还可以随意移动目标O),然后点击目标,这...

2018-06-20 16:33:10

阅读数 686

评论数 0

$(window).scroll()无法触发滚动条事件的问题

滚动条事件很常见。但有的时候竟会无法触发这个事件,真的让人有点捉急! 首先我们看,$(window).scroll(),是window的滚动,window代表的是当前窗口,但是如果我们把html和body设置了 width:100%;height:100%; 则无法$(window).scr...

2018-06-12 15:07:56

阅读数 4971

评论数 1

解决z-index无效的问题!

设置了定位的元素比正常文档流层级高,要想让元素显示在上层,就得给它设置定位,如relative,absolute,fixed,这样z-index才会出现我们想要的结果。 但是不是每一次约会她都会出现,不是每一次设置了z-index它都能隐藏!   如上图,我想让文字覆盖蓝色线框。但设置z...

2018-06-11 15:14:40

阅读数 641

评论数 0

解决轮播图图片大小不一的问题!

  要把大小不一样的图片做成整齐排列的轮播,如果直接固定宽高会把图片伸缩变形的,不固定又会让图片不整齐,用ps截图截成一样的大小难度系数略高。看似头大的问题,现在解决,只需2步: 1.假如有4张图,我们就先写4个一样大小一样的div.给div设置display:inline-block和一样的...

2018-06-11 13:49:30

阅读数 4686

评论数 0

不让图片失真,使大小不一的图片整齐排列!

作为前端er,肯定碰到过将一组要将一组图标整齐排列的问题,图片一样大还好,不一样大的话,没经验还真是烦人呢。 如图,排列不整齐美观。为了方便你我他,我加了边框 如果粗暴的把图片设置为一样大小,那图片会失去原有比例,导致伸缩,不雅。一个一个调整也不靠谱。 如何是好。其实很简单,在给4个图片...

2018-06-09 13:54:03

阅读数 1255

评论数 0

关于the authenticity of host can't be established 或者git@github.com: Permission denied (publickey)

由于工作换了台电脑,git push 的时候出现这个问题the authenticity of host can't be established,困扰了我挺久的,今天终于解决了。网上虽然也有解决的办法,但好像都不太全,不太准确。 我就以我的问题为例了。出现这个问题基本上是ssh不对,就是git...

2018-06-04 12:22:24

阅读数 1089

评论数 0

清除浮动的原理和方法

  .clearfix:after{ content:'.'; display:block; height:0; clear:both; visibility: hidden; }   先看看浮动的几种情况: 1.            图1  ...

2018-05-03 18:14:56

阅读数 74

评论数 0

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