css3自适应圆

css3自适应圆

.class{ width:auto; height:auto; border-radius:11px; min-width:14px; padding:0 4px; font-size:12px; } ...
createjs开发教程

createjs开发教程

createjs是一个非常优秀的开发引擎,特别是与AnimateCC的合作开发。为了让更多新人更好的学习这款引擎,本人开了博客,不过最早是在新浪开博客,后来自己申请服务器开了博客,不过至今流量不高,所以来博客园推广一下:-D首先我的博客如果经常去createjs官网的人应该非常熟 ...
复习html中的相对路径和绝对路径的区别

复习html中的相对路径和绝对路径的区别

在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。 1.绝对路径 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下,那么 “bg.jpg”这 ...
对于html的第一次正式作业

对于html的第一次正式作业

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>占泽亚第一次html作业</title> </head& ...
HTML中三种定位relative,absolute,fixed后,盒子的百分比宽度及位置易错点

HTML中三种定位relative,absolute,fixed后,盒子的百分比宽度及位置易错点

1 . 相对定位relative:顾名思义,相对定位是相对于自己的位置来进行偏移,如下图:       以盒子中心为基准,为每条边的正方向,例:      向右移动20px :  代码为left:20px;或者right:-20p ...
【轮子狂魔】手把手教你用JS给博客动态增加目录

【轮子狂魔】手把手教你用JS给博客动态增加目录

动态显示目录的作用不用每次写博客的时候繁琐的人工整理目录,又可以动态浮动在右下角,方便快速跳到感兴趣的位置同时也可以快速的对文章内容有一个大概的了解。 实现原理首先根据个人喜好,我习惯了用 h1 来做分类。所以本篇内容也主要是针对h1来提取目录。如何提取出来h1呢?先来看这张 ...
css命名(笔记)

css命名(笔记)

CSS命名规范(规则)常用的CSS命名规则  头:header  内容:content/container  尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体佈局宽度:wrapper  左右中:left right center  ...
HBuilder开发App Step1——环境搭建,HelloMUI 以及真机调试

HBuilder开发App Step1——环境搭建,HelloMUI 以及真机调试

No1. 必须搭建java环境只需要最基础的java环境,也就是cmd下可以运行java和javac即可,具体教程请自行百度,都会有很详细的教程,这里不重点介绍。No2. 下载安装HBuilder请在这里下载HBuilder:http://www.dcloud.io/,下载完成后 ...
移动端bug之解决方式

移动端bug之解决方式

