2017年10月_爱敲代码的程序猿

原创【38】趣谈前端

作为一名前端新人，可以说生在了一个前端繁荣发展的时代，似乎每过几天前端世界里都会有新东西冒出来，令人眼花缭乱。在往更深更广的领域探索之前，我实在觉得有必要整理下情绪，尝试找到一条能够将前端知识串起来的线。而当我开始考虑对前端的理解时，脑海里首先浮现出来的是一张再熟悉不过的页面，那就从页面说起好了。前端每天都在和页面打交道，页面是什么，它又是怎样到达我们面前呢? 一张页面的

2017-10-27 09:29:41 562

原创【37】前端面试题------HTML&CSS篇（干货）

1.请描述一下 cookies，sessionStorage 和 localStorage 的区别？cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器，仅在本地

2017-10-26 14:44:42 536

原创【36】一个canvas写的验证码

想看效果的童鞋们请移步鑫大大小屋<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head><body> <canvas id="canvas" width="150" height="50"></canvas><script> function rando

2017-10-25 10:12:32 249

原创【35】复习下Vue.js（一个小demo）

Vue编写的一个小demo 想看效果的童鞋么请移步到[鑫大大小屋](http://www.qdfuns.com/notes.php?mod=view&u=46955&id=6f0b631d090a31617d1ea7c979b16240)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></ti

2017-10-23 15:54:37 258

原创【34】复习下Vue.js（一）

vue的4个常用选项 filters 过滤器 computed 计算属性 methods 方法 watch 观察 vue的生命周期 1.beforeCreate 即将创建 2.created 创建完毕 3.beforeMount 即将挂载 4.mounted 挂载完毕 5.beforeUpdate 即将更新渲染 6.updated 更新成功 7.beforeDestroy 销

2017-10-20 11:23:39 265

原创【33】grunt打包工具的一些js跟命令

这里有些效果不好展示请大家移步到鑫大大小屋/** * Created by Administrator on 2015/5/14. */module.exports=function(grunt){ grunt.initConfig({ /** * css精灵 * 安装 npm install grunt --save-dev

2017-10-18 09:34:57 438

原创【32】css跟js实现打气球的游戏

这几天由于时间紧的原因就不多说话了看效果吧想看效果的点击鑫大大的小屋<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta nam

2017-10-17 10:04:02 2053

原创【31】一个js写的爱心表白神器

这几天由于时间紧的原因就不多说话了看效果吧想看效果的点击鑫大大的小屋<!doctype html><html><head><meta charset="utf-8"><title>love</title><link href="favicon.ico" rel="shortcut icon" /><style>body{ overflow: hidden; margin:

2017-10-16 15:49:21 22691 13

原创【30】纯CSS制作一台打字的电脑

这几天由于时间紧的原因就不多说话了看效果吧想看效果的点击鑫大大的小屋<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta nam

2017-10-13 09:11:58 494

原创【29】纯css3制作的冒着气泡的瓶子

这几天由于时间紧的原因就不多说话了看效果吧想看效果的点击鑫大大的小屋<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>瓶子里的水</title> <link rel="stylesheet" href="css/base.css"> <style type="text/css">

2017-10-12 10:03:52 1834

原创【28】H5 坦克大战（酷）

让我们直接上来就看代码吧下面有笔记在csdn上不支持看效果想看效果的码农们点击鑫大大的小屋<html> <head> <meta charset="utf-8"> <title></title> <style media="screen"> body {text-align: center;} #c1 {background:#000} </s

2017-10-11 09:21:55 1325 1

原创【27】你以为border-radius只是圆角吗【各种角度】

border-radius，国内翻译成圆角，你可能以为这个属性就是用来画圆角，没错，但是除此之外，它还可以做点别的事情。radius其实指的是边框所在圆的半径，这个CSS3属性不仅能够创建圆角，还可以创建椭圆角（如下图），把这些角按照不同的顺序和大小来展现，能够绘制成多种多样的图形。以下图例就是通过定义border-radius得到的效果。语法和解释代码<html><head lang="

2017-10-10 16:28:02 1697

原创【26】jQuery实现的搜索列表过滤【好】

可以直接复制代码，如果要拷贝到本地别忘了引用本地的jq ；因为在这个csdn上不能直接预览想预览的话去（前端网）预览<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>jQuery实现的搜索列表过滤</title> <style> body{background: #fff; font-s

2017-10-09 18:44:46 1725

原创【25】手把手教你响应式布局（一）

一：布局方式有如下几种：1. 固定布局：固定布局以PX(像素)作为单位的，在PC端，设计稿多少PX就写多少PX，前几年都是这种布局，常见的是以960px或者1000px来设计的，但是这样设计有如下缺点：1.1.页面很死板，在更大的屏幕上，页面左右2边留白。1.2.不适应响应性布局。 2. 流式布局：流式布局是以百分比作为单位的，我们要牢记如下公式：百分比宽度 = 目标元素

2017-10-02 21:03:14 30325 4

程序猿的博客