Doris_sun-优快云博客

转载 JS的三种书写方式

一、行内式1.行内式：方式一： <button onclick="alert('今天天气很好！');">今天天气?</button>虽然可以写在标签的属性中，但是结构与行为耦合，不方便维护，不推荐使用方式二：<a href="javascript:alert('你点疼我了！！');">点我</a>2.页内式 <body> …… <script type="t...

2020-05-29 11:06:02 6924

转载 bootstrap 导航栏固定后，内容被遮盖的解决方案

场景使用 bootstrap4 的固定导航栏时，内容被遮盖无论是bootstrap3 还是bootstrap4，左侧导航栏还是顶部导航栏<nav class="side-navbar fixed-top">解决方案网上说了很多，无非是增加内边距或者外边距，但因为网页是响应式的，将边距写死肯定不是一种优秀的解决方案。因此 Google 了 Stackoverflo...

2020-04-21 20:30:53 3380

转载 js返回上一个页面

当前的url下标为0，所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面，也就是之前刚刚访问的页面。//返回上一页：window.history.go(-1);//返回两个页面:window.history.go(-2);history.back()和history.go(-1)都是返回之前页面，但是方法不同，所以是有区别的：history...

2020-04-21 17:04:43 1908

原创 css3 单选框美化

<ul> <li><label class="my_protocol"><input type="radio" name="leixing" class="input_agreement_protocol"><span></span>身

2018-05-21 14:46:09 1174

转载 60秒验证码JQ60秒验证码

1、input[type=‘button’]按钮 js方法实现 var countdown=60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value="免费获取验证码";

2017-12-27 11:01:44 593

转载安卓APP设计规范(二)720*1280设计稿对应开发尺寸

这样的手机又vivo智能收款机、三星Galaxy A5、华为荣耀等手机。这样的手机屏幕尺寸是：5寸即屏幕对角线是5英寸。计算方法：1280平方＋720平方＝2156800，结果再开平方＝1468.6048，再÷5，＝293.72点每英寸。在1280*720px的分辨率下，1dp=2px 所有的尺寸具体请参照：Device Met

2017-10-12 11:56:25 11296

转载 js点击button按钮跳转到页面代码

在网页中button按钮不具备a标签的属性了，如果我们要给button 按钮增加跳转事件我们可以在它的确onclick事件上点击跳转js来实现，下面我来给大家介绍一些常用的方法。点击按钮怎么跳转到另外一个页面呢？我们在网站制作中可能是需要的，因为有时我们需要做这样的效果，尤其是将按钮做成一个图片，而点击图片要跳转到新的页面时，怎么做到呢？这样的效果可以：onclick="window

2017-09-26 12:10:32 6475

转载 js中常用的事件，onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件

onclick 单击事件onblur 失去焦点事件onchange 当对象或选中区的内容改变时触发。onmouseover 当用户将鼠标指针移动到对象内时触发。onmouseout 当用户将鼠标指针移出对象边界时触发。onsubmit 当表单将要被提交时触发。1、静态点击事件script type="text/javascript">// A标签的点击事

2017-09-20 10:05:38 1153

转载 css去掉a标签点击后的虚线框

outline是css3的一个属性，用的很少。声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢？当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏

2017-07-17 11:22:40 551

原创 less学习之混合

最近学习了css3一些知识，便想去学习css的预编less，功夫不负有心人，在网上也找到了相关的资料。现将所学less的部分资料进行整理。less 是什么？less相当于jquery,我觉得它是css的轻量级库。less css可以在多种语言环境中使用，包括浏览器前端，桌面端、服务器端koala 是桌面端应用比较广泛的，可以从它的官网直接下载安卓使用。知识点之一（变量）//在对

2017-05-11 14:18:14 499

转载 css控制文字溢出省略号显示

1.css控制（前提一定要给p标签定义固定宽度和高度）p { width:100px; height:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/*隐藏超出部分文字*/overflow: hidden; /*多出文字后添加省略

2017-04-27 13:57:48 654

转载 mac 版webstorm 破解终极版本

第一步：从官网下载最新版本的webstorm编辑器（建议在官网下载，防止第三方插件恶意攻击！）；下载链接 http://www.jetbrains.com/webstorm/ ，点击 DOWNLOAD 即可下载软件；之后傻瓜式安装就可以了。第二步：因为本人是mac系统的电脑，我就给大家演示一下mac版破解操作步骤。下载破解补丁（ JetbrainsCrack-2.5.6.ja

2017-04-26 10:02:07 3284 1

转载 svn

一、什么是SVNSVN是Subversion的简称，是一个开放源代码的版本控制系统，相较于RCS、CVS，它采用了分支管理系统，它的设计目标就是取代CVS。二、SVN的下载安装下载地址：https://tortoisesvn.net/downloads.zh.html安装完不要忘记重启电脑安装完成后，按下鼠标右键，会看到如下界面：说明SVN已经安装成功了。三、SVN

2017-04-25 17:30:52 376

原创 css3编写扇形

扇形代码 div{ width:100px; height:100px; border-width:50px; border-style:solid dashed dashed dashed; border-color:#ff0000 tran

2017-04-24 11:04:40 1553

原创 js 三元式学习

近期，在学习js,从w3c中遇到一个新问题。(条件运算符章节内容 JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。)variablename=(condition)?value1:value2 表示看不懂，后经过多方了解学习，这是是一个三元式，可以理解为 if(condition){ variablename=value1; }els

2017-04-18 16:58:33 433

转载 webstorm 快捷键

、webstorm快捷键：IntelliJ-Idea 的快捷键Ctrl+/ 或 Ctrl+Shift+/注释（// 或者/*…*/ ）Shift+F6重构-重命名Ctrl+X删除行Ctrl+D复制行Ctrl+G查找行

2017-04-17 17:34:11 567

转载 webstorm 中使用zencoding

webstorm中提供了一些zencoding快捷编码提示，只要输入左边缩写，按下tab键就可以快速生成html代码。一些常用的快捷提示：快捷提示1：html:5 //html5结构11按下Tab键回会生成以下代码：html lang="en">head> meta charset="UTF-8"> title>Documenttitle>

2017-04-17 17:08:22 1001

转载 webstorm mac 安装

1、下载软件最好的地址就是官网了，不会有毒而且还纯净下载地址选择好系统版本以后点击DOWNLOAD 下载Webstorm2、安装双击下载好的安装包、将WebStromt拖入application文件夹，然后在Launchpad中找到并打开安装.png3、等待一段时间后，WebStorm将进行第一次运行，当出现如下页面的时候第一行选择Activ

2017-04-17 12:29:35 3840

转载 css强制html不换行 css强制英文单词断行

css强制html不换行 css强制英文单词断行强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-break:break-all;}CSS设置不转行：overfl

