abn1808-CSDN博客

转载移动端可拖拽效果

<!doctype html>移动端可拖拽效果拖拽效果测试，PC浏览器访问，需打开控制台进入移动模式。拖我转载于:https://www.cnblogs.com/webfby/p/11105370.html...

2019-06-29 00:12:00 263

转载利用视口单位实现适配布局

利用视口单位实现适配布局byTingglelaooon2017-04-28响应式布局的实现依靠媒体查询（ Media Queries ）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸下呈现完美适配。即使是通过 rem 单位来实现适配，也是需要内嵌一段脚本去动态计算根元素大小。近年来，随着移动...

2018-09-10 12:13:00 170

转载最新前端开发工程师面试题

最新前端开发工程师面试题——HTML部分　　1、Doctype作用?严格模式与混杂模式如何区分？它们有何意义?　　（1）、声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。　　（2）、严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。　　（3）、在混杂模式中，页面以宽松的向...

2018-08-13 16:57:00 196

转载 12个HTML和CSS必须知道的重点难点问题

这12个问题，基本上就是HTML和CSS基础中的重点个难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。这12个知识点是我个人认为的，下面我们就来看看这12个知识点。1.怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex只需要在父盒子设置：display: flex; justify-conte...

2018-08-03 13:43:00 101

转载 js根据鼠标和键盘判断页面是否长时间未进行操作

2018-07-20 13:47:00 929

转载 win10升级后蓝牙不见了，设备管理器里没有，多了个串行控制器里的未知USB设备？...

win10更新后，蓝牙功能不见了，也没有打开的选项，设备管理器里也没有，多了个未知USB设备，重启无效，重装蓝牙驱动无效，BIOS中的Bluetooth是开的。试了网上能找到的所有方法，包括更新win10更新、更新Bluetooth驱动等都没有解决，解决方案是：1、打开设备管理器，卸载掉未知USB设备，重新识别硬件。问题解决了。有时能识别到蓝牙，有...

2018-05-20 11:43:00 6003

转载安装vue-cli时出现的错误，cmd 卡住

今天在构建vue时遇到个问题，cmd执行vue init webpack my-project时，出现如下乱码，然后页面卡住在项目说明，操作不了，最后发现是nodejs版本的问题，当前问题版本8.1.0 ，解决：升级nodejs版本到最新或者降级到8.0即可解决。转载于:https://www.cnblogs...

2017-12-07 15:31:00 407

转载 svg 认识及动画

svg在线中文教程https://svg.brucewar.me/http://www.zhangxinxu.com/wordpress/tag/svg/http://svgtrick.com转载于:https://www.cnblogs.com/webfby/p/e877edf1c03e40da26e0fd8ae34d6b6f....

2017-06-29 16:00:00 86

转载 banner图片全屏显示

2017-04-10 16:36:00 185

转载百度地图2.0 点定位

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="initial-scale=1.0, user-...

2017-04-10 15:41:00 197

转载三种方法更改MAC OS X下的HOSTS文件

1.终端更改用程序里面打开终端(terminal),输入sudo vi /etc/hosts然后提示输入系统密码hosts文件就自动打开了接着输入 i进入编辑模式将添加的网站,ip拷贝进去编辑完成之后,按esc,输入: wq (冒号也要)2.直接修改本地文件打开finder ,在前往里面选择前往文件夹(快捷键shift+command+g)在弹出框里输...

2017-02-21 10:39:00 170

转载史上最全前端面试题(含答案) - Web开发面试题

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；...

2016-12-02 09:34:00 249

转载 CSS3动画

移动端的开发也有这种hack，来解决可能的卡顿问题：css-webkit-transform: translate3d(0, 0, 0);css3动画大致分三类：1.变形transform[变形基础]rotate()[旋转]scale()[缩放]translate()[位移]skew()[倾斜]matrix()[矩阵变形]perspective[透视]说明transform属性能对元素...

