在同一个dom上以冒泡和捕获的方式绑定一个事件,如果事件源是该元素,则是先绑定的哪一个就先执行哪一个,事件源是dom的子孙节点,则先执行捕获事件…

HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css"> 内部样式表:<style type="text/css"> body {background-color: red} p {marg…

1.JS的五种基本数据类型:字符串.数值.布尔.null.underfined. 2.在JS中,字符串.数值.布尔三种数据类型,有其属性和方法: 3.字符串的三种常用方法[.indexof()..substring()..split()]和一种常用属性[.length]; 例子如下: /*提取字符串中列表的每一项*/ var aa="This is a list:red,blue,white,black."; var start=aa.indexOf(":"); /…

HTML基础 目录 HTML基础 HTML5标签 doctype 标签 html标签 head标签 meta标签 title标签 body标签 文本和超链接标签 标题标签 段落标签 换行标签 水平标签 强调标签 图片标签与超链接标签 图片标签 超链接标签 音频标签视频标签 音频标签 视频标签 列表.div 以及 span 标签 列表标签 div 标签 span标签 表格标签 表单标签 输入框 单选按钮 复选框 下拉框 表单验证 类型匹配验证 CSS基础语法 样式表的分类 外部样式表 内嵌样式表…

网页播放声音 这个非常简单,我们只需要在html和js设置即可.首先看html代码 html代码 <audio id="sound" autoplay="autoplay"></audio> <button onclick="playAlarmSound()">播放</button> JS代码 function playAlarmSound(){ var soundsUrl = "/sta…

# 同一种类型的事件注册多个事件句柄,后面的不会覆盖前面的事件 # event.which == 13,13代表回车 # parsley.js验证框架 # JSON.stringify, avoid TypeError: Converting circular structure to JSON # 针对会话缓存,sessionStorage.getItem("zTree_selectNodeId")==undefined这个判断是true 而单独输出,得到的是null 跟null相比…

我们知道,要做一款安卓APP,咱们得先学安卓开发语言,例如java,前端后端.那么没有这些开发语言基础,咱们怎么做呢?其实现在有比较好的开发方案就是做webAPP,咱们可以用web前端知识构建安卓客户端,用php构建服务端. 首先我们要准备:1.html+css+js基础知识,这是web前端开发最基础的2.php后端,mysql数据库基础知识3.Hbuilder,这是一款继承开发工具,集成代码编辑器,运行,真机模拟,调试等工具,还支持在线打包,也就是说你不用配置什么java开发环境就可以开发安卓…

css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式)>[id>class>tag](选择器) 样式的优先级:(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 3.继承是CSS的一个主要特征,它是依赖于祖先-后代的关系的.继承是一种机…

JS的连续赋值和曾经出现的怪异情况 let a=1; let b=a=3; 如上的真实赋值过程 => a=1 => a=3 => b=3 => 一般来说,等号是从右向左赋值的 于是问题来了 var a={n:1}; var b=a; a.x=a={n:2}; console.log(a) // {n:2} console.log(b) // {n:1,x:{n:2}} console.log(a.x) // undefined console.log(b.x) // {n:2} a…

随着移动市场的逐步扩大及相关技术的日趋完善,对前端开发提出了新的岗位要求,在继承前人成果的基础上需要在新的历史条件下有新的创新.移动端的开发,虽然没有IE6众多问题的折磨,但是多平台,多设备的兼容,也是如恶梦般存在.不过话说回来,着重还是考验基础的css 2.x的功底,只要基础扎实了,应付移动端的兼容也是手到擒来.当然css3.x, html5新增加的标签还是需要学习,具体的推荐: 一. css 1). 响应式web设计 http://book.douban.com/subject/203903…

公司前端:小胖提供,表示感谢 1. 基础 HTML, CSS, JS 文档 W3CSCHOOL: http://www.w3schools.com/ MDN: https://developer.mozilla.org/zh-CN/ MSDN: https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx w3school:http://www.w3school.com.cn/ 个人更倾向于使用MDN. w3cschool貌似被墙…

认识大前端:前端就是将效果图生成网页,利用html+css+js等技术. 如果把前端比作一台汽车,那么html就是车的骨架,css就是完整的车的模型,而js就充当着车的发动机... 建议:   刚刚开始学的话,html,css,js时间要合理分配:博主的时间的分配是这样html2天,css7天,js基础3天,博主的仅供参考,具体时间还要看你自己的学习进度. 做前端没一个好的浏览器是不行的: 建议每个人都下一个火狐或者谷歌,博主用着还不错,不要忘记把它设置成默认浏览器. 有了一个好的浏览器,就必须…

最近在学习前端的技术,把html.js.css的基础知识看了看.感觉越看越觉得前端并不比后端容易,技术含量还是相当大的.今天突然想弄明白浏览器到底是怎么加载和渲染html的?html中的DOM.js文件.css文件又是怎么下载和运行的?因为感觉自己现在前端的水平有限,找了一些资料.自己以后也方便查找和翻看. 浅显易懂的介绍: 浏览器加载和渲染html的顺序 陈皓大牛的讲解总是那么深入: 浏览器的渲染原理简介 Javascript 装载和执行 详细的浏览器工作介绍(翻译的歪果仁的文章): How…

文章转载自:http://tongling.github.io/JSCards/ 用html+css+js实现选项卡切换效果 使用之前学过的综合知识,实现一个新闻门户网站上的常见选项卡效果: 文字素材: 房产: 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房 家居: 40平出租屋大改造 美少女的混搭小窝 经典清新简欧爱家 90平老房焕发新生 新中式的酷色温情 66平撞色活泼家居…

