笔记

zjktttrtrt

zjktttrtrt|简易拖拽封装

发布于 2 小时前 浏览:6 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>.box1{width:100px;height:100px;background-color:deepskyblue;position:absolute;left:0;top:3 ...

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>*{margin:0;padding:0;}ul{padding:50px300px;}li{list-style:none;height:50px;line-height:50px;}li:not(:first-child)input{width:30p ...

樱樱桃

樱樱桃|浅谈Vue.js

发布于 昨天 23:00 浏览:16 类型:原创 - 随笔 分类:类库框架 举报

vue.js的总体评价“简单却不失优雅,小巧而不乏大匠”Vue.js简介Vue.js的作者为EvanYou(尤雨溪),任职于GoogleCreativeLab,虽然Vue是一个个人项目,但在发展前景上个人认为绝不输于Google的AngularJs,下面我会将Vue与Angular(Angular1.0+版本)做一些简单的比较。Vue的主要特点就和它官网(http://cn.vuejs. ...

月亮也烦

月亮也烦|css3做曲边阴影

发布于 昨天 22:48 浏览:16 类型:原创 - 随笔 分类:HTML/CSS 举报

css代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>CSS3生成曲边阴影和翘边阴影</title><linktype="text/css"rel="stylesheet"href="css/style.css"><style>body{font-family:arial;font-size:20px;}body,ul,li{margin:0px;padding:0px;list-style:none;}. ...

marie0119

marie0119|取3种颜色,然后mouseover,mouseout看看

发布于 昨天 22:37 浏览:16 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>li{list-style:none;height:30px;margin-bottom:3px;}</style><script>window.onload=function(){varaLi=document.getElementsByTagName('li');vararrColor=['pink ...

记忆随风湮灭

记忆随风湮灭|js图片轮播

发布于 昨天 22:12 浏览:21 类型:原创 - 随笔 分类:JavaScript 举报

[b][/b]为什么感觉有的轮播那么复杂感觉好渣啊!~html代码效果预览<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset= ...

Scoripion

Scoripion|关于JS选取className的疑惑 求答疑

发布于 昨天 21:55 浏览:15 类型:原创 - 随笔 分类:JavaScript 举报

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>寻找className</title><scripttype="text/javascript">functiongetByClass(oparent,oclassname){varochild=oparent.getElementsByTagName ...

大大大大糖糖

大大大大糖糖|部分动态效果

发布于 昨天 21:48 浏览:21 类型:原创 - 随笔 分类:JavaScript 举报

萤火虫html代码效果预览<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>萤火虫</title><style>*{pa ...

里羊羊羊

里羊羊羊|前端学习-javascript(三)

发布于 昨天 21:39 浏览:16 类型:原创 - 随笔 分类:JavaScript 举报

查找HTML元素document.getElementById("id")//返回一个对象document.getElementByTagname("p")//返回一个数组document.getElementByClassname("class")//返回一个数组ie8以下无效document.querySelector("idclasstagName")//返回第一个匹配的对象document.querySelectorAll("idclasstagName") ...

791617623

791617623|测试的demo

发布于 昨天 20:09 浏览:35 类型:原创 - 随笔 分类:JavaScript 举报

还有字数限制吗,这是一个vuedemo、不知道是什么样的 ...

ljz1490614196

ljz1490614196|jQuery获取页面及元素高度、宽度的总结

发布于 昨天 18:10 浏览:40 类型:原创 - 随笔 分类:JavaScript 举报

1.获取浏览器显示区域(可视区域)的高度:javascript代码效果预览$(window).height();2.获取浏览器显示区域(可视区域)的宽度:javascript代码效果预览$(window).width();3.获取页面的文档高度:javascript代码效果预览$(document).height();4.获取页面的文档宽度: ...

lanqunliang

lanqunliang|CSS3 2D与3D转换

发布于 昨天 18:06 浏览:34 类型:原创 - 随笔 分类:HTML/CSS 举报

2D转换2D转换方法:translate()rotate()scale()skew()matrix()实例div{transform:rotate(30deg);}3D转换transition简写属性,用于在一个属性中设置四个过渡属性。transition-prope ...

15719493082

15719493082|NodeJs安装npm包一直失败的解决方法

发布于 昨天 17:41 浏览:28 类型:原创 - 随笔 分类:Node.js 举报

最近在学React,在gitHub上下载一个项目下来,安装node.js后发现用npminstall就一直报错,不知道怎么解决,查了很多资料都没有用。在windows下cmd到命令窗口(最好是管理员的身份运行),结果就如下图01才开始学不清楚什么错误,感觉和npm无关,查资料说是更改npm的安装源可以使用npmconfiglist查看当前配置 ...

NodeJs安装npm包一直失败的解决方法
君邪儿

君邪儿|收集 学习css3文本阴影

发布于 昨天 17:35 浏览:31 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">.h5course{width:700px;height:200px;line-height:200px;text-align:center;font-size:40px;font-family:"微软雅黑";background:#ccc;font-wei ...

lqm123

lqm123|canvas 爱心和彩虹雨

发布于 昨天 17:22 浏览:71 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title></title></head><body><canvasid="canvas"></canvas><script>varcanvas=document.getElementById('canvas'),ctx=canvas.getContext('2d'),canvasW=canvas.width=window.innerWidth,canv ...

ShanaFang

ShanaFang|记录一下css图形(以后慢慢增加)

发布于 昨天 17:22 浏览:47 类型:原创 - 随笔 分类:HTML/CSS 举报

为了防止自己忘记,登记一下。html代码效果预览<style>.heart{position:relative;width:40px;height:40px;background-color:rgba(255,0,0,.5);margin:100pxauto;transform:rotate(45deg);}.heart:befo ...

greenhand

greenhand|瀑布流布局

发布于 昨天 17:19 浏览:65 类型:原创 - 随笔 分类:HTML/CSS 举报

折腾:瀑布流布局(基于多栏列表流体布局实现)CSS3多列实现的瀑布流html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>body{background-color:#f6f6f6;}.container{width:80%; ...

892852158

892852158|移动端开发问题网址

发布于 昨天 16:59 浏览:50 类型:原创 - 随笔 分类:手机移动 举报

记录一下移动端开发的网址和平时会遇到的问题哦,方便大家和自己能及时找到一.http://www.imooc.com/article/1115http://www.cnblogs.com/chuaWeb/p/5125230.htmlhttp://sentsin.com/web/54.html二.总结移动端页面开发时需要注意的一些问题1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该 ...

d1142464662

d1142464662|JS 三目表达式问题

发布于 昨天 16:55 浏览:13 类型:原创 - 随笔 分类:JavaScript 举报

三目表达式相信大家都不陌生,写起来简洁又方便,关于它和ifelse的效率问题有许多争论,之前看过java中关于两种效率的比较,结果似乎是三目表达式更具优势,而在javascript中也是同样的解决么?在开始尝试前,先介绍下三目表达式:conditions?statementA:statementB;首先是关于效率问题:在少量循环 ...

JS 三目表达式问题
15719493082

15719493082|CSS自动换行的问题

发布于 昨天 16:55 浏览:39 类型:原创 - 随笔 分类:HTML/CSS 举报

<p>标签不设置自动换行时会继续向后写单词,可以使用word-break:break-all和word-wrap:break-word来换行两者的区别是word-break:break-all简单粗暴直接将一个完整的单词拆开显示;而word-wrap:break-word;是尝试将整个单词挪在下一 ...