2016-12-02 09:33:00 88

转载图文-水平垂直居中兼容ie6+

图文-水平垂直居中兼容ie6+具体代码： <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>图文-水平垂直居中兼容ie6+&...

2016-12-02 09:33:00 109

转载 jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路...

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担...

2016-12-02 09:33:00 105

转载 web app变革之rem

rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（fontsizeoftherootelement）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单...

2016-11-28 15:21:00 66

转载 16-js-缓冲运动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0...

2016-10-25 10:58:00 79

转载网页UI视觉设计规范

转载于:https://www.cnblogs.com/webfby/p/5978255.html

2016-10-19 18:03:00 136

转载 MAC中通过gem命令安装compass

在MAC中通过gem命令安装compass时会出异常，原因是compass版本更新了，一些运行时所用到的依赖软件的版本没能得到更新，故而出现错误。例如，用以下命令安装compass：$gem install compass安装完成后，提示安装成功了compass v0.12.2版。结果运行compass时会出现出错。$ compass -v错出的原因：是缺少相...

2016-10-14 15:00:00 151

转载 mac下升级ruby环境版本

在ios开发中会经常使用到cocoapods来管理第三方框架，在安装cocoapods的时候会涉及到ruby环境，有时候会因为版本过低会导致安装失败，本文主要讲一下如何升级ruby环境安装rvm，rvm是可以让你拥有很多ruby版本的一个工具，具体的可以去了解一下（以下各个步骤均在terminal中实现）$ curl -L https://get.rvm.io | bas...

2016-08-25 16:31:00 88

转载火狐Ｆｉｒｅｆｏｘ　浏览器　onblur（）　并且ａｌｅｒｔ（）时文本被选中问题...

说明：镜像是组成在线实验课程的基础环境，教师设计的实验绑定一个或多个镜像，就组成了一讲独立的在线实验课程。镜像名称：火狐Ｆｉｒｅｆｏｘ　浏览器　onblur（）　并且ａｌｅｒｔ（）时文本被选中问题　，ｄｅｍｏ： <div class="txt-bd"> <span class="...

2016-08-04 16:54:00 124

转载 mac下 WebStorm下主题包安装

mac下:主题包1.mac下,点击桌面,使用shift+command+G 输入:~/Library/Preferences 前往（mac查找安装目录的方法，因为默认这些文件夹是隐藏的）,进入WebStorm /colors,然后把我们下载的xxx.xml文件放在里边,重启WebStorm2.点击Webstorm-->Preferences-->Editor--&...

2016-06-29 17:31:00 298

转载 mac webstrom在线激活

webstrom在线激活http://idea.qinxi1992.cn 激活服务器激活转载于:https://www.cnblogs.com/webfby/p/5626778.html

2016-06-29 14:40:00 170

转载 mac上访问samba服务器

打开safari输入smb://ip,回车后出现输入用户名密码对话框，若是匿名则选择作为“客人”选项例子smb://192.168.2.3转载于:https://www.cnblogs.com/webfby/p/5624358.html...

2016-06-28 17:59:00 182

