随笔分类 -  web前端知识学习笔记

html，css以及JavaScript等前端知识学习笔记
jquery实现京东淘宝首页的轮番效果图
摘要：主要是绑定事件以及实现自动滚轮 效果如图 阅读全文
posted @ 2017-03-29 19:14 蜗牛仔 阅读(428) 评论(0) 推荐(0)
jquery实现各种实例
摘要：1、正反选实例 jquery里面另外的一种循环方式， 效果如图 2、全选反选框 3、绑定事件基础处理 4、插入标签 详细如图 5、扩展 6、最后概括起来，jquery的基本用法结构 一、查找 选择器 基本选择器 id、class、tag 层级：div a .c1 组合：div，a .c1 属性：$( 阅读全文
posted @ 2017-03-29 00:58 蜗牛仔 阅读(328) 评论(0) 推荐(0)
juqery基本选择器和层级选择器
摘要：1、基本选择器，主要通过标签名称，样式，id等选择标签，如下代码是简单的使用 （1）根据标签或者样式筛选 （2）根据内容筛选 2、筛选器 （1）简单的根据索引筛选 （2）parent，parents，parentsUntil 其他的next，prve都是差不多的模式 阅读全文
posted @ 2017-03-28 15:24 蜗牛仔 阅读(230) 评论(0) 推荐(0)
JavaScript之实现单选复选、菜单以及返回顶部实例
摘要：1、单选、复选以及反选实例 其实主要是利用for循环提取标签，然后更改checked属性值实现的 2、tab菜单实例 利用一种对应关系，实现一个tab菜单，主要思路是绑定每两个选项的关系，即当选中一个，则显示出与之对应的选项框，利用for循环实现显示与否 执行结果如图所示，点击则会切换 3、往页面列 阅读全文
posted @ 2017-03-26 16:57 蜗牛仔 阅读(282) 评论(0) 推荐(0)
JavaScript里面之dom操作
摘要：1、dom之选择元素 总结起来主要如图这几种 运行效果如图 上面的都是直接查找，下面这些是间接查找 循环父级标签下面的元素 2、dom之内容操作 获取标签内容 通过value可以获取表单内的值 执行结果如图 也可以直接赋值，如图 也可以直接操作样式 如图 阅读全文
posted @ 2017-03-21 22:01 蜗牛仔 阅读(158) 评论(0) 推荐(0)
JavaScript里面的面向对象
摘要：1、JavaScript里面没有类，但是利用函数可以起到类似的作用，例如简单的构造方法，跟Python差别不大 为了合理使用内存，将类里面的方法放在类里面而不是对象里面，可以这样设置 原理如图 阅读全文
posted @ 2017-03-21 20:05 蜗牛仔 阅读(170) 评论(0) 推荐(0)
JavaScript里面的基本函数
摘要：1、主要有三类基本函数 2、作用域 每一个函数都保留了一个自己的作用域，而且在解释的时候已经定死了 下面的代码输入的是eric 3、闭包 闭包是指可以包含自由（未绑定到特定对象）变量的代码块。 「闭包」，是指拥有多个变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部 阅读全文
posted @ 2017-03-21 17:56 蜗牛仔 阅读(217) 评论(0) 推荐(0)
JavaScript里面的条件、循环语句以及异常处理
摘要：1.JavaScript里面条件语句主要有两种形式 if(条件){ ... }else if(条件){ ... }else{ ...} switch(变量名)： case 值1：//如果变量名为值1，则执行值1下面的代码 ... case 值2： ... break default： ... 2、循 阅读全文
posted @ 2017-03-21 16:38 蜗牛仔 阅读(194) 评论(0) 推荐(0)
JavaScript里面的正则以及eval
摘要：1、eval JavaScript中的eval是Python中eval和exec的合集，既可以编译代码也可以获取返回值。 eval() EvalError 执行字符串中的JavaScript代码 2、正则表达式 （1）、定义正则表达式 /.../ 用于定义正则表达式 /.../g 表示全局匹配 /. 阅读全文
posted @ 2017-03-21 16:15 蜗牛仔 阅读(3111) 评论(0) 推荐(0)
JavaScript各种数据类型
摘要：（一）JavaScript跟Java、Python等语言一样，也是一门编程语言，配合着html，css等可以让画面动起来， 在页面中导入方式主要有两种，如图 可以自己写在文件里面，一般写在body标签里面的底部（因为可以某些js加载会使用一些时间，影响用户体验），也可以导入，类似Python里面的i 阅读全文
posted @ 2017-03-20 15:41 蜗牛仔 阅读(371) 评论(0) 推荐(0)
css的float和position属性
摘要：（1）float的简单用法 结果如图 如若div2和div3都设置了向左浮动，结果如图 如果div3加了clear：left，则不会放在div右边了，会在下面，也就是当div2不是浮动对象了 （2）position属性 1、fixed表示固定位置 效果如图 2、relative表示根据自己之前的位置 阅读全文
posted @ 2017-03-10 12:58 蜗牛仔 阅读(177) 评论(0) 推荐(0)
CSS之盒子模型
摘要：css里面一切皆是盒子，图片来自老男孩 效果如图 简单概括起来 阅读全文
posted @ 2017-03-09 12:58 蜗牛仔 阅读(179) 评论(0) 推荐(0)
CSS基本选择器
摘要：(1)css有多种简单的选择器，这里先介绍最简单的版本 如下图代码 上面是几种简单的选择器，效果如图 (2)组合选择器 阅读全文
posted @ 2017-03-06 23:05 蜗牛仔 阅读(230) 评论(0) 推荐(0)
CSS简单的四种引入方式
摘要：CSS一共有四种引入方式 （1）最简单的两种方式是直接在html标签里面引入，或者在html文件前面声明，以下是简单的代码示例 结果如图 （2）可以用导入方法 先创建一个stylesheet文件，也就是css文件，在里面编辑好css样式，这里如图 然后代码如下 这样关于P标签的样式就导入进去了 （4 阅读全文
posted @ 2017-03-06 00:44 蜗牛仔 阅读(4741) 评论(0) 推荐(0)
html之表单标签
摘要：表单标签的属性： 用于向服务器传输数据 表单能够包含input元素，比如文本字段，复选框，单选框，提交按钮等等 表单还可以包含textarea（简介之类的），select（下拉），fieldset和label元素 结果如图 当点击了提交之后，就弹到了 这是因为在搜狗搜索引擎里面提交的键值对分别是qu 阅读全文
posted @ 2017-03-04 12:14 蜗牛仔 阅读(211) 评论(0) 推荐(0)
html基础标签之head和body标签
摘要：什么是标签标签是由一对尖括号包裹的单词构成的，也有一些单闭和标签，仅仅就自己出现就可以了，例如meta，link 1、 这里介绍了几种html语言里常见的head标签 2、常见的body标签 （1）基本标签： <hn> ：h是标题标签，n的取值是1到6，标题大小从1最大开始，到6最小 <p> ：段落 阅读全文
posted @ 2017-03-03 16:07 蜗牛仔 阅读(790) 评论(0) 推荐(0)