1、Android中元素被点击时产生的边框:* { -webkit-tap-highlight-color: rgba(250,250,250,0); /*更改点击事件的焦点色*/}2、去除移动端输入框内阴影:input,textarea {  border: 0; ...
谷歌浏览器默认样式的修改

谷歌浏览器默认样式的修改

1.Chrome自动填充的input背景为黄色:box-shadow 向框添加阴影,默认是在框外面,inset改为向内添加。box-shadow :H水平偏移量 V垂直偏移量 B模糊尺寸 S阴影尺寸 C阴影颜色 O/I内外影;看阴影效果,先确定阴影尺寸,再确定偏移距离。input ...
CSS3动画(一):5种预载动画效果

CSS3动画(一):5种预载动画效果

实现如图所示的动画效果:预载动画一:双旋圈在两个不同方向旋转的圆圈。我们对内圈的转速定义了一个CSS代码,即内圈比外圈的速率快2倍。实现如图所示:html代码:<body style="background: #ffb83c;"> <div ...
handlebars 模板引擎 使用学习笔记

handlebars 模板引擎 使用学习笔记

第一次写博客哦,心里有些小紧张,想把自己用过的这个模板引擎的过程记录下来。虽然百度上有很多,但是想自己整理出来,方便以后查看。废话不多说,开始喽!  我在做项目的过程中使用了handlebars 这个模板引擎,一目了然的代码结构,清晰的数据渲染。你会喜欢上它的。  最基本 ...
bootstrap中模态框、模态框的属性

bootstrap中模态框、模态框的属性

工作中有需要用到模态框的可以看看<div class="modal fade" id="userModal" tabindex="-1" role="dialog" aria-labelledb ...
CSS之BFC(Block Formatting Context)

CSS之BFC(Block Formatting Context)

这是我的第一篇博客,不知道从什么开始写起,那就从我现在看的开始写起吧。以前我也不知道BFC是什么,今天看了才知道原来以前经常接触,只是不知道专业名称罢了。就像闭包、继承一样,以前经常用到,只是不知道而已,今天我就来说一下,css定位之BFC。BFC与清除浮动是有关系的,那我们就来 ...
(一)对百度前端技术学院2017年春季的参赛学习笔记

(一)对百度前端技术学院2017年春季的参赛学习笔记

去年做了一点IFE的题,今年跟人组队一起参赛,在这里写点笔记记录一下自己遇到的问题及学习心得,不定期更新。不一定是自己做出来的,很多是队友的功劳,要向他们学习致敬~ 热身篇:现在刚开始报名,2月24号正式上线,有4道热身题。step1找出下一关的地址:将页面进行全选或控制台e ...
前端移动端开发经验总结

前端移动端开发经验总结

本文是对移动端多人协作开发项目一些经验总结1、移动端自适应2、scope的使用3、webkit内核两行显示省略号4、absolute下flex布局失效1、移动端自适应  正在开发一个APP项目,对于自适应有些体会在移动端,宽度自适应可以使用百分比来控制,加上flexbox,wid ...
H5 web 存储之 Webstorage

H5 web 存储之 Webstorage

H5提供了两种在客户端存储数据的方式:localStorage 持久化的本地存储(浏览器关闭重新打开数据依然存在)sessionStorage 针对一个session的本地存储之前这些都是由cookie来完成的,cookie的特点是存储量小,在服务器和客户端之间来回传递,传输效率 ...
canvas交互之addHitRegion()接口的使用

canvas交互之addHitRegion()接口的使用

这段时间研究canvas,在交互这里遇到了比较大的坑。  据我目前所知,canvas纳入标准的常用交互接口(可能也就这一个)是 isPointInPath() ,它可以判断js设置的事件条件是否处于当前绘图路径中,或者说最后一个路径,具体使用如下 1 //获取鼠标指针坐标 ...
Html Email 邮件html页编写指南

Html Email 邮件html页编写指南

前言写过邮件的html的童学应该都知道,邮件的html一般都用table来布局,为什么呢?原因是大多数的邮件客户端(比如Outlook和Gmail),会过滤HTML设置,让邮件面目全非。经过多次的邮件编写实践及度娘的指导,我发现,编写HTML Email的窍门,就是使用15年前的 ...
如何把SVG小图片转换为  html字体图表

如何把SVG小图片转换为 html字体图表

自制作的简单字体图表使用案例:查看demo制作步骤:1:登录制作工具在线网站https://icomoon.io/2:右上角红色 按钮进入到:https://icomoon.io/app/#/select3:点击左上角:imports icons 按钮导入自己的svg图 ...
CSS 控制Html页面高度导致抖动问题的原因

CSS 控制Html页面高度导致抖动问题的原因

CSS 控制Html页面高度导致抖动,这类由高度导致页面抖动的问题,其实究其根本原因是滚动条是否显示导致的 在CSS中添加如下代码: html,body{ overflow-y:scroll;} html,body{ overflow:scroll; min-heig ...
使用 position:sticky 实现粘性布局

使用 position:sticky 实现粘性布局

如果问,CSS 中 position 属性的取值有几个?大部分人的回答是,大概是下面这几个吧?{ position: static; position: relative; position: absolute; position: fixed;}额,其实,我们还可以有这 ...
博客园自定义之博客园公告栏添加时钟——利用canvas画出一个时钟

博客园自定义之博客园公告栏添加时钟——利用canvas画出一个时钟

前言  最近一直在学习前端知识,非常感谢慕课网的讲师Silva Zhou以及w3school的教程让我快速的学习到一门技能,今天学到了如何利用canvas来画出一个时钟,雕虫小技,大神勿喷。  对于canvas,w3shcool上是这么描述的:    HTML5 <canv ...
vue系列之MVVM框架

vue系列之MVVM框架

当数据发生变化时,ViewModel就会检测到,然后通知相应的View改变当用户操作View时,ViewModel就会检测到,然后Model,修改相应的数据,最终实现双向绑定适用场景:针对具有复杂交互逻辑的前端应用;提供基础的架构抽象;通过Ajax数据持久化,保证前端用户体验(好 ...
10种非常值得收藏的csshover效果

10种非常值得收藏的csshover效果

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>login</title&g ...
Handlebars.js中集合(list)通过中括号的方式取值

Handlebars.js中集合(list)通过中括号的方式取值

有这么一个需求,在一个table中,tr是通过each取值,取出的值要与table标题相对应,如何实现?例如:<table> <thead> <tr>    {{#each 标题集合,值举例[name,sex...]}}      {{thi ...
利用border制作三角形原理

利用border制作三角形原理

网站前端页面中,有时候会使用一些三角形,除了使用图片的方式之外,利用css的border属性也可以做出相对应的三角形。那么,利用border是如何实现三角形的制作的呢?先看下面一个例子:CSS代码: width:100px; height:100px; border-top: s ...
H5项目常见问题汇总及解决方案

H5项目常见问题汇总及解决方案

H5项目常见问题及注意事项Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale ...
【前端】:我的第一个网页

【前端】:我的第一个网页

前言: 感觉前端知识有点杂, 不记笔记,不写博客挺难搞定~~ 可谓是千呼万唤屎出来啊~~上次简单地学了HTML和CSS, 然后整理写了两篇博客【前端】:HTML各【前端】:CSS;12号的晚上就开始做美乐乐的界面;刚开始真的是一脸懵逼,心里骂了N次:我擦,太难了~一个晚上,也 ...
HTML的入门概念

HTML的入门概念

超文本<a>文本或图像都可以用作链接的标签。使用“..”可以连接到源文件的上层文件夹。“..”表示“父文件夹”。 <a href="目标网址#锚点" name="页面锚点名称" title="鼠标滑过显 ...
基于canvas的二维码邀请函生成插件

基于canvas的二维码邀请函生成插件

去年是最忙碌的一年,实在没时间写博客了,看着互联网行业中一个又一个人的倒下,奉劝大家,健康要放在首位,保重身体。好了,言归正传,这是17年的第一篇博文,话说这天又是产品同学跑过来问我说:hi,lenny,你看现在市面上流行各种装逼H5,随便输入点名字啥的就给我生成房产证了,这种还 ...
\Vuejs的笔记

\Vuejs的笔记

一、MVVM框架当数据发生变化时,ViewModel就会检测到,然后通知相应的View改变当用户操作View时,ViewModel就会检测到,然后Model,修改相应的数据,最终实现双向绑定适用场景:针对具有复杂交互逻辑的前端应用;提供基础的架构抽象;通过Ajax数据持久化,保证 ...
微信小程序 View:flex 布局

微信小程序 View:flex 布局

微信小程序 View 支持两种布局方式:Block 和 Flex所有 View 默认都是 block要使用 flex 布局的话需要显式的声明:display:flex; 下面就来介绍下微信小程序的 Flex 布局先做一个简单的 demo <view class=&quo ...
关键渲染路径

关键渲染路径

关键渲染路径,即页面呈现在浏览器上所需的必要步骤:<html> <head> <meta name="viewport" content="width=device-width,initial-sca ...
CSS3自定义滚动样式

CSS3自定义滚动样式

css样式如下:#div1{  width:200px;  height:400px;  background:red;  overflow:auto;}#div1::-webkit-scrollbar{  width:5px;  height:5px;}#div1::-webk ...
ionic2踩坑之ionic resources失败

ionic2踩坑之ionic resources失败

网上关于ionic2怎么修改应用图标和启动画面资料也挺多的。不过大家执行ionic resources的时候不少人都执行失败了,关于执行失败的原因网上很少。下面分享一下我的经验吧。1、看自己的项目下面有没有resources目录,没有的话先build,build之后就有了.2、打 ...
数据存储的两种方式:Cookie 和Web Storage

数据存储的两种方式:Cookie 和Web Storage

数据存储的两种方式:Cookie 和Web Storage1、CookieCookie的作用就像你去超市购物时,第一次给你办张购物卡,这个购物卡里存放了一些你的个人信息,下次你再来这个连锁超市时,超市会识别你的购物卡,下次直接购物就好了。通俗地说,就是当一个用户通过 HTTP 协 ...
CSS属性之attr()

CSS属性之attr()

attr()准确的说,不应该是一个属性,而是一个CSS的函数,我们先看看MDN上的介绍吧:SummaryThe attr() CSS function is used to retrieve the value of an attribute of the selec ...
Vuejs的笔记

Vuejs的笔记

1、MVVM框架 ...
用agular2做文件上传功能杂记

用agular2做文件上传功能杂记

(-1)功能描述 写一个功能,前台发起执行请求,后台执行任务,前台可以获取执行的进度,并取得最后的执行状态。(0)angular2 $http文件上传 这里之所以不用angular-file-upload是为了共用代码。 var time = ...
flex布局——回顾

flex布局——回顾

flex 即为弹性布局。  任何一个容器都可以指定为flex布局。    .box{display:flex}  行内元素可以使用flex布局    .box{display: inline-flex}  webkit内核的浏览器必须加上-webkit 前缀。    .box{d ...
css遇到的那些坑——浏览器默认样式设置

css遇到的那些坑——浏览器默认样式设置

今天自己写css样式,其中用到了<ul>标签,设置了一系列效果后运行,发现位置与设置有出入。chrome上打开检查项,发现<ul>标签的styles底部多了以下一段:ul, menu, dir {display: block;list-styl ...
java 企业网站源码模版 有前后台 springmvc SSM 生成静态化

java 企业网站源码模版 有前后台 springmvc SSM 生成静态化

java 企业网站源码 前后台都有 静态模版引擎, 代码生成器大大提高开发效率点击:获取地址 QQ 313596790系统介绍:1.网站后台采用主流的 SSM 框架 jsp JSTL,网站后台采用freemaker静态化模版引擎生成html2.因为是生成的html,所以访问速度快 ...
Sass与Compass——回顾

Sass与Compass——回顾

compass 是sass的一个工具库  compass在sass 的基础上封装了一系列有用的模块,用来补充和丰富sass的工能,  安装:    compass是用 ruby语言开发的,所以安装它之前必须安装ruby。  命令:    gem install compass   ...
【前端】:CSS

【前端】:CSS

前言: 关于前端的第二篇博客,会写关于css的,内容比较基础。写完这篇博客,会做一个类似美乐乐家具的界面。good luck to me~ 一、css-引用样式标签上设置style属性:1 <body>2 <div style="backgro ...
转载:CSS实现三栏布局的四种方法示例

转载:CSS实现三栏布局的四种方法示例

转载网址:http://www.jb51.net/css/529846.html前言其实不管是三栏布局还是两栏布局都是我们在平时项目里经常使用的,也许你不知道什么事三栏布局什么是两栏布局但实际已经在用,或许你知道三栏布局的一种或两种方法,但实际操作中也只会依赖那某一种方法,本文具 ...
人人都能读懂的css3 3d小demo

人人都能读懂的css3 3d小demo

css3 3d案例总结最近入坑 Web 动画,所以把自己的学习过程记录一下分享给大家。就把最近做的比较好的给大家分享下1.旋转拼图首先看下效果代码主要由HTML和CSS3组成,应该说还是比较简单的。首先是HTML代码: <div id="camera"& ...
微信小程序   引用其他js里的方法

微信小程序 引用其他js里的方法

微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 。一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法,我们想抽离出来成为一个独立公共的js文件。我们该如何 ...
css3 3d 与案例分析

css3 3d 与案例分析

作者:魔洁聊到3d那我们就先聊聊空间维度,首先一维,比如一条线就是一个一维空间,连点成线在这个空间里这些点只能前进后退,二维空间就是一个平面,这时点不仅可以前进后退还可以左右移动,3维空间也可以说是3d,这时点可以前进后退,左右,上下移动。css3里有几个关于3d运动的属性以及值 ...
WordPress主题制作全过程(二):主题文件构成

WordPress主题制作全过程(二):主题文件构成

声明:本文转自露兜博客在开始制作WordPress主题之前,首先得了解WordPress主题到底由哪些文件构成,你得清楚WordPress程序是怎样与主题文件连接的。以下是WordPress默认主题default文件夹下的所有模板文件。看了下图,可能你还摸不着头脑,到底这些文件是 ...
第一页   上一页   下一页   末页
1/232页   共: 11552
网页设计1网页设计2网页设计3网页设计4网页设计5网页设计6网页设计7网页设计8网页设计9网页设计10网页设计11网页设计12网页设计13网页设计14网页设计15网页设计16网页设计17网页设计18网页设计19网页设计20网页设计21网页设计22网页设计23网页设计24网页设计25网页设计26网页设计27网页设计28网页设计29网页设计30网页设计31网页设计32网页设计33网页设计34网页设计35网页设计36网页设计37网页设计38网页设计39网页设计40网页设计41网页设计42网页设计43网页设计44网页设计45网页设计46网页设计47网页设计48网页设计49网页设计50网页设计51网页设计52网页设计53网页设计54网页设计55网页设计56网页设计57网页设计58网页设计59网页设计60网页设计61网页设计62网页设计63网页设计64网页设计65网页设计66网页设计67网页设计68网页设计69网页设计70网页设计71网页设计72网页设计73网页设计74网页设计75网页设计76网页设计77网页设计78网页设计79网页设计80网页设计81网页设计82网页设计83网页设计84网页设计85网页设计86网页设计87网页设计88网页设计89网页设计90网页设计91网页设计92网页设计93网页设计94网页设计95网页设计96网页设计97网页设计98网页设计99网页设计100网页设计101网页设计102网页设计103网页设计104网页设计105网页设计106网页设计107网页设计108网页设计109网页设计110网页设计111网页设计112网页设计113网页设计114网页设计115网页设计116网页设计117网页设计118网页设计119网页设计120网页设计121网页设计122网页设计123网页设计124网页设计125网页设计126网页设计127网页设计128网页设计129网页设计130网页设计131网页设计132网页设计133网页设计134网页设计135网页设计136网页设计137网页设计138网页设计139网页设计140网页设计141网页设计142网页设计143网页设计144网页设计145网页设计146网页设计147网页设计148网页设计149网页设计150网页设计151网页设计152网页设计153网页设计154网页设计155网页设计156网页设计157网页设计158网页设计159网页设计160网页设计161网页设计162网页设计163网页设计164网页设计165网页设计166网页设计167网页设计168网页设计169网页设计170网页设计171网页设计172网页设计173网页设计174网页设计175网页设计176网页设计177网页设计178网页设计179网页设计180网页设计181网页设计182网页设计183网页设计184网页设计185网页设计186网页设计187网页设计188网页设计189网页设计190网页设计191网页设计192网页设计193网页设计194网页设计195网页设计196网页设计197网页设计198网页设计199网页设计200网页设计201网页设计202网页设计203网页设计204网页设计205网页设计206网页设计207网页设计208网页设计209网页设计210网页设计211网页设计212网页设计213网页设计214网页设计215网页设计216网页设计217网页设计218网页设计219网页设计220网页设计221网页设计222网页设计223网页设计224网页设计225网页设计226网页设计227网页设计228网页设计229网页设计230网页设计231网页设计232