Query实例CSS 样式表动态选择本实例主要说的还是jquery的选择器,关于jquery的css的一些知识用类似 $("li").css("cursor","pointer"); 这样的方式来确定具体的大家就看代码吧 css样式表一 body{background:#000;color:#fff}h1{font-size:14px;color:#fff;font-weight:bold;}p{font-size:12px;color:#fff…

随着移动市场的逐步扩大及相关技术的日趋完善,对前端开发提出了新的岗位要求,在继承前人成果的基础上需要在新的历史条件下有新的创新.移动端的开发,虽然没有IE6众多问题的折磨,但是多平台,多设备的兼容,也是如恶梦般存在.不过话说回来,着重还是考验基础的css 2.x的功底,只要基础扎实了,应付移动端的兼容也是手到擒来.当然css3.x, html5新增加的标签还是需要学习,具体的推荐: 一. css 1). 响应式web设计 http://book.douban.com/subject/203903…

最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字.如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的…

一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.Web前端常见面试题及答案 6.常见前端面试题及答案(上) 7.web前端面试题及答案 8.web前端经典面试题 9.javascript之面试题精讲 二.面试题汇总 网上搜到一大堆面试题,重复的不少,全部归纳一下,也加上自己的理解 (一).问答类(html/css/js基础) 1. JavaScri…

图片裁剪的js有哪些(整理) 一.总结 一句话总结:如果用了amaze框架就去amaze框架的插件库里面找图片裁剪插件,如果没用,jcrop和cropper都不错. 1.amazeui的插件库中有很多好用的插件(包括两款比较好用的图片裁剪工具)给了我们什么启示? 关注前端框架的插件,或者说多去探索他们的功能,多去点点 那些比较知名的前端框架肯定是因为他们的很多方面都做的很好,有很多功能,而我还没有发现,比如bootstrap,所以多去官网,多去点点 2.裁剪的英语单词叫什么? crop 这个真的…

技术一直在向前发展.但是有一些是相通的,要找准重点,将80%的时间放在提升基础问题上,余下的20%再去学习框架,库和工具. HTML 1. HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性 class id, name data-* src, for, type, href, value title, alt role, aria-* 说明:class 用于标识高度可复用组件,因此应该排在首位.id 用于标识具体组件,应当谨慎使用(例如,页面内的书签),因此排在第二位. 标签 超链…

js的DOM操作整理(整理) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来更加方便的进行dom操作 1.dom是什么? 对于JavaScript,为了能够使JavaScript操作Html,JavaScript就有了一套自己的dom编程接口. 对于Html,dom使得html形成一棵dom树,类似于一颗家族树一样,一层接一层,子子孙孙. 2.Html的DOM树是什么? HTML中的每个标签元素,属性,文本都能看做是一个DOM的节点,这些d…

需求描述,由于工作的需要,需要将原本用于1280 720的网页改为1920 1080的网页(电视端页面).需求可以拆分为两部分,代码部分的修改以及图片的修改.在代码部分,需要将所有位置以及大小相关的值乘以1.5,图片的尺寸也要放大1.5倍.首先使用nodejs遍历当前的文件夹: // 遍历所有的文件 var fs = require("fs") var path = require("path") var relativePath = '\\test' // 拿到需…

==================纯CSS方式==================== <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0px; margin: 0px; } .show-box { height: 80…

Maven Jetty 插件的问题(css/js等目录死锁,不能自动刷新)的解决:   1. 打开下面的目录:C:\Users\用户名\.m2\repository\org\eclipse\jetty\jetty-webapp\,         在进入版本对应的子目录,例如8.1.3.v20120416\: 2. 打开jetty-webapp-8.1.3.v20120416.jar,进入org/eclispe/jetty/webapp/,将webdefault.xml复制出来: 3. 编辑we…

项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or block 可切换 <p>1.两个用于标出范围的标签</p> <div>2. div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素di…

Css Js Loader 描述:这个插件很早就出来了,可能知道人非常少 这个插件的功能是整合所有的网站的CSS和JS内容到一个文件里边. 因为CSS和JS文件到了一个文件,加快了程序的运行 在配合其他的优化手段,可以让你的ZENCART网站打开速度 提升到另一个层次…

之前在写详情页的时候,如下图 因为自己嫌麻烦,就去看其他网站是怎么写的,想直接拿来用,后来看来看去觉得写得很麻烦,于是最后还是决定自己写,附上HTML+CSS+JS代码,一条龙一站式贴心服务2333 HTML <ul class="btn-numbox"> <li><span class="number">数量</span></li> <li> <ul class="count&…

js页面跳转整理 js方式的页面跳转1.window.location.href方式    <script language="javascript" type="text/javascript">           window.location.href="target.aspx";     </script> 2.window.navigate方式跳转   <script language="jav…

之前做了一个大转盘的抽奖活动,因为比较火,部分用户反馈看不到页面的情况,我怀疑js加载请求过慢导致,所以今天针对之前的一个页面进行调试优化. 首先想到的是对页面的js和css进行压缩优化,百度了下vs集成的插件,貌似没有很好的支持,自己在vs里找了一个非常满意的插件——Bundler & Minifier 这个vs插件下载地址:点我 插件功能说明: 1.合并多个css,js,html文件为一个单独的文件 2.保存源文件自动重新组合. 3.压缩css,js,html文件 等等...(其他我没用到,…

今天玩玩项目,学学nginx发现还不错,速度还可以,但是CSS JS确无法使用,原来Iginx配置时需要对不同类型的文件配置规则,真是很郁闷,不过想想也还是很有道理.闲暇之际,把配置贴上来.#user nobody;worker_processes 1; error_log logs/error.log; pid logs/nginx.pid; events { worker_connections 1024;} http { include mime.types; default_type a…