普通网友-CSDN博客

原创原生的JS编写图片的淡入淡出

原生的JS写图片的淡入淡出代码量比较多，他不像jQuery。淡入淡出其实就是鼠标移入图片的时候透明度值的变化。这里需要用到两个时间：mouseover()和mouseout()代码如下： Document #img1{ filter: alpha(opacity = 30);

2017-10-17 13:00:18 829

原创 JavaScript代码编写分享到边侧栏

在很多的网站页面中或微信，微博都有分享到的功能。现在就编写一个简单的边侧栏。代码： Document #div1{ width: 100px; height: 200px; background: #ccc; left: -100px;

2017-10-15 10:45:27 316

原创 DOM常用方法之插入，删除，添加等。

DOM相信大家都见得多，这里介绍常见的操作。0、createElement();创建1、appendChild();追加节点2、removeChild();删除3、insertBefore(节点, 原有节点)在已有元素前插入createElement();创建：appendChild();追加节点用法： Document

2017-10-11 21:16:46 524

原创编写自己的一个ajax库。

ajax用途可以用来读取后台数据，实现分页等等功能。ajax不难，今天我们来写一个属于自己的一个ajax库。知识点：1. 编写 Ajax 库，AJAX 请求步骤2. 创建 ajax 对象：XMLHttpRequest3. 在 IE6 下兼容 XMLHttpRequest 的解决方案：ActiveXObject("Microsoft.XMLHTTP")4. window属性与

2017-10-11 19:38:57 470

原创数组的常用方法

数组的最常用方法有 : push()从尾部插入，unshift()从头部插入，pop()从尾部删除，shift() 从头部删除，concat()字符串连接join()字符串连接符 split()字符串删除，与join相反 splice() 字符串删除，插入。有两个参数 ---》( 开始位置，结束位置)，功能较多，往下看用法：push()var arr=[1

2017-10-11 16:36:45 310

原创 JavaScript代码实现选水果

选水果类似于我们在购物商城里进行简单选择。包含一种或多种。然后把它放到类似购物车里去。代码如下： Title select { width: 150px; height: 200px; background-color: #0099cc; }

2017-10-07 22:32:47 2795

原创 JavaScript代码来判断文件上传格式

有时候我们在发送邮件，发生跟文件有关的时候需要去判断你选的文件是否是浏览器想要的类型，那么就会出现文件上的选择。所以，小编用JavaScript来写个简单的dome。做一图片类型上传格式。假定用户上传是jpg 或png 格式提示格式正确其他格式的提示格式错误代码： Document // 假定用户

2017-10-07 22:24:20 481

原创用JavaScript代码编写选项卡

选项卡其实在很多网站站中可以看到。类似于切换导航。代码如下： Document * {margin: 0; padding: 0;} ul { list-style: none; } .box { width: 400px; height: 300px;

2017-10-06 10:33:04 635

原创用JavaScript代码编写日历

一个简单的日历如下：这里主要用到JavaScript中的new Date();属性。代码如下： Document * {margin: 0; padding: 0;} #cal { width: 200px; height: 220px; background-color: blue

2017-10-06 10:28:56 2175

原创 innerHTML和innertext的区别

innerHTML和innertext的区别很容易区分，那什么时候用innerHTML，innertext呢。innerHTML获取的是标签的内容。而innertext获取的是标签的节点。我们来举个例子。

2017-10-06 10:16:29 552

原创用原生JavaScript代码编写类似微博发布的。

今天简单的用JS代码来创建一个类似微博发布的小项目。先把整个代码拷过来：html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style type="text/css"> * { margin: 0; padding: 0; }

2017-10-06 09:57:14 902

原创 JavaScript代码实现简单的轮播图效果

JavaScript中的轮播图在许多网站中能够经常看到，如淘宝京东首页等。轮播图还是比较简单的，只要理解动画原理以及定时器函数setTimeout()和clearTimeout()setInterval()和clearInterval()这四个函数都是属于window对象的。Window是可以省略的。使用格式：SetTimeout(函数，时间);SetInterva

2017-10-05 10:23:25 1642 2

原创如何用JavaScript代码编写拖拽

拖拽，顾名思义拖着一块区域进行移动。比如拖着文件上传，拖动整个qq等。下面呢，小编编写两个极为简单的代码。首先呢写个简单易懂但有点复杂的，编写一个class.box，背景颜色为红色的box如下：拖拽 #box {width:100px; height:100px; background:red;position:absolute;}

2017-10-03 20:53:27 422

原创 HTML5新标签以及用法

HTML5的声明： Document HTML5 新增标签：section ：定义和用法标签定义文档中的节（section）。比如章节、页眉、页脚或文档中的其他部分标签定义和用法标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其

2017-10-02 20:30:55 394

原创关于atom插件下载难的问题

最近才开始用atom编程器，由于这款软件颜值过高，功能强大，越来越受到前端开发者的喜爱。然而，小编最近发现atom的插件很难下载，一直在显示下载中，所以今天我发表自己用过的方法，有助于帮助大家。首先1、下载git 地址：https://git-scm.com/安装完毕后打开cmd命令，如下：找到c盘目录下的 .atom:找到插件包 packa

2017-10-02 19:36:36 1848

翻译开发常用插件分享

1、sublime text3sublime text是最方便，也是开发的时候用的最多，也是我认为最丑的编辑器。但是，轻量级和快速启动把我给打动了。插件篇：a file icon

2017-10-02 18:22:13 472

翻译如何成为一名优秀的前端工程师

首先，前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通，但你至少要能够运用它们完成大多数任务，而无需频繁地寻求别人的帮助。优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，没错吧？我甚至可以说这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐

2017-10-02 18:12:14 668

超级实用的JavaScript代码

这是一个实用的JavaScript代码，在做项目的时候经常会用到。

2017-10-08

加入购物车

此代码类似于防淘宝把选择好的物品放入购物车，也是比较简单的，对JavaScript有很好帮助

2017-10-08

JavaScript 学习笔记

JavaScript的学习笔记，这是在学习JavaScript路上所遇到的一些难点，就记录下来了。

2017-10-03

CSS的知识点归纳总结

CSS是一门艺术，想学好CSS没有那么简单，于是小编整理了css的知识，希望能够帮助大家。

2017-10-03

40多种JavaScript技巧

整理了JavaScript一些常用的js代码，技巧，js并不难，只要写多了，也就那样。

2017-10-03

《JavaScript面向对象编程指南》内容包括：JavaScript作为一门浏览器语言的核心思想；面向对象编程的基础知识及其在JavaScript中的运用；数据类型、操作符以及流程控制语句；函数、闭包、对象和原型等概念，以代码重用为目的的继承模式；BOM、DOM、浏览器事件、AJAX和JSON；如何实现JavaScript中缺失的面向对象特性，如对象的私有成员与私有方法；如何应用适当的编程模式，发挥JavaScript语言特有的优势；如何应用设计模式解决常见问题等。, 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性，展示如何构建强健的、可维护的、功能强大的应用程序及程序库。

2017-10-03

jQuery常用插件

jQuery常用开发插件，包含各种比如UI，弹出窗口，提高开发效率

2017-10-03

前端学习手册

web前端学习手册，包含js，html,css,php,以及web流行框架

2017-10-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人