一梦醉殇-优快云博客

转载 js动画

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>js动画</title><style type="text/css" media="screen"&

2018-11-30 09:57:05 703

转载 sublime 字体

1，Consolas （常用）2，Comic Sans Ms3,DejaVu Sans Mono4,microsoft yahei(微软雅黑)5，Microsoft Yahei UI(微软雅黑增强版)6，Ubuntu Mono7 ，Material theme8，Courier New

2018-07-20 11:33:24 2908

// Numberstypeof 37 === 'number';typeof 3.14 === 'number';typeof Math.LN2 === 'number';typeof Infinity === 'number';typeof NaN === 'number'; // 尽管NaN是"Not-A-Number"的缩写typeof Number(1) === 'number'; //...

2018-05-02 09:29:05 827

转载用Vue实现个人博客的前端界面1

学习如何使用vue-cli，去组件化的开发一个项目；以及如何使用路由vue-router，完成页面之间的跳转；还有vuex如何管理页面之间需要交互的全局数据；如何使用vue-resource跨域请求，node后台又如何配置。一. 使用的技...

2018-04-03 11:39:44 5204

转载 Vue.js + vue-router基础入门1

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Vue.js + vue-router</title><script src="https://unpkg.com/vue/dist/vue.js&

2018-03-27 11:19:34 232

转载 HTML 字符实体

结果描述实体名称实体编号" 引号 &quot; &#34;' 撇号 &apos; (IE不支持) &#39;& 小于号 &amp; &#38;< 小于号 &lt; &#60;> 大于号 &gt; ...

2018-03-26 14:42:55 197

原创 Vue指令

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Vue指令</title><script src="https://cdn.jsdelivr.net/npm/vue">&a

2018-03-26 13:44:02 211

原创锚点跳转滑动

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css"> body{height: 100%;} *{

2018-03-15 10:08:21 543

转载 Ajax基础

一、jquery中的ajax方法参数： 1、url:要求为String类型的参数，(默认为当前页地址)发送请求的地址。 2、type:要求为String类型的参数，请求方式(post或get)默认为get。注意：其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3、timeout:要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetu...

2018-03-05 08:39:01 200

转载前端开发知识点

HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、 HTML5、CSS3、FlexboxJavaScript：数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、 DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块化、...

2018-02-26 10:45:12 230

转载 js函数

