- 博客(43)
- 收藏
- 关注
RSS订阅转载 css3文字与字体样式
使用服务器端字体 @font-face { font-family: webFont; /*此代码会首先用客户端字体Arial，如果客户端没有用下面一种服务器端字体*/ /*format格式: (ttf):truetype;(otf):opentype*/ src:
2017-03-13 13:22:30
329
转载 css3多列及瀑布流效果
css3内容分块，多列效果(类似报纸版块排版):复制代码.div02{ /*count:内容分为几列，gap:内容与分割线的距离，rule:分割线样式*/ column-count:4; column-gap:30px; column-rule:5px outset #ff0000; -webkit-column-count: 4;
2017-03-10 08:47:08
541
转载 Html5 基础－－－－列表详述
html5列表 标签 列表分为： 有序列表/无序列表/自定义列表，用的最多的为无序列表和自定义列表 1.有序列表（order list） eg:把？？大象放进冰箱里需要分几步 把冰箱门打开 把大象放进去 把冰箱门关上 运行结果：
2017-03-08 09:06:13
320
转载 函数参数的传递方式
向参数传递基本类型值时，被传递的值会被复制给一个局部变量（即命名参数，或者是arguments对象中的一个元素）。function addOne （num） { num++; return num;}var count = 1;var result = addOne（count）；console.log（count）； //1console.log（re
2017-03-06 13:49:30
502
转载 react配置之浅谈
//复习 1 .块级作用域 let 和const 2 变量结构 默认值 一般往后写 rest参数（了解） 箭头函数（重要）（x，y）=>{} 3.map 存储高级键值对 4.set集合（去重）//集合内不存在重复//es5 es6console.log('----------------start----------------');//1.块级作用域//{//
2017-03-03 10:33:07
298
转载 css修炼宝典
前端岗位目前确实十分火热，但是就业压力也很大；前一段时间与大学同学交谈，他向我哭诉说去一个机构学习了前端工程师，我心底里为他高兴，因为他马上就可以月薪突破10K了，可是不幸的是他说去北京面试一个月，还是没有找到满意的工作，这里想提醒想进入前端工程师的你，也考虑报班的话，那么你可以先自己去看看网上的一些视频课程，看看你自己能否看懂？还有想想自己在开发道路中能否坚持下来？能否喜爱与电脑、各大浏览器、还
2017-03-03 10:29:47
300
转载 html5 离线存储 地理信息与本地存储
搭建离线应用程序 ①服务器设置头信息 : AddType text/cache-manifest .manifest ② html标签加 : manifest="xxxxx.manifest" ③写manifest文件 : 离线的清单列表 先写 : CACHE MANIFEST FALLBACK : 第一个网络地址没获取到，就走第二个缓存的
2017-03-02 09:02:20
317
转载 css常用属性初总结:伪元素和伪元素
其实以前我对伪类和伪元素也是搞得稀里糊涂的，现在决定剥开它神秘的外衣，首先，究竟什么是伪类？什么是伪元素？伪类和伪元素的理解：官方解释：伪类一开始只是用来表示一些元素的动态状态，典型的就是大家常用的链接的各个状态（link、active、hover、visited），随后css2标准扩展了其概念范围，使其成为了所有逻辑上存在但在文档树中却无标识的"幽灵"分类。伪元素则代表了某个
2017-03-02 08:59:53
313
转载 react-swipeable-views 使页面切换更加流畅
首先我们要尊重原着 这里给一个源码地址import React from 'react';import SwipeableViews from 'react-swipeable-views';const styles = { slide: { padding: 15, minHeight: 100, color: '#fff', }, s
2017-02-28 12:51:52
2366
转载 带你玩转jQuery EasyUI Layout组件
说明： （$.fn.layout）布局，依赖panel和resizable,默认分为5个区东east,西west,南south,北north,中center,中间的区域面板是必须的，边缘区域面板是可选的，每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。布局可嵌套，因此用户可建立复杂的布局。基础用法：
2017-02-28 12:48:50
319
转载 vue.js树形组件详解，删除双击增加分支
html代码：{{model.name}}[{{open ? '-' : '+'}}]这里使用x-template全局属性，页面加载不显示，但是可供js使用js代码：//加载树形结构初始数据，可用ajax获取var data = {name: 'My Tree',children: [{ nam
2017-02-28 12:46:11
2338
转载 浅谈css中一个元素如何在其父元素居中显示
css如何垂直居中一个元素的问题已经是一个老生常谈的问题了。不管对于一个新手或者老手，在面试过程中是经常被问到的。前两天在看一个flex的视频教程，当中提到了有关元素的居中问题，所以今天小编就来扒一扒几种常见的方式。不足之处请大家批评指正（所有的代码都是自己亲手敲过可用的）1、水平居中（margin:0 auto;） 关于这个，大家应该是最不陌生的,不管是在培训班还是
2017-02-22 11:04:27
629
转载 自己所做的一个轮播图案例，以供参考，欢迎指教
轮播图window.onload = function () {var config = [{"top": 0,"left": 0,"opacity": 0.3,"zIndex": 1},//0{"top": 120,"left": 100,"opacity": 0.5,"zIndex": 2},//1{//"width": 20
2017-02-22 11:02:39
395
转载 利用canvas进行一个饼形图的绘制
绘制饼形图。canvas{border: 1px solid green;}var canvas = document.getElementById('canvas');var ctx = canvas.getContext('2d');function toAngle(radian){return radian*180/Math.PI;
2017-02-22 11:00:07
533
转载 CSS之BFC(Block Formatting Context)
这是我的第一篇博客，不知道从什么开始写起，那就从我现在看的开始写起吧。以前我也不知道BFC是什么，今天看了才知道原来以前经常接触，只是不知道专业名称罢了。就像闭包、继承一样，以前经常用到，只是不知道而已，今天我就来说一下，css定位之BFC.BFC与清除浮动是有关系的，那我们就来说说，如何清除浮动，清除浮动主要有两种方法：①利用 clear属性，清除浮动②使父容器形成BFC在讲
2017-02-16 16:09:32
193
转载 Node.js与Sails~redis组件的使用方法
主要介绍几个用法，为string,set,hash和list的使用测试redis组件的代码复制代码 index: function （req, res） { // redis 链接 var redis = require（'redis'）； var client = redis.createClient（'6379',
2017-02-14 09:11:59
661
转载 小程序 View：flex 布局
先做一个简单的 demo 1 2 3 加上背景色能看的更清楚些复制代码.main { width: 100%; background-color: antiquewhite;}.item { height: 100rpx; width: 100rpx;}.item1 { background-co
2017-02-14 09:06:00
370
转载 ajax异步无刷新基础
ajax的应用是非常多的，要实现数据前后端的交互，ajax是一个非常常用的技术哦，加油！同步和异步同步：必须等待前面的任务完成，才能继续后面的任务；异步：不受当前任务的影响。 简单点说，当你去银行办业务，需要一个一个等叫号，轮到你才能你去办理，这就是同步；但是在你等叫号的过程中，你可以玩手机，这就是异步，不影响你的等候叫号。异步更新网站当我们访问一个普通的网站时，当浏览器加载完
2017-02-13 10:41:23
1086
转载 HTML5 & CSS3 初学者指南 – Canvas使用
什么是 Canvas?HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，你可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 Canvas 元素。规定元素的 id、宽度和高度：通过 JavaScript 来绘制Canvas 元素
2017-02-10 12:54:43
320
转载 Css之line-height计算
行间距是两行文字间，第一行文字底线到第二行文字顶线的距离。半行间距，是行间距的一半，设置行高时，内容区域高度不变（一般由font-size和font-family决定），半行距分别增加/减少到内容区域的上下两边行高 = 内容区域 + 行间距 , （某些字体下，内容区域高度等于字体大小，如SimSun宋体） 临沂长途汽车站
2017-02-08 13:32:25
586
转载 谈CSS的设计模式
拆 在分了之后，我们的代码看起来已经比之前好很多了，组织清晰，维护性大幅提高，但是，好像还是不够，我们会发现另外一些东西，很细小，但复用度也很高，它们同样不适合被放到模块中去，比如，边框、背景、图标、字体、边距、布局方式等等。如果我们在每个需要它们的地方，都定义一次，它们会被重复很多次，显然，这背离好的实践，会造成代码冗余和维护困难。所以，我们需要"拆".拆过之后会怎样？我们想在哪里用可以直
2017-02-07 09:16:41
247
转载 gulp的安装与使用
全局安装gulp（基于node）：$ npm install --global gulp进入项目所在的文件夹，执行npm init,填写相关参数，生成记录配置文件信息的package.json,用于以后项目移植时使用。进入项目所在的文件夹，作为项目的开发依赖（devDependencies）再安装一次gulp:$ npm install --save-dev gulp在项目根目录下创建
2017-02-06 12:57:07
264
转载 css3常用属性animation-play-state的使用技巧
浏览器支持：Internet Explorer 10、Firefox 以及 Opera 支持 animation-play-state 属性。Safari 和 Chrome 支持替代的 -webkit-animation-play-state 属性。注释：Internet Explorer 9 以及更早的版本不支持 animation-play-state 属性。语法：animat
2017-02-04 10:02:15
2438
转载 CSS页面渲染优化属性will-change
will-change 功能: 提前通知浏览器元素将要做什么动画，让浏览器提前准备合适的优化设置 值: auto | 初始值: auto 应用于: 所有元素 继承性: 无 兼容性: IE13+、chrome49+、safari9.1+、IOS9.3+、Android52+ auto表示没有特别指定哪
2017-01-20 08:58:56
296
转载 head中的title显示在body中
今天遇到一个问题，就是title中的内容会显示在body中1 2 3242343 网上搜了一下是说编码方式有问题会出现这种情况，于是查看我的编码情况，发现没有任何问题。于是开始排查，去掉了css样式表，title就不显示了。看来就是样式有问题。排查后，发现以前写的重置样式如下。1 * { display: block; }然后看来下浏览器默认的为display:none
2017-01-19 11:03:38
1120
转载 滑动窗口滚动条触发事件
$（window）。on（"scroll", function（） {if （timer） {clearTimeout（timer）；timer = null;}timer = setTimeout（function（） {var st = $（window）。scrollTop（）；$（"#imgbox"）。css（'top',st+"px"）； //弹出窗if（
2017-01-16 14:09:21
969
转载 CSS两端对齐
弹性盒模型flex作为强大的弹性布局方式，可以hold住大部分的布局效果，当然也包括两端对齐。可以使用主轴对齐justify-content的两端对齐属性space-betweenjustify-content: space-between; 如果要考虑flex三个版本的兼容，则使用如下代码 [注意]IE9-浏览器不支持.justify-content_
2017-01-12 10:04:04
298
转载 纯css3圆形从中心向四周扩散动画效果
创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to",等价于 0% 和 100%.0% 是动画的开始时间，100% 动画的结束时间。为了获得最佳的浏览器支持，您应该始终定义 0% 和 100% 选择器。以下为上下运动的代码：复制代码
2016-12-13 13:14:44
6642
原创 HTML中使图片居中显示
注：imageId为图片id#imageId{display:block;position:relative;margin:auto;}class Person{ constructor(name,age){ this.name = name; this.age = age; }
2016-12-09 13:56:50
1539
转载 form表单提交和ajax表单提交
由于自己对于form研究甚少，所以一直用的都是AJAX进行提交，这次后台提出要用form提交，顺便深入研究一下；之前在做表单的时候，发现input可以通过设置不同的type属性，调用不同的移动端软键盘，但是对于软键盘中的【搜索】和【前往】不知道怎么进行控制 【form 和 ajax 区别】 Ajax提交是通过js来提交请求，请求与响应均由js引擎来处理，页面不会刷新，用户感觉不到实际上
2016-12-09 13:55:42
350
原创 网站左侧导航代码如何编写
货运电子商务平台导航 哈尔滨铁路局 沈阳铁路局 北京铁路局 太原铁路局 呼和浩特铁路局 郑州铁路局 武汉铁路局 西安铁路局 济南铁路局 上海铁路局 南昌铁路局
2016-12-05 15:03:47
2085
转载 网站栏目html+css代码编写规范
联网最新开通汽车站 更多车站 <img onerror="http://cdn-resourcexxx.com/2015/image/station.png" src="http://cdn-resourcexxx.com/2015/
2016-11-25 11:26:55
651
转载 秒杀 tj/co 的 hprose 协程库
首先，tj/co 库中的 yield 只支持 thunk 函数，生成器函数，promise 对象，以及数组和对象，但是不支持普通的基本类型的数据，比如 null, 数字，字符串等都不支持。这对于 yield 一个类型不确定的变量来说，是很不方便的。而且这跟 await 也是不兼容的。其次，在 yield 数组和对象时，tj/co 库会自动对数组中的元素和对象中的字段递归的遍历，将其中的所有的P
2016-11-24 09:57:21
358
转载 公用Foot和友情链接模块代码模板
© 2015 版权所有 | 粤ICP备14020827号-1 关于12308| 联系我们| 服务协议| 诚征英才| 常见问题| 友情链接| --> 用户建议
2016-11-16 10:17:09
2483
转载 tomcat配置https自签名证书
一、环境搭建安装jdk： 略安装tomcat : 略配置java环境变量：略运行测试tomcat：略安装vcredist_x86：这个的东西是安装openssl的环境，安装oenssl前需安装此环境。安装openssL：a网上搜索Win32OpenSSL-1_0_1g.exe，下载一个。一路下一步，然后把安装路径设置在C：\Win32OpenSSL\二、制作证书 1.在c目录
2016-11-16 10:15:34
4519
转载 企业级Docker Registry开源工具Harbor的用户使用指南
用户手册概述该指导将引导你去使用Harbor的各个功能特性。你将学习到怎样使用Harbor去完成以下任务：管理你的项目管理一个项目中的成员同步一个项目中的registry到远端的registry检索项目和镜像源如果你是系统管理员，可以学习如何管理你的Harbor系统：管理用户管理目标镜像管理同步策略(多个registry之间的镜像同步)使用docker客户端程序上传下载
2016-11-16 10:15:09
2321
原创 Spring Boot 动态加载
动态加载静态资源spring.thymeleaf.cache= false试试，如果不成功，Build->Make Project动态加载class dependency> groupId>org.springframeworkgroupId> artifactId>springloadedartifactId> version>1.2
2016-11-15 13:17:21
2735
转载 PHP知识大全
1. 变量如何定义？如何检查变量是否定义？如何删除一个变量？怎样检测变量是否设置？ $定义 isset()// 检测变量是否设置 defined（）// 检测常量是否设置 unset()//销毁指定的变量 empty()// 检测变量是否为空 2. 什么是可变变量？ 一个变量的变量名可以动态的设置和使用。
2016-11-15 13:16:58
318
转载 Vim插件配置
"==============================================="Description: my vimrc for linux"""Author: Wran"" 工欲善其事必先利其器"================================================"关闭vi兼容模式set
2016-11-15 13:16:33
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人