2017-04-17 10:44:22 5556

转载 2016-2017前端面试题

2016-2017年最新前端工程师面试题HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、 HTML5、CSS3、FlexboxJavaScript：数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、 DOM、BOM、内

2017-04-17 09:47:22 2586

转载去除移动端alert/confirm的网址(url)

移动端的alert、confirm都会显示来源的url，影响体验下面的代码将alert和confirm重写了一遍，可去除url 参考了网上代码，完善了confirm不同状态跳转示例代码： [html] view plain copy > html> head> meta charset="utf-8

2017-04-13 11:22:47 3377

原创网页中邮箱点击直接进入发送邮件页面的样式

最近写一个网页，遇到邮箱的问题，想要实现点击进入发送邮箱的页面，从网上查看，发现在a 链接中加入一属性（“mailto: aaa@5icool.org”），可以解决这个问题。代码如下：aaa加入此代码便可实现参考网站：http://www.5icool.org/a/201003/308.html

2017-04-13 10:33:29 18570

转载修改输入框placeholder文字默认颜色-webkit-input-placeholder

class="inputText" id="id_card" name="id_card" placeholder="请输入身份证号" type="text">11我想让input框默认显示的字体颜色和输入的颜色保持一致，一直认为应该要设置input的颜色，改了很久，一定用不管，最后想到了placeholder属性，于是乎百度了一下，果然placeholder默认的字体颜色是浅灰色的，然后针

2017-04-12 17:21:29 532

转载怎么解决input框中加入disabled="disabled"之后，改变字体的颜色（默认的是灰色）

在input框中加入disabled=”disabled”之后，字体默认的就变成灰色了解决方案input[disabled]{color:#fff;opacity:1}disabled 默认是0.3,所以样式里一定要加 opacity:1

2017-04-12 17:19:54 12013 8

转载移动端兼容性问题解决方案

1. IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上，使用了双击缩放(double tap to zoom)的方案，比如你在手机上

2017-04-10 14:04:38 4649

转载关于移动端页面弹出框被软键盘遮挡的问题

在移动端页面的开发中，当弹出框内有输入框需要用户输入时，往往会面临这样的一个问题：弹出的软键盘会将输入框遮挡住，不方便用户看到自己输入的内容。如下图输入地址一栏：移动端中，当软键盘弹出时，会触发一个页面的resize事件，意思就是说，html的高度会发生改变，变成原来的高度和软键盘的高度相差值。由下图也可以看出，弹出框因内容自适应变得差不多要占完一整屏，而当

2017-04-10 14:02:24 3771

转载 HTML中设置输入框为只读状态的方法

在设计网页的时候，有时候我们需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种，分别是使用input的disable和readonly两个属性，不过他们之前还是有一些区别的。可以看到，虽然两种都是让INPUT的内容不能被用户编辑，但是对于后期的美工处理就有问题了！比如：input{color:blue;}这样一来：只有

2017-04-10 14:00:52 2670

转载 jQuery Mobile十大常用技巧

在本文中，将介绍使用jQuery Mobile开发的一些常用的技巧，阅读对象为已经使用过jQuery Mobile进行开发的移动Web开发者。1、禁止截断过长的列表和按钮内容在jQuery mobile中，如果列表或者按钮中文字的内容过长，jQuery Mobile会自动截断其超过长度的内容，但如果不希望这样的话，可以在CSS样式中增加如下设置即可，比如下面的是针对按钮的CSS样式

2017-04-10 13:52:31 776

jQuery是开发者的福音。2006年8月jQuery发布之前，Web开发者经历着痛苦的开发过程。从简单的菜单栏到复杂的内容滚动条，所有的功能都需要开发者亲自开发，且花费比现在更多的时间。经历过没有jQuery时代的Web开发人员可以深刻地了解jQuery的价值。利用它可开发出各种功能的插件是该JavaScript库最大价值之一。这些插件可以帮助开发者定制更复杂的动画效果，及其他抽象效果。据统计，

2017-04-10 13:50:02 504

转载网页中图片和文字垂直居中分布

前端排版的时候，常常会碰到图片在一个区域在正中间，水平居中很容易做到，外层样式用{text-align:center}就可以水平居中;如果知道图片的高度，垂直居中可以在外层样式加padding样式，如果图片高度不知道的情况，又怎么做呢？工具/原料做网页的工具都行，比如：Dreamweaver,Aptana Studio,EditPlus等，记事本也

2017-03-29 21:49:52 1732

转载 JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参

script src="jquery.min.js" type="text/javascript">script> script language="javascript" type="text/javascript"> $(document).ready(function(){ $('#mySelect'

2017-03-27 22:39:18 3637

Doris_sun的博客