HTML5研究中心

笔记分类

  • 智能社
  • 妙味课堂

    推荐笔记

    爱学习的猪小蛋

    爱学习的猪小蛋|前端常见算法的JS实现

    发布于 昨天 11:07 浏览:715 回复:7 分类:JavaScript

    算法是程序的灵魂,一个优秀前端工程师对算法也是要有所了解的,本文总结了我们在开发、面试中经常会遇到的基础算法,使用原生JS实现,未必是最优解,可以互相探讨。2017.2.27为了便于查看,简单分下类,本文 ...

    漫步未来

    漫步未来|HTML5拖拽小案例

    发布于 前天 19:58 浏览:280 回复:3 分类:HTML/CSS

    html代码效果预览<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>拖拽案例</title><style>.one{width:400px;height:400px;border:solid1px#000;}.oned ...

    我叫飞天猪

    我叫飞天猪|2017/02/24学习日志

    发布于 3 天前 浏览:487 回复:2 分类:HTML/CSS

    获得的知识:【HTML&CSS】用css画出无内容的自适应正方形遇到的问题:【GitHub】中Branch的使用方法(未解决)【CSS】CSS书写规范(需要每天练习一小个模块,长期积累并养成习惯)【HTML&CSS】问题一:如 ...

    开到荼蘼

    开到荼蘼|canvas 画多边形

    发布于 4 天前 浏览:488 回复:0 分类:JavaScript

    html代码效果预览<!doctypehtml><html><head><metahttp-equiv="content-type"content="text/html;charset=UTF-8"/><title>canvas画多边形</title></head><body><canvasid="myCanvas ...

    lisha1215

    lisha1215|ES6学习笔记一

    发布于 5 天前 浏览:979 回复:1 分类:JavaScript

    拜读了阮大神的《ECMAScript6入门》一书,非常易懂,做一下笔记。一、什么是ES6?ECMAScript6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月 ...

    Silly_Bo

    Silly_Bo|原生的模板引擎

    发布于 6 天前 浏览:834 回复:0 分类:HTML/CSS

    html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><body><scripttype="text/tempalte"id="tmpl">我叫<%name% ...

    老姚

    老姚|镜像电影是怎样一种体验?用chrome观看

    发布于 6 天前 浏览:1644 回复:9 分类:HTML/CSS

    html代码效果预览<select><option>left</option><optionselected>right</option><option>above</option><option>below</option></select><videoautoplay="true"loop="true"width="480"height= ...

    chang红达

    chang红达|js原生轮播图

    发布于 6 天前 浏览:850 回复:0 分类:JavaScript

    html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>完整轮播</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}.dem ...

    ICupid

    ICupid|后端转前端的感悟

    发布于 6 天前 浏览:1423 回复:14 分类:面试经验

    公司从去年年初就开始招前端,一直想招一个由后端工作经验的,又懂前端的,招了一年没招到。我于是自告奋勇,接起来前端的部分工作。我js水平还可以,就是切页面,不懂啊,不懂啊,不懂啊。网上 ...

    hlq81619335

    hlq81619335|一个DIV元素实现的动画

    发布于 6 天前 浏览:734 回复:2 分类:HTML/CSS

    html代码效果预览<!doctypehtml><html><head><metacharset="UTF-8"><title>效果</title><style>.inner{width:960px;margin:0auto;}.load-container{border:1pxsolidrgba(255 ...

    lingwer111

    lingwer111|菜单栏 “三” 变形为“X”css3过渡动画

    发布于 6 天前 浏览:1264 回复:6 分类:HTML/CSS

    最近要模仿一个页面,其中有一个效果就是三菜单栏变形为X的效果,思路:三横的实现:传统可以用3个span标签来实现,但有一个更加巧妙的方法,1个标签就能实现三横效果,根据张鑫旭大神分享的利用padding ...

    sunny红

    sunny红|html5移动端上传多个本地图片

    发布于 6 天前 浏览:406 回复:4 分类:手机移动

    http://www.ruanyifeng.com/blog/2015/07/flex-examples.htmlFlex布局教程:实例篇html代码效果预览<!DOCTYPEhtml><html><head><title>html5移动端上传本地图片</title><metaname="viewport"conte ...

    无尾熊

    无尾熊|svg动画之动态描边效果

    发布于 6 天前 浏览:1027 回复:4 分类:JavaScript

    1、首先先做一个简单的线一点一点画出来的效果,主要使用svg中的“strokeDasharray”、“strokeDashoffset”属性,通过css3中的transtion改变strokeDashoffset来实现动画。注:path ...

    老姚

    老姚|用chrome观看此效果,《幻像》

    发布于 6 天前 浏览:2171 回复:14 分类:HTML/CSS

    只是想测试一下倒影效果来的。。。html代码效果预览<divclass="container"><div><figure></figure><figure></figure><figure></figure><figure></figure></div><div><figure></figure><figure></figure> ...

    前言vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一 ...

    vue2 + vuex 高度还原饿了么App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能
    曾阿牛

    曾阿牛|CSS3图片翻转切换案例

    发布于 7 天前 浏览:1094 回复:2 分类:HTML/CSS

    html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>css3翻转效果</title></head><style>.flip-container{margin:30px;display:in ...

    lanqunliang

    lanqunliang|新手小白进入Web前端第一天随笔

    发布于 2017-02-20 19:18:37 浏览:1606 回复:33 分类:HTML/CSS

    第一天主要了解HTML从1.0-4.0的发展史,了解了HTML代表结构层,CSS代表样式层,JS代表行为层。学习前端总共分三个步骤,第一步骤学习html+css制作静态网页,第二部学习javaScript+jquery,第三部学习框架。课 ...

    吾很忧烦

    吾很忧烦|自制五子棋游戏一枚,简单AI,欢迎调戏!

    发布于 2017-02-20 18:31:09 浏览:1631 回复:14 分类:HTML/CSS

    自制五子棋游戏一枚,简单AI,可随便调戏。提示说明:红色表示防守位,绿色表示进攻位,数值表示该位置综合评分。AI算法参考自http://www.cnblogs.com/songdechiu/p/5768999.html。(全屏游戏效果好点)更 ...

    飘动的风

    飘动的风|大炮打滑稽

    发布于 2017-02-20 15:49:28 浏览:1529 回复:9 分类:JavaScript

    新手,弄个canvas游戏试试。有bug,球打到滑稽时有时候不管用。还有许多不足之处,需要多多学习。全屏开始游戏html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title> ...

    大炮打滑稽
    18514058338

    18514058338|技术人员的发展之路

    发布于 2017-02-20 15:13:03 浏览:1246 回复:4 分类:HTML/CSS

    正处于迷茫之际,看到了这篇好文,深有感悟前端虽然入门容易,但是后面的学习其实一点都不轻松,道路阻且长在坚持的道路上,希望能戒除焦躁,踏实走好每一步即远瞻未来 ...