- 博客(224)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 总结CSS Sprites优缺点
CSS Sprites 简介： 通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现c...
2019-09-18 15:59:14
292
转载 Div CSS网页布局对网站搜索引擎优化的影响
我们都知道DivCSS网页布局的好处，它对网站搜索引擎优化的影响有哪些呢？ 网站优化使用 DIV+CSS佈局，页面代码精简，这一点相信对XHTML有所瞭解的都知道。代码精简所带来的直接好处有两点：一是...
2019-09-18 15:40:14
330
转载 导航效果
html <div <ul> <li><a href=”#” name=”topurl”>首页</a></li> <li><a href=”#” name=”topurl”>手机</a></li> <...
2019-09-18 15:13:42
282
转载 图片在div内垂直水平居中
<style type=”text/css”> .img_pro{width:120px;height:120px;overflow:hidden;position:relative;display:...
2019-09-18 14:47:36
304
转载 CSS3详解：transform
近来，HTML5和CSS3的发展速度还是很可观的，国内外不乏一些大站，酷站都在使用最新的技术。面对新的技术，我们该如何正确的把握和使用到今后的项目实战中呢？针对这一问题，浩子决定剖析CSS3，一一像各...
2019-09-17 23:50:28
124
转载 CSS3实例：纯CSS3写Google Chrome新LOGO
上上篇文章我们知道了Google的Chrome浏览器更换新的LOGO，个人感觉很不错，简洁大方，又能表达Chrome快速的含义，所以打算用CSS3写一个Chrome LOGO Tips：喜欢研究的同学...
2019-09-17 23:16:20
696
转载 CSS3动画-wordpress读者墙
有日子没更新啦，今天的主题是CSS3动画，用CSS3写一个不错的wordpress读者墙。 效果图： 代码自己开发工具看看，chrome下能收到最好效果。 ps：大前端D4主题即将出现，今晚仍旧测试中...
2019-09-17 22:46:54
170
转载 简单HTML5打造内涵搜索框
随着HTML5的深入人心，其越来越多的新功能为更多Coder所用，HTML5新增了不少人性化标签和属性，马上介绍的就是新的表单属性。 实例图片： 代码如下： <input type="text" pl...
2019-09-17 22:10:56
400
转载 简单CSS3技巧实现的Logo动画
之前不少人提过说要实现像阿里百秀Logo那样的动画效果，为了满足广大用户的需求，这里就简单做个演示。东西相对较简单，所以不要认为你搞不定它。 下面是演示的案例代码，你也可以 <style>.imlog...
2019-09-17 21:43:11
780
转载 表单中Readonly和Disabled的区别
Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / pass...
2019-09-17 21:15:04
622
转载 css实现文本两端对齐
实现如下效果： css代码实现如下： 第一种方案： .oldprice .label{text-decoration: line-through;overflow:hidden; text-align...
2019-09-17 20:50:02
296
转载 Chrome渲染Transition时页面闪动Bug
在微信抽奖的项目中，旋转时出现闪屏，解决方案如下： Google关键字“Chrome transition blink”和“Chrome transition bug”发现网上已经有很多人注意到这个问...
2019-09-17 20:14:20
922
转载 移动端自适应方案二之手机淘宝的flexible设计与实现
手机淘宝用JS来动态写meta标签，代码类似这样： var metaEl=doc.createElement( 'meta' ); var scale=isRetina?0.5:1; ...
2019-09-17 19:39:00
457
转载 滚动插件fullPage.js
兼容性 使用方法 1、引入文件 <link rel="stylesheet" href="css/jquery.fullPage.css"><script src="js/fullPage.m...
2019-09-17 19:15:07
151
转载 live事件在部分手机中失效的解决方案
在开发过程中难免会到弹窗，弹窗之后的按钮又会执行一些事件方法。开发的场景如下： 蓝色弹窗是事件中追加的，在追加的元素中有一个“确认捐赠”按钮，在这里执行事件方法，如果直接写在元素上绑定事件是没有问题，...
2019-09-17 18:41:42
404
转载 解决ios在输入中文时keyup失效的问题
场景 在vue开发项目中，需要用户提交留资，在输入的内容需要实时更新显示输入的字符数，在原生Dom树中绑定事件@keyup="limitStr($event)".在ios中使用全拼输入法输入中文，在点...
2019-09-17 18:11:49
658
转载 思考交互设计之飘动条
不再固定在某一指定位置，而是随鼠标拖动而动，巧妙的设计会使得在不妨碍网友浏览的同时，满足其增加曝光率的需求。其特殊的表现形式与传统的形式相比更能聚集网络访客的眼球。但是过度的曝光不加思考的一味所有页面...
2019-09-17 17:38:16
132
转载 node.js 之 N-blog
N-blog使用 Express + MongoDB 搭建多人博客 原文地址： https://github.com/nswbmw/N-blog 建议初学者，研究下整个项目。 这里节选了一些内容...
2019-09-17 17:11:01
140
转载 JS 之 script标签
1.script标签 1.js代码的解析（包括下载js文件）会阻塞页面加载 2.当js文件放在头部，页面必须等所有js代码都被下载，解析和执行完成后才开始呈现页面内容（遇到body标签才呈现）...
2019-09-17 16:33:47
339
转载 CSS 小结笔记之BFC
BFC 即为Block formatting context 的缩写，BFC 主要用来将一个盒子设置为一个隔离的容器，不管盒子内部的元素具有什么属性，都不会影响到盒子的外面。 1、哪些元素能产生BFC...
2019-09-17 16:12:27
110
转载 CSS中默认被继承的属性
在CSS中，所有属性都可以被继承，只需要显式的设置属性值为inherit即可。如果不设置该属性，CSS大部分属性默认不会从父元素继承而是设置初始值（initial value），但是有一部分属性，默认...
2019-09-17 15:49:32
204
转载 CSS的一些零碎总结
1、CSS 伪元素用于向某些选择器设置特殊效果（用来当作一个东西的，跟一个元素差不多，但不是元素）。 ① :frist-line伪元素：用于向文本首行设置特殊样式，但是只能用于块级元素。 以下属性可应...
2019-09-17 15:13:06
104
转载 Bootstrap学习笔记系列2-------Bootstrap简单表格处理
标签 <table> 为表格添加基础样式 <thead> 表格标题行的容器元素，用来识别列 <tbody> 表格主提中的表格行的容器元素 <tr> 单行的容器元素，用来存放 <th> 在中使用，用来存...
2019-09-17 14:42:48
104
转载 Bootstrap学习笔记系列3-------Bootstrap简单表单显示
表单布局 垂直或基本表单 基本的表单结构时BootStrap自带的，创建基本表单的步骤如下： 向父 <form>元素添加 role = “form”； 为了获取最佳的间距，把标签和控件放在一个 div...
2019-09-17 14:11:31
232
转载 模拟哔哩哔哩导航条模糊效果
在自己之前做的一个视频播放的网站的项目中，由于没有专业的设计，只有一个PS大神。所以在做页面的时候，如何布局如何设计页面的责任就落在了我这个前端学徒工的身上。 那时候自己用的最熟练的就是盒子模型，所以...
2019-09-17 11:47:13
540
原创 什么时候微信公众号推送消息最合适?记住这三个时间段
微信公众号推送消息，可以分全部粉丝、分组粉丝群发，服务号分组群发每月400次提交，而公众号规定订阅每天只能1次提交，服务号每月40次提交。通过开发公众号高级群发接口可以实现每月400次提交群发。也可以使用微号帮平台模板消息群发，不限制群发次数，仅服务号可以使用。对活跃粉丝群发可以使用48小时消息推送，也是不限制次数，所有群发类型都可以发送。支持文本信息、单图文、图片、语音、视频、卡券、小程序。...
2019-09-17 11:42:03
8707
原创 微信公众平台群发消息里,为什么一天只能发一条
公众号订阅号一天只能发一次，一次最多能发8条图文，服务号每月能发4次，每次同样可以发8条图文，这都是官方的规则。订阅号没办法继续增加次数，服务号可以使用微号帮平台模板消息群发继续发送，不限次数群发，模板消息支持跳转小程序、外部链接(图文消息永久链接)。通过公众号接口还实现48小时客服消息群发、关注定时推送、点菜单定时推送、对话定时推送，下面主要讲解48小时客服消息群发。48小时客服消息群发仅...
2019-09-17 11:38:19
13324
转载 css变形 transform
transition：过度属性 transition-property 规定设置过度效果的css属性的名称，默认可以写all transition-duration 规定完成过度效果需要多少秒或毫秒 ...
2019-09-17 10:07:40
98
转载 点击超链接 唤醒企鹅添加好友代码
<a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=你的qq号"><span style="color:red;">...
2019-09-17 09:38:18
11585
2
转载 HTML基础
一：相关概念了解 1：WEB标准的概念及其机构组成 WEB标准是一系列标准的集合，不是单一的某个标准。这些标准主要是由W3C（万维网）起草以及发布。 2：网页结构 网页主要是由三部分构成，分别是HTM...
2019-09-17 09:13:27
94
转载 background-color和background-image问题
今天撸码的时候发现需要background-color和background-image 一起用，才开始考虑两个可不可以一起用 查阅多方资料才知道可以写成background：color url（）...
2019-09-17 08:38:04
2141
转载 为什么document.firstChild找到的不是html节点
DOM是针对HTML4.01开发的，我们现在是XHTML1.0. 所以要想使用核心DOM中的属性和方法，必须去掉DTD类型定义。 <!DOCTYPE html PUBLIC "-//W3C//DTD ...
2019-09-16 23:40:38
279
转载 web 前端篇：web前端到底是什么？有前途吗 ？
｛“ web前端开发 ”是什么？ ｝ ｛“ web前端开发 ”有前途吗？｝ ｛“ web前端开发 ”到底怎么学？｝这3个对象，是你入【前端】的初恋，对！没错同时和 3个对象谈恋爱。 web 前端篇：w...
2019-09-16 23:16:53
227
转载 行内元素，块级元素与空元素
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea 块级元素：div、ul、li、dl、dt、dd、p、h1-h6、block...
2019-09-16 22:38:09
185
转载 HTML 导航框架
首页效果图 点击链接一效果图 代码结构 index.jsp <%@ page language="java" import="java.util.*" pageEncodin...
2019-09-16 22:06:24
276
转载 FlexBox标准及兼容写法速查表
FlexBox标准写法: 支持浏览器: IE11, Chrome29+, FireFox 20+, Safari加前缀 -webkit- 概述: 总的来说就是12个属性; 关于容器的6个,5个单一属...
2019-09-16 21:40:13
173
转载 button 按钮，结合onclick事件，验证和提交表单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...
2019-09-16 21:16:39
4078
转载 css知识点
css变形 transform 跟css背景有关的属性 css颜色表示的方式 css3选择器（三）—伪类选择器 css3选择器（二）——结构选择器 css3选择器（一）——属性选择器 css去掉iPh...
2019-09-16 20:06:41
83
转载 【CSS3】css3：box-sizing属性
本文介绍了css3中的box-sizing属性，在这之前读者需要预备知识width的范围。 浏览器的支持情况 Browser Suppored Notes Internet Explorer Yes ...
2019-09-16 19:36:55
162
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人