前端
不坠青云之志
这个作者很懒,什么都没留下…
展开
-
js比较运算符==和===
js中的== 和 ===js中的比较运算符==是判断两个数的数值是否相等。三个等号代表内存中的位置是否相等。下面看例子<html><heda> <meta charset="utf-8"></heda><body><script>function equal(){ a=5; b='原创 2018-10-03 22:12:13 · 697 阅读 · 0 评论 -
前端--流式页面设计
前端--页面设计设计前端页面首先要有一个很好的布局,比如每一个大块放什么东西,放哪些东西。然后就是每一个小块的具体布局,不要小看每一个细小的漏洞,每个细小的漏洞就有可能是你的页面展现出来的效果大打折扣。先来看看设计的简单的注册页面。先贴一下代码HTML:<html><head> <meta charset="utf-8"> ...原创 2018-10-20 13:46:54 · 1298 阅读 · 0 评论 -
CSS导航栏图标
CSS样式--导航栏图标有时候我们在开发前端页面的时候可能在导航栏想要加一些图标,增添一些视觉效果。比如在主页按钮上添加个房子图标。收藏位置添加个心形图片。比如类似于这样。提供几种实现的方法。找到在浏览器上你想要的图片,f12抓取下来。下载到本地 截图下来,当然这样的话可能背景会有点问题。你可以ps...原创 2018-10-31 00:14:01 · 3451 阅读 · 0 评论 -
vscode编写前端页面像素大小不一致
vscode编写前端页面像素大小不一致我们在编写前台页面的时候一般可能不会用ecplise来写前台页面。可能用vscode写前台页面。vscode写的很爽,很开心。写完之后把前台代码放在了ecplise上拿tomcat跑。发现乱得不忍直视。像素大小变化的很大。后来发现是因为用vscode写的时候看到的比例是80%。放在tomc...原创 2018-11-04 23:11:14 · 2818 阅读 · 0 评论 -
前端实现app端自适应页面
前端实现app端自适应页面首先介绍集中前端app布局的方式。1:采用固定的px来定宽度和高度,在定义宽度的时候可能两边留下一部分空白,这样确实解决了浏览器(屏幕)兼容的问题,不过对于一些屏幕比较大的手机来说,两边的空白比较大,很不美观。操作的按钮太小不易操作等诸多问题就会出现。2:流式页面布局:所谓流式验...原创 2018-12-02 22:10:28 · 4647 阅读 · 1 评论 -
js正则表达式零宽断言
js正则表达式零宽断言一:正则表达式引入原因:我们开发网站需要对一些前台传过来的字符串进行检验,比如检验用户输入的用户名是否合法,电话号是否合法,用户的邮箱是否合法等。我们可以自己写个函数进行检验。但是过于繁琐,这时候我们可以用正则表达式进行检验。能够准确的检验出用户输入的邮箱是否合法,如果不合法反馈给用户。...原创 2018-12-27 17:30:22 · 985 阅读 · 0 评论 -
jquery获取兄弟结点的input框内的val值
jquery获取兄弟结点的input框内的val值有时候我们可能想在网站上实现一个类似于加减数量的小demo。我们来看下html代码: <c:forEach items="${arrlist}" var="shop"> <tr class="text-align" id="shop_"...原创 2018-11-06 23:18:58 · 5941 阅读 · 0 评论 -
cookie.jquery.js
cookie.jquery.js当我们实现单点登陆的时候可能要设置用户的cookie,我们不一定要自己写getcookie,setcookie,deletecookie。可以用jquery官网提供的cookie.jquery.js实现对cookie的操作。创建cookie$.cookie...原创 2018-10-30 10:19:58 · 333 阅读 · 0 评论 -
jquery导入方法以及注意问题
jquery导入方法jquery是js的一个插件首先我们来介绍一下他的导入方法。有两种导入方式在网页中添加jquery。可以在百度,谷歌上的jquery百度的jquery插件&lt; script src=“https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js”&gt;谷歌的jquery插件&lt; script src=“ht...原创 2018-10-09 20:53:52 · 1704 阅读 · 0 评论 -
jquery获取元素四种方式。
jquery获取元素四种方式。当你成功引入jquery插件之后,就可以用jquery的语法来获取html元素。js获取只有document.getElementById或者通过名称来获取。而jquery获取元素方式比较多。通过id获取,jquery的语法更为简练$("#id").event;通过class获取,$(.“css”).event()通过属性html标签获取,$(“p”)....原创 2018-10-09 21:20:42 · 11889 阅读 · 2 评论 -
js改变指定id的内容。
js改变指定id的innerHTM内容。首先我们要确定每个得到的元素中的innerHTML是什么。我们通过docuent.getElementById()获取的元素innerHTML是指他下面的所有的文本内容(包括标签)也当作文本。下面看一下例子<div id="csdn"> <div>csdn的子代div</div> <br> <...原创 2018-10-09 20:23:57 · 11064 阅读 · 0 评论 -
js实现时钟功能
js实现时钟计时功能实现一个时钟有很多种方式,我以js为例来实现一个时钟先来看一下实现</script><p><span id="clock"> </span></p><script>var timer;var last=new Date().getTime();function settime(){ d原创 2018-10-09 20:09:12 · 2544 阅读 · 0 评论 -
js表单验证
js- -表单验证form表单提交后,对发送给服务器的数据验证合法性有两种方式通过前端js进行验证通过表单提交后,jsp对不合法的数据重定向。今天我们来了解一下第一种方式的表单验证先来看一下代码html源代码&amp;lt;div class=&quot;div3&quot;&amp;gt;&amp;lt;div class=&quot;div3_1&quot;&原创 2018-10-03 22:26:35 · 709 阅读 · 0 评论 -
js变量提升
js- -变量提升变量提升是指变量的定义放在调用变量之后。而定义的变量却真实存在的情况。下面看例子&amp;lt;html&amp;gt;&amp;lt;heda&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&amp;lt;/heda&amp;gt;&原创 2018-10-03 22:38:07 · 126 阅读 · 0 评论 -
前端 html css js
html css js对我这几天的学习进行一下总结,首先要控制好布局,理解盒子模型的概念。所谓盒子模型就是把整个页面看成一个盒子,首先最重要的就是页面布局,你要自己考虑好怎么把整个页面进行划分。设计好了就要用div来进行布局。我先来说说html各种标签的作用< div >通常来说指一个块,在这个块里可以控制他的样式宽度、高度、背景、字体等(通过css样式表来实现)设置div有以...原创 2018-09-27 21:26:48 · 941 阅读 · 0 评论 -
Process on首页制作
Process on首页制作process on是专用绘图的软件。学习前端巩固知识可以学着做做一些网站的首页,比如Process on、百度、gethub等。今天先来了解下process on的首页制作先来看下代码:process on.html<html><head&g...原创 2018-10-14 17:10:06 · 349 阅读 · 0 评论 -
js函数调用
函数调用三种方式函数直接调用fun1(arg1,arg2){ }fun1();-函数作为参数通过call调用var each=function(array,fun1){ for(var x in array){ fun1.call(null,x,array[x]) }};each([3,2,1],function(x,ele){ document.write(...原创 2018-09-29 11:41:26 · 272 阅读 · 0 评论 -
html全局替换
html全局替换当我们进行页面布局的时候可能不能避免的修改相同的代码,变成另一个相同的代码。比如修改js函数的名称之后,html调用的时候可能要修改多个函数名。如果我们想修改changeback函数,一个一个修改就很难受。以vscode为例子:编辑-替换-输入你想替换的和你要替换的就ok了...原创 2018-10-14 17:43:08 · 1451 阅读 · 0 评论 -
悬浮鼠标实现下拉菜单
悬浮鼠标实现下拉菜单前端页面实现下拉菜单有很多方式。设置一个div,然后下面有一个子div。通过控制子div的显隐来实现菜单的显示和隐藏。 设置li列表元素,把div放在列表元素下。通过控制列表来实现菜单显隐。这是常用的方式。我们来了解一下第二种方式来控制菜单。 <div class="div1_2_2"&...原创 2018-10-14 22:48:19 · 7753 阅读 · 1 评论 -
js冒泡机制
js冒泡机制冒泡:顾名思义,从最下面的位置某个元素开始往上面浮出。在js中,是指从最下面的结点到具有触发条件的父节点依次触发。什么时候会用到冒泡机制呢?一般冒泡机制会用于addElementListener监听器中。下面来看代码。<html><head> <...原创 2018-10-14 23:27:17 · 2640 阅读 · 0 评论 -
js alert弹窗函数
javascript- -alert弹窗函数js中的alert函数是指在浏览器中弹出一个提示框。通常alert用来检验程序运行的状态。可以用来起到调试作用。具体用法如下|&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;heda&amp;amp;amp;gt; &amp;amp;amp;lt;meta charset=&amp;amp;quo原创 2018-10-03 21:56:03 · 11427 阅读 · 3 评论