一、javascript最常见的函数定义方式： 1、函数声明，使用function语句 function print(x,y){ return x*y; } 2、函数直接量定义函数 var print = function(x,y){ return x*y; } 3、Function构造函数 new Function(); var print = new Function('a...

2018-02-26 10:42:33 602

转载 js资料整理（更新中）

1、什么是JavaScript？ JavaScript是客户端和服务器端脚本语言，可以插入到HTML页面中，并且是目前较热门的Web开发语言。同时，JavaScript也是面向对象编程语言。2、什么是未声明和未定义的变量？未声明的变量是程序中不存在且未声明的变量。如果程序尝试读取未声明变量的值，则会遇到运行时错误。未定义的变量是在程序中声明但尚未给出任何值的变量。如果程序尝试读取未定义变量的值，...

2018-02-26 10:35:43 2127

转载 css资料整理（更新中）

1、页面导入样式时，使用link和@import有什么区别？（1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; （2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; （3）import是CSS2.1 提出的，只在IE5以上才能被识别，而link是X...

2018-02-26 10:18:08 1004

原创图片Map定位

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Map 定位</title><style> *{padding: 0px;margin: 0px;}</sty

2018-02-08 10:40:39 1295

转载 js函数

一、js最常见的函数定义方式： 1、函数声明，使用function语句 function print(x,y){ return x*y; } 2、函数直接量定义函数 var print = function(x,y){ return x*y; } 3、构造函数方法 new Function(); var print = new Function('

2018-01-26 12:08:35 2250

转载导航栏

导航栏*{padding: 0px;margin: 0px;}.nav_mainbav{width: 100%;background-color: rgba(191,171,134,0.3);}.subnav{width: 1000px;margin:0 auto; }.subnav ul li{list-style: none;float: left;background:#

2018-01-23 09:05:58 332

原创 js倒计时

js倒计时*{padding: 0px;margin: 0px;}.time{width: 500px;text-align: center;margin: 50px auto;}.time p{font-size: 32px;}.time p>b{font-size: 48px;} 00日 00时间

2018-01-23 08:42:03 173

转载 js五子棋

Document /**{padding: 0px;margin: 0px;}*/ body{background-color: #0E0001;}canvas{display: block;margin: 50px auto;box-shadow: -2px -2px 2px #efefef, 5px 5px 5px #b9b9b9;}.resta

2018-01-22 08:34:08 254

转载 git提交文件到GitHub

创建文件夹：mkdir mysite[文件夹的名字]打开文件夹：cd mysite所在项目初始化：git init创建文件：touch index.html添加文件：git add index.html把文件提交到仓库：git commit -m '内容备注'git账号文件存储地址：git remote add origin （这里跟GitHub里创建新存储的地址：https://github.c

2018-01-19 08:36:52 667

转载 sublime text3 常用插件

使用Package Control组件安装也可以安装package control组件，然后直接在线安装：1、按Ctrl+`调出console（注：避免热键冲突）2、粘贴以下代码到命令行并回车：import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_...

2018-01-17 09:20:45 234

转载 js表单验证

js表单验证body,dl,dt,dd,div,form {padding:0;margin:0;}#header,#main{ width:650px; margin:0 auto; } .bg_top_left{ background-position:0px 0px; } .bg_top

2018-01-17 08:35:05 275

转载 jQuery知识总结

jquery总结一、核心:$是jquery类的一个别名,$()构造一个jquery对象,jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。 1、 ${表达式}：根据这个表达式来查找所有匹配的元素。 eg:$("div>p"); 查找所有p元素，且这些p元素都是div的子元素.

2018-01-11 10:46:03 399

转载仿阴阳师官网jquery轮播图

仿阴阳师官网jquery轮播图插件

2018-01-09 09:12:18 856

转载原生js透明轮播

原生js透明轮播* {margin: 0;padding: 0;}.wrap {width: 60%;margin: auto;position: relative;}.wrap img {width: 100%;position: absolute;left: 0;top: 0;transition: 2s;}.wrap i

2018-01-09 08:40:55 581 1

转载 jquery选择器

1. jQuery基本概念介绍 1.1 什么是jQuery一个javascript库，把常用方法写到一个js文件中，需要的时候直接调用即可学习jQuery就是学习一些方法 1.2 为什么要学习jQuerywrite less do more 1.3 jQuery的使用

2018-01-03 08:43:26 135

转载 jQuery卷轴效果

jQuery卷轴效果 body,ul,li,p,h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:100%; } body{ font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', SimSun,

2018-01-02 09:21:47 1150

转载 js基础知识总结

如何在一个网站或者一个页面，去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs)常用内部类:Data Array Math StringHTML属性，CSS属性HTML：属性.HTML属

2018-01-02 09:13:43 113

转载网页线条加载

Document *{ margin: 0px; padding: 0px; } #progress{ position: relative; height: 2px; background-color: #b91f1f; transition: opaci

2018-01-02 09:11:26 356

转载俄罗斯方块

Document*{ margin: 0; padding: 0;}#holder{ width: 280px; margin: 20px auto; background: #748b7b; padding: 4px 2px 2px 4px; border: 4px solid #333;}.doc{

2018-01-02 09:10:02 171

转载抽奖小游戏

抽奖小游戏 *{ margin: 0; padding:0;}.prize_wrap{ width: 300px; height: 150px;}.prize_wrap .active{ position: absolute; width: 100px; height: 50px; background:

2018-01-02 09:09:02 671

转载 CSS发送消息

发送消息动画 #plate.front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0de

2018-01-02 09:07:28 372

转载 CSS奔跑中的人

奔跑中的人 *{padding:0;margin:0;}html,body{width:100%;height:100%;overflow:hidden;}html{-webkit-user-select:none;}body{background:-webkit-linear-gradient(bottom left, #fff 600px,skyblue 601px)

2018-01-02 09:04:46 245

转载梅花飘落

梅花飘落body { position: relative; overflow-x: hidden; background:#fff url(http://sandbox.runjs.cn/uploads/rs/475/ao7egt7f/bg.png) no-repeat top right;}.leave { position: fix

2018-01-02 09:03:16 512

转载 js事件详解

一、焦点事件焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入设置焦点方式：点击、tab、jsonfocus:当元素获取到焦点的时候触发onblur:当元素失去焦点的时候触发obj.focus();给指定的元素设置焦点obj.blur();取消指定元素的焦点obj.select();选择制定元素里面的文本

2018-01-02 08:52:19 397

转载 CSS3选择器

1、属性选择器：p[index]{background:red} //只使用属性名，但没有确定任何属性值p[index=1]{background:red} //指定属性名，并指定了该属性的属性值p[index~=pre]{background:red} //指

2018-01-02 08:48:17 151

转载 HTML基础结构

不成对出现的标签 HTML 基本标签的讲解：用于强调文本，强度更深，表示重要文本--->用于SEO优化只是视觉加粗效果--->单纯为了产生加粗标签---- 仅仅用于标题文本，不要为了产生粗体文本使用它们标签段落标签标签都会让文字产生加粗效果标签em用于强调文本i只是视觉斜体效果比强调更

2018-01-02 08:44:05 263

转载 CSS动画库

2018-01-02 08:41:13 503

转载 js正则验证方法大全

/*用途：检查输入手机号码是否正确输入：s：字符串返回：如果通过验证返回true,否则返回false */function checkMobile(s){var regu =/^[1][3][0-9]{9}$/; var re = new RegExp(regu);

2018-01-02 08:40:07 316

转载数组去重

方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(

2017-12-26 11:15:01 157

转载 css滚动条

CSS3自定义滚动条header{ font-family: 'Lobster', cursive; text-align: center; font-size: 25px; }#info{ font-size: 18px; color: #555; text-align: center; ma

2017-12-26 11:12:03 141

空空如也

空空如也