- 博客(39)
- 收藏
- 关注
转载 基于父元素的高度居中自适应(移动端)
第一次接触H5微信页面,写了布局以失败告终,最后找到方法,并把关键点简化记录了下来,一个是 :before ,一个是js。html结构:<div class="a"> <div class="b">我要基于父元素的高度居中</di></div>此时的场景是,div.b 的高度为20%,...
2017-03-22 17:40:00
151
转载 <!DOCTYPE html>声明未添加结果毁坏
身为一个刚工作半个月的前端小白,以此来记录那些自己踩过的坑。<!DOCTYPE html>在w3c的介绍是: <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 标签之前。 <!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 <!DOCTY...
2017-03-20 09:48:00
432
转载 jquery 上下无缝滚动
//html结构<div class="bcon"> <h1><b>jquery无缝滚动</b></h1> <div class="list_lh"> <ul> <li> ...
2017-03-13 11:53:00
207
转载 jquery对象和Dom对象的不同
起因是因为我在写一个for循环的时候,trtext获取不到。var ttr=$("#tabFiles tr");for(var i=0;i<ttr.lenght;i++){ var trtext=ttr[i].find(".spStatus").html(); if(trtext=="成功"){ ttr.remove(); ...
2017-03-05 12:22:00
101
转载 jquery 二级菜单
html<div class="tab"> <ul class="tab2"> <li><i></i>网站首页</li> <li>法国留学 <ul class="tab3"&g...
2017-02-14 16:50:00
70
转载 jquery 轮播(自动)
<html><head> <title>轮播图</title> <style> *{margin: 0;padding: 0;} ul li{list-style: none;} /*轮播图*/ .lbt{width: 70%;height:210px;ba...
2017-02-12 17:40:00
123
转载 jquery 简单实现tab切换
html 代码和 jquery 代码。<html><head> <title>tab</title></head><body> <div class="header"> <ul class="tab"> &...
2017-02-12 13:50:00
98
转载 如何居中div?
水平居中:给div设置一个宽度,然后添加margin:0 auto属性div{ width:200px; margin:0 auto; }让绝对定位的div居中div { position: absolute; width: 300px; height: 300px; mar...
2017-01-30 16:45:00
78
转载 闭包、执行环境、作用域链
闭包是指有权访问另一个函数作用域中的变量的函数,创建的常见方式就是在一个函数内部创建另一个函数。我们来理解下执行环境和作用域链: 1.执行环境有全局执行环境和函数执行环境之分。 2.每次进入一个新的执行环境,都会创建一个用于搜索变量和函数的作用域链。 3.函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其包含(父)环境,由底向上乃...
2017-01-11 16:11:00
88
转载 继承及原型链解析
ECMAScript 只支持实现继承,而且其实现继承主要是依靠原型链来实现的。实现原型链的基本模式:function Sup(){ this.property=true;}Sup.prototype.getSupValue=function(){ return this.property;};function Sub(){ t...
2016-12-28 22:38:00
109
转载 创建对象及原型模式
工厂模式function createPerson(name,age){ var o=new Object(); o.name=name; o.age=age; o.say=function(){ alert(this.name)}; return o;}createPerso...
2016-12-28 16:52:00
84
转载 函数类型的理解
Function 类型function sun(num1,num2){ return num1+num2;}alert(sum(10,10)); //20var anotherSun=sun;alert(anotherSun(10,10)); //20sun=null;alert(anotherSun(10,10...
2016-12-23 10:49:00
174
转载 数组类型的方法
5.2 Arry类型转换方法toString( ) ,valueOf( ),toLocaleString( ), 在默认情况下都会以逗号分隔的字符串形式返回数组项,tolocaleString 在特定情况下会有例外。join( ),接收一个参数,即用为分隔符的字符串,然后返回包含所有数组项的字符串。栈方法push( ),接收任意数量的参数,把他们逐...
2016-12-22 16:47:00
119
转载 javascript创建对象的几种方式
javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON;但写法有很多种,也能混合使用。1、对象字面量的方式person={firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"};2、用function来模拟无参的构造函数function Person(...
2016-12-20 20:37:00
82
转载 JS 表单禁止输入中文
(function(){ var form = document.getElementById('form'); var input = form.getElementsByTagName('input'); for(var i = 0; i < input.length; i++){ if...
2016-12-17 15:08:00
232
转载 CSS3 box-reflect 倒影效果
我这人没事爱琢磨别人网页,看别人网页的源代码,然而很多代码都不懂,不懂我就跑去查询;今天看一个有趣的3D案例的时候,看见这样一串代码,可以做出倒影效果,刚开始我还是看不懂的。 -webkit-box-reflect: below 8px -webkit-linear gradient(transparent,rgba(0,0,0,0.7));关于box-reflect具...
2016-12-15 16:14:00
141
转载 JSON语法及解析,序列化
一.JSON语法可以表示以下三种类型的值。1.简单值 5 //json表示数值5"hello world" //json表示字符串javascript 字符串和 json 字符串的最大区别是,json 字符串必须使用双引号(单引号会导致语法错)。布尔值和null也是有效的 json 形式,但是在实际应用中,json更多的用来表...
2016-12-14 17:40:00
126
转载 前端工程师的自我修养 live --记录总结
1.如何成为高效率的工程师?关于提高效率,可以通过时间管理使自己有压迫感,例如安排日程表,不要安排一些很模糊的事项,因为这些任务没有一个很明确的目标,你无法明确的知道自己是否完成了今天的目标,把自己待完成的事项大而化小。有时,你的拖延者犯了,很多任务都堆在了最后一天,这个时候就完全乱了,比较科学的时间管理的方式是对于自己的日程表采用倒三角的安排方式,例如...
2016-12-14 11:09:00
192
转载 vue.js 入门案例 my todos
<html><head> <title>project</title> <link rel="stylesheet" type="text/css" href="bootstrap.min.css"></head><body><nav class="navba...
2016-12-12 22:09:00
110
转载 vue.js 入门案例,双向绑定实现任务清单
vue.js 开发环境安装成功。 http://localhost:8080/ 使用vue.js双向绑定实现类似这样一个任务清单页面。 下面是我的学习笔记。//app.vue页面<template> <div id="app"> <h1 v-text="title"></h1> <...
2016-12-10 20:50:00
145
转载 vue.js 开发环境搭建最简单攻略
官方指南假设你已有HTML、CSS和JavaScript中级前端知识。如果你是全新的前端开发者,它可能不是最好的想法,将一个框架作为你的第一步-最好掌握基本知识再来!其他框架以前的经验是有帮助的,但不是必需的。做为一名学习路上的小白,起初就对 vue.js 有着莫名的好感,知道 vue.js 也能实现 angular.js 的双向绑定等一些功能后,妥妥的先把 angula...
2016-12-09 19:10:00
269
转载 javascript dom编程艺术网页案例
包含了五个页面,N多函数,完成工作有幻灯片,点击显示内容功能,图片库,表格优化,表单优化,我自己没有写最后表单的ajax 在博客上只放了 js 函数代码,是供自己温习,想要学习建议阅读书籍。 案例放在github,地址:https://github.com/UnaMaatin/javascript-dom// Globalfunction addLoadEve...
2016-12-04 23:44:00
116
转载 第十章 用javascript实现动画效果
<html><head> <title>用javascript实现动画效果</title></head><body> <p id="message">Una Mattin</p></body><script type="te...
2016-12-02 14:52:00
92
转载 第九章 CSS-DOM
先来看整个页面,涉及到的一些函数DOM操作。<html><head> <title>第九章 CSS-DOM</title><style type="text/css">table{ border:1px solid #000;}th{ background-color:#CCC;}tr,...
2016-12-01 11:33:00
135
转载 第八章 充实文档的内容
<html><head> <title>第八章 充实文档内容 </title></head><body> <h1>what is Document Object Model</h1> <p>the <abbr title="W...
2016-11-30 16:41:00
65
转载 第七章 动态创建标记 优化图片库
<html><head> <title>第七章 动态创建标记 优化图片库</title></head><body> <h1>Snapshots</h1> <ul id="imagegallery"> <li&...
2016-11-29 17:36:00
115
转载 第六章 案例研究 图片库改进版
<html><head> <title>第六章 案例研究 图片库改进版</title></head><body> <h1>Snapshots</h1> <ul id="imagegallery"> <li&g...
2016-11-28 16:46:00
70
转载 第四章 案例研究 javascript图片库
<html><head> <title>第四章 案例研究 javascript图片库</title></head><body> <h1>Snapshots</h1> <ul> <li><a hre...
2016-11-28 16:45:00
72
转载 js文字跳动特效
一.如何让字符串变成 一个个的字体,让我们去控制1获取字符串内容2清空字符串内容3遍历字符串, 然后一个个的切割出来。4给切割出来的文字添加定位5把添加好定位的文字,重新赋值到获取的 元素里面。二.鼠标滑动上去之后, 该怎么去实现 文字的跳动1 定义一个变量02 定义 定时器3让变量不断的 减少4改变元素的top == 变量5当 变量 达到...
2016-11-27 10:56:00
925
转载 jQuery封装插件入门,导航下拉菜单
只要写出一个导航,给下拉菜单的ul添加一个‘nav’的class名称即可实现下拉菜单,同时要记得引入这个js 插件。 学习的不是代码,是封装的思想。<html><meta charset="utf-8" /><head><title>导航插件</title><style>.li...
2016-11-16 11:39:00
62
转载 jQuery框架的ajax理解运用
一.Ajax 概述 Ajax 全称为:“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML), 它并不是 JavaScript 的一种单一技术,而是利用了一系列交互式网页应用相关的技术所形 成的结合体。使用 Ajax,我们可以无刷新状态更新页面,并且实现异步提交,提升了用户体验。jQuery 对 Ajax 做了大量的封装,我们...
2016-11-15 21:07:00
116
转载 jQuery 动画效果
一.显示、隐藏 jQuery 中显示方法为:.show(),隐藏方法为:.hide()。在无参数的时候,只是硬性的显示内容和隐藏内容。$('.show').click(function(){ //设置个触发事件 $('#box').show(); //显示 });$('.hide').click(function(){ //设...
2016-11-12 14:41:00
102
转载 Bootstrap 栅格系统
1、简介 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义classe,还有强大的mixin用于生成更具语义的布局。2、栅格选项 bootstrap3.x使用了四种栅格选项来形成栅格系统,这四种选项在官网上的介绍如下图,很多人不理解,这里跟大家详解一下四种栅...
2016-10-25 21:27:00
113
转载 jQuery 选择器引擎
jQuery 最核心的组成部分就是:选择器引擎。它继承了 CSS 的语法,可以对 DOM 元 素的标签名、属性名、状态等进行快速准确的选择,并且不必担心浏览器的兼容。一.简单选择器 在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而 CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对...
2016-10-25 11:40:00
113
转载 jQuery 基础核心
一.代码风格 在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号来起 始的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元 素选择或执行功能函数的时候可以这么写: $(function(){}); //执行一个匿名函数 $(‘#box’); ...
2016-10-22 19:29:00
91
转载 Javacript Ajax 理解运用
避免转眼忘记,简单的记录一下今天自己学习的Ajax,便于理解运用记忆AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。首先得有一个服务器软件,我自己用的AppServ,这个可以在网上随便下载,用你喜欢的。安装好之后,在这个软件文件夹里会有...
2016-10-21 22:34:00
72
转载 Javascript 事件入门
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>事件入门</title></head><body><form><inpu...
2016-10-16 11:41:00
75
转载 Javascript Dom节点及操作
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>DOM基础</title></head><body> <div id="box" title="标题" class=...
2016-10-14 23:05:00
51
转载 Javscriot Dom基础
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>DOM基础</title></head><body> <div id="box" title="标题" clas...
2016-10-13 22:53:00
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人