转载 js入门基础7-2 （求模-隔行变色）

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>隔行变色</title> <script> window.onload = function () { ...

2015-11-19 16:15:00 89

转载 javascript 实现禁止右键，复制，选取文本 (兼容firefox，IE，chrome等主流浏览器)...

1. JS 禁止右键<script type="text/javascript">document.oncontextmenu=function(e){return false;}</script><body onselectstart="return false">......2. CSS 禁止复制和选取如果让整个页面...

2015-11-12 15:45:00 150

转载 js倒计时重发效果

2015-11-10 13:18:00 94

转载 JS控制文本框中的密码显示/隐藏功能

<html><head><title>【荐】JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title><style>body,input{font:menu}</style></head><body><form me...

2015-11-06 15:12:00 259

转载猫爪不能在下，页脚不能在上

<!DOCTYPE html><html lang="zh-cn"><head><meta http-equiv="Content-Ty...

2015-10-08 14:59:00 218

转载 ie下没有背景色bug的解决方法

鼠标经过下面的二级菜单的时候，在ie下面，收缩上去了，给这个二级菜单加了背景后，就是正常的,这个是ie下面的一个bug，解决方法：background-img：url（123.jpg）；url里面的图片不用存在转载于:https://www.cnblogs.com/webfby/p/4642438.html...

2015-07-13 11:31:00 123

转载转。webapp开发小tips

备忘 -Q: webapp点击一个按钮调用系统拨号：<ahref="tel:12345654321">打电话给我</a><ahref="sms:12345654321">发短信</a>或用于单元格：<tdonclick="location.href='tel:122'"> ...

2015-04-28 14:45:00 302

转载移动端-弹窗demo

<!doctype html><html><head> <meta charset="UTF-8"> <meta name="robots" content="noindex"> <meta name="viewport" content="width=device-width, ini...

2015-04-27 16:32:00 115

转载窗口提示，向下滚动（滑动）消失，向上滚动出现

整理了网上的代码，可以用作广告提示等，当页面向下滚动时提示隐藏，当页面向上滚动时提示出现，pc端和手机端都可以使用哦~/************************ 函数：判断滚轮滚动方向 * 参数：event * 返回：滚轮方向 1：向上 -1：向下 *************************/var scrollFunc = function ...

2015-04-20 15:57:00 869

转载移动端重构——侧边栏导航

demo1:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalabl...

2015-04-20 11:57:00 334

转载 css3实现一个div设置多张背景图片及background-image属性

CSS3/CSS1 background-image 属性语法:background-image：<bg-image> [ , <bg-image> ]*<bg-image> = none | <url> | <linear-gradient> | <radial-gradient> | <repe...

2015-03-26 16:56:00 173

转载 Sublime Text 3 快捷键

Sublime Text 3非常实用，但是想要用好，一些快捷键不可或缺，所以转了这个快捷键汇总。用惯了vim，有些快捷键也懒得用了，尤其是在win下面，还有图形界面，所以个人觉得最有用的还是搜索类，对于阅读和修改代码来说，非常实用。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3选中文本按下快捷键，即可一次性选择全部...

2015-03-26 11:04:00 441

转载移动端 —滚动

1.原生滚动原生滚动属性为：-webkit-overflow-scrolling:touch; 苹果ios 系统支持没问题；据说安卓系统下，效果不太理想，有点缓动效果，说支持吧好像把这条属性砍掉也一样，感兴趣的可以自己测试下（添加或删除这个属性对比下）：demo代码：<!doctype html><html><head&g...

2015-03-25 11:39:00 123

转载 png压缩工具-PngoutWin

PngoutWin是一款聪明的png图片压缩工具，别的压缩工具压缩PNG是通过丢弃透明层来达到减肥的目的。可是不能透明的PNG还能叫PNG吗？PngoutWin它不会丢弃原本的透明，而是通过删除图像中不重要的数据来达到减肥的目的，体积缩小后，凭肉眼是看不出区别的。要通过这个软件转换png8,我们不能再使用FW来转换了，我们要通过PS里面将我们的图片先转换成png...

2015-03-25 09:52:00 146

转载移动端重构——图标

我们把图标分为三种：背景图片，直接绘制，@font-face。如无特殊情况，图标的标签采用i标签。1.背景图片我们会选择sprite形式，吧所有的图标放大一个大图上，考虑到retina屏，所以我们图标设计为实际大小的2倍，然后设置background-size 为实际大小。示例：图标大小为24px,实际为12px,.icon-msg,.icon-info{ ...

2015-03-24 15:23:00 109

转载移动端----切入切出动画

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" name="viewport"> ...

2015-03-24 11:07:00 164

空空如也

空空如也