网页前端 CSS - 送码网

当前位置：首页 > 资讯 > 网页前端 > CSS

页面可见性API，处理H5端页面可见性监听的最终方案...

2018-11-01 885

一、简介背景：一般我们在进行前台页面开发时，对于客户正在离开页面。常用的方法是监听下面三个事件。pagehidebeforeunloadunload但是，这些事件在手机上可能不会触发，页面就直接关闭了。由于手机系统可以将一个进程直接转入后端，而后杀死。客户点击了一条系统通知，切换到另一个 App。客
Google移动设施工具优化站长网站篇

2018-11-01 1056

随着移动网站的流量日益增大，拥有适合移动设施的网站是提升网站影响力的重要因素，谷歌等搜索引擎也大力增强手机端的搜索体验，不过，很多桌面版网站在移动设施上可能不太容易浏览及使用。因而，拥有适合移动设施的网站是提升在线影响力的重要因素。为了方便网站站长对于原有桌面网站在移动设施上的优化，谷歌推出了“移动
React组件封装集合

2018-11-01 775

前言一直以来，都是在项目中将公共React组件放在Common之类的文件夹，今天抽时间把以前博客详情过的几个React组件笼统出来，挂载到npm上，提供下载安装。React组件集合列表下面列举的React组件都可以点击链接去github下载使用，具体搭建教程看readme文档。1、lazy-load
瀑布流插件Masonry中文文档

2018-11-01 1530

安装Install下载下载压缩或者未压缩的masonrymasonry.pkgd.min.js （压缩）masonry.pkgd.js （未压缩）CDN在unpkg直接饮用Masonry文件。包管理使用Bower安装bower install masonry --save使用npm安装npm ins
Vue项目History模式404问题处理

2018-11-01 706

本文主要处理Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（因为每个项目的情况都不尽相同，本方案已经完美处理本在所使用项目，具体情况可能还需要修改。）1.项目背景分析本人是Java后端开发，Vue其实使用也没有多久，只能说简单理解。发现问题的时候其实也一头雾水，第一思想
JS竟然对SEO优化有影响？这怎样可能？

2018-11-01 1558

在网站优化中，一个网站从建设开始就需要布局很多方面的事情，在搭建好框架之后我们就需要对网站进行正当的优化，不论是站内优化还是站外，不论是链接还是代码，都是决定网站良好排名的基础，其中代码优化就是备受争议的对象。不论是js还是css都是需要我们进行正当的优化，保障网站的正常经营，那今天小诺就给大家简单
一篇文章让你轻松理解Xss攻击

2018-11-01 1013

什么是XSS攻击跨站脚本（cross site script）为了避免与样式css混淆，所以简称为XSS。XSS是一种经常出现在web应用中的计算机安全漏洞，也是web中最主流的攻击方式。那么什么是XSS呢？XSS是指恶意攻击者利用网站没有对客户提交数据进行转义解决或者者过滤不足的缺点，进而增加少量
Node.js 系列-搭建静态资源服务器

2018-11-01 763

什么是静态资源服务器?那先说什么是静态资源 , 它指的是不会被服务器的动态运行所改变或者者生成的文件 . 它最初在服务器运行之前是什么样子, 到服务器结束运行时, 它还是那个样子. 比方平常写的 js , css , html 文件, 都可以算是静态资源. 那么很容易了解, 静态资源服务器的功能
CSS实现兼容性的渐变背景(gradient)效果

2018-11-01 977

一、有点俗态的开场白要是两年前，实现“兼容性的渐变效果”这个说法预计不会被提出来的，那个时候，说起渐变背景，想到的多半是IE的渐变滤镜，其余浏览器尚未支持，但是，在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展现如何实现兼容性的渐变背景效果。在众多的浏览器中，目前
前台面试-css中transition和animate有何区别？

2018-11-01 790

题目及简易解析css中transition和animate有何区别？animate如何停留在最后一帧？Transition是css中检测指定属性变化进行自动补间动画的属性。Animate是先指定好动画过程中的关键帧属性，进行动画的属性。在animate动画中 animation-fill-mode:
前台开发人员职业生涯中迈出的第一步

2018-10-31 752

希望让您作为前台开发人员的职业生涯走向何方？也许你有点卡住或者沮丧？那么这篇文章适合你。几个星期前，我的一位朋友联络了我，他刚开始作为前台开发人员的职业生涯。当旅程的开始令人沮丧时，这是非常典型的，并且没有比已经去过那里的人的建议更好的了。我从未仔细考虑过这个问题，但我为他快速制定了少量东西。但后来
阅读以下程序员写代码的真相，大部分程序员都中枪了...

2018-10-31 732

看完后，你就会知道“善待身边的程序员多么有道理”1、当你改错一行代码的时候2、当你想要重构别人的代码时3、当你尝试想要修复一个bug时的样子4、当你凌晨4点还在工作时的样子5、星期五下午项目经理给你分配任务时的样子6、当你尝试修复别人代码的时候，结果...7、“产品上线时能在这里加个按钮吗？”8、终
vue教程系列第第四十五节-vant与vue的完美结合

2018-10-31 829

今天主要讲一下vant和vue是怎样融合使用的。之前有跟大家简单详情过vant，这是通过一个刚认识的朋友详情的这个框架，后来看了它的官网等，感觉很友好，所以今天就跟大家一块学习一下如何将vant应用到vue中去，以便提高我们的编程效率。首先先详情一下vant:Vant是有赞前台团队基于有赞统一的规范
H5到底怎样才能学好？

2018-10-31 1283

H5学习必需重基础开始，假如有开发经验：1：我建议先看技术文档，而后看10个demo。2：每个基础板块都写3遍以上，接着才去写第二个板块的事情。3：当你对h5知识都理解了，而且也掌握语法了，建议去猪八戒平台接一个小项目做，不论任务多小，这都是一个熟习的过程，你通过这个熟习研究的过程，对以后工作是非常
来学习这三个高饱和色彩配色实战方法

2018-10-31 1432

这段时间高饱和度的鲜艳色逐步流行起来，不过这类色彩难度比较大，一不小心容易脏。@喪心病狂十六夜貓特意带来这个教程，教你在Web/App 界面中运用单色，双色以及重叠效果。配色，对设计师来说是非常有帮助的工具之一。他不仅可以用来吸引注意、为作品增加氛围，还可以影响客户的感知与行为。无论是Web还是A
前台必备：rem与px的屏幕自适应争夺战

2018-10-31 1155

昨天文章中，有粉丝评论说现在移动设施那么多，使用rem的方式会比我的自适应的方式更好。于是我就查询资料，对着两方面进行了比照和验证。先来说一下rem的适应方式的基本原理：简单来说，rem就是用根元素的字体大小作为单位来进行布局的方式。这样相当于有了一个全局的参考系，不用单独针对某一部分去进行特别解决
网站导航栏不可小嘘！SEO要如何优化导航栏？

2018-10-31 826

网站导航，在我们的整个网站中，拥有着不可替代的作用。就客户体验来讲，其可以有效的引导客户更方便更快捷地，到达相关频道和栏目。而对于搜索引擎，其更是抓取的优先选择，会给予较高的权值。因而，做好导航栏优化即可以把流量权值传递给目录页。正是由于导航栏这么重要，对于导航栏的优化也难免受到了如此多的关注。下
前台学习：屏幕自适应总结（一）尺寸相关

2018-10-31 1005

这里说的布局，其实包含两个含义：尺寸与定位。即所有与尺寸和定位相关的属性，都可以用来布局。大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子板块、实验中的grid板块。逛园子的时候经常可以看到浮动布局，inline-block布
前台学习：屏幕自适应总结（四）弹性盒子

2018-10-31 1059

弹性盒子CSS3中对布局影响最大的莫过于弹性盒子板块了，这是一套区别于以往盒子模型布局的全新方案。上面几种方法你可以看到，为了实现自适应我们用的都是width：auto和100%的嵌套以及各种边距的移动定位，这套规则并不符合我们的认知。为什么不能开辟出一块区域，横竖排列都可以，内部所有元素的尺寸可以
前台学习：屏幕自适应总结（二）浮动

2018-10-31 1052

浮动目前PC网站大多使用float布局，从成本上考虑大改的概率很小，所以不要说浮动无用，总是会有机会让你维护的！代表网站：淘宝、腾讯、百度，好吧BAT都到齐了。浮动听得多了，博客园上关于用浮动布局的详情也非常的多。浮动本来用于文本环绕，但却在布局被发扬光大，这就是命！我的了解：浮动布局的核心就是让元

首页
上一页
1
...
6
7
8
9
10
11
12
13
14
...
下一页
末页

CSS HTML JS

推荐商品