笔记分类

  • 爱创课堂
  • 智能社
  • 妙味课堂

    推荐笔记

    xdan

    xdan|JS获取浏览器、屏幕以及元素宽高等属性的方法详解

    发布于 3 天前 浏览:300 回复:1 分类:JavaScript

    浏览器window.screenTop:浏览器左上角距离屏幕顶端的距离window.screenLeft:浏览器左上角距离屏幕左边的距离window.innerHeight:浏览器内部可用高度,包括横向滚动条的高度window.innerWidth:浏览器内 ...

    单先生

    单先生|DOM编程艺术读书笔记

    发布于 3 天前 浏览:536 回复:4 分类:JavaScript

    一、代码命名规范:1.变量使用下划线2.函数使用驼峰命名二、DOM定义:DOM是一套对文档的内容进行抽象和概念化的方法. ...

    DOM编程艺术读书笔记
    lixianglin

    lixianglin|js小功能---定时器之滑动的ul

    发布于 3 天前 浏览:659 回复:1 分类:JavaScript

    html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style>ul{margin:0;padding:0;}li{list-style:none}.box{width:100px ...

    极客小兵

    极客小兵|canvas七巧板(处女作)

    发布于 4 天前 浏览:565 回复:4 分类:HTML/CSS

    html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Canvas七巧板</title></head><body><canvasid="canvas"style="border:1pxsolid#aaa;display:b ...

    webLS

    webLS|canvas绘制的直线动画

    发布于 4 天前 浏览:294 回复:1 分类:HTML/CSS

    html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>firstline</title><styletype="text/css">body{b ...

    756642763

    756642763|loading动画特效(在更新中)

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

    html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>lodading动画效果上</title><linkrel="stylesheet"href="style.css"/><style>.box{width:100%; ...

    qq2020

    qq2020|flexslider.js移动端轮播

    发布于 4 天前 浏览:303 回复:1 分类:HTML/CSS

    html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>flexslider.js移动端轮播</title><metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0 ...

    走火爱上鱼

    走火爱上鱼|唯妮海购——开发经验(2)

    发布于 5 天前 浏览:652 回复:12 分类:性能优化

    唯妮海购这个项目终于在今天上线了。仅以此文记录一下这周开发遇到的坑1.WEBP先来2个链接一个是介绍webp的前世今生,另一个是介绍webp的兼容性的webp前世今身webp兼容性由于我们商城商品有3000多个所以有 ...

    59580

    59580|CSS3鼠标悬停动画

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

    本来是字上面放几个小图标的,但是我嫌麻烦就不放了。想加的试试自己加上去,这样才更有意思html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>CSS3鼠标悬停动画</title> ...

    Aresn

    Aresn|2016我的心路历程:从 Vue 到 Webpack 到 iView

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

    2016年工作中做过最自豪的两件事情:把Vue.js和Webpack技术栈引进公司并逐步成为前端规范;开源iView项目。初识Vue第一次接触使用Vue.js已经有一年半时间了,在接触Vue之前,有写过半年多 ...

    2016我的心路历程:从 Vue 到 Webpack 到 iView

    我们常常会在一些好莱坞电影大片里看到超级黑客高手,在电脑前轻松“黑”进别人的安全系统的场景。那纯熟自如地输入一大堆复杂的代码,不一下子就入侵/破解完成,是不是很羡慕?其实咱们也可以像电影、游戏里 ...

    WebMaster

    WebMaster|不要过度依赖JQuery(二)

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

    为什么说不要过度依赖JQuery呢?从项目方面来讲,一些项目在开发中实际用到JQuery内置功能不多,这样会造成项目臃肿;另一方面,目前的主流已经倾向于原生开发。而在之前一篇《不要过度依赖JQuery(一)》一 ...

    madcn

    madcn|论如何用 CSS3 做地月模型

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

    地月模型效果预览<style>#solar_wrap{width:0;height:0;background-color:#251822;padding:100px130px;overflow:hidden;}#solar{position:relative;width:0;height:0; ...

    happyzgm

    happyzgm|折纸动态效果

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

    总结:不再采用ulli的布局方式-webkit-transform-style:preserve-3d只对子元素有作用,所以每个div都加。html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title ...

    zdxaibeyond

    zdxaibeyond|flower 非常非常牛逼的效果!~~~~

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

    html代码效果预览<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"><title>flower</title></head><styletype="text/css">body{padding:0;margin:0;overflow:hidd ...

    hugeannex

    hugeannex|Canvas之自行车

    发布于 6 天前 浏览:1042 回复:20 分类:JavaScript

    到这公司后,就一直忙,直到现在快过年了,才有喘气的机会。才有时间写点乱七八糟的代码。今年最后一个笔记了。。。看这简陋的车,却花一半天时间。。。。html代码效果预览<!DOCTY ...

    yuanoook

    yuanoook|前端的书架【书单放送】

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

    这张图是我在鹅厂拍的。去年换工作,发了些简历,收到那边的面试邀请。应该是部门直聘,面试哥哥直接给我安排到旁边的一个空工位上做题。题做得马马虎虎,聊得也马马虎虎,后来自然就等通知了。我看了一眼工 ...

    前端的书架【书单放送】
    WebMaster

    WebMaster|不要过度依赖JQuery(一)

    发布于 7 天前 浏览:1359 回复:13 分类:JavaScript

    毫无疑问,JQuery是一款非常优秀的JavaScript库,它让我们开发项目变得更加便捷容易。不过,当你准备在一个项目(特别是移动项目)中使用JQuery时,你真的该好好思考一下,你会用到JQuery的哪些功能,是否真 ...

    刘丝

    刘丝|WebStorm基本使用

    发布于 7 天前 浏览:868 回复:1 分类:开发调试

    WebStorm混搭svnWebStorm混搭nodeJS以less和uglify-js为例如何用npm在root中下载模块------------------------------------------------------------------------------ ...

    59580

    59580|html5 canvas 详细使用教程

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

    原文教程链接html5canvas效果预览<!DOCTYPEhtml"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><scripttype="text/javascript">functiondraw21(id){ ...