笔记

18840854586

18840854586|自己写的轮播图

发布于 11 分钟前 浏览:7 类型:原创 - 随笔 分类:JavaScript 举报

<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><linkrel="stylesheet"type="text/css"href="style.css"><styletype="text/css">ul{list-style:none; ...

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><title>文件上传</title><metaname="description"content=""><metaname="keywords"content=""><scriptsrc="http://code.jquery.com/jquery-latest.js"type="text/javascr ...

仿淘宝评价评分功能——点击心形生成得分,半心
小丑鱼vae

小丑鱼vae|Vue.js 条件语句

发布于 半小时前 浏览:25 类型:原创 - 随笔 分类:类库框架 举报

v-ifhtml代码<divid="app"><pv-if="seen">是true你就能看到我</p></div><scripttype="text/javascript">newVue({el:'#app',data:{seen:true}})</script>v-if指令会根据表达式seen和show的值(true或false)来决定是否插入标签内容。v-else还可以通过v-else ...

13611606223

13611606223|js数组中删除某一元素

发布于 1 小时前 浏览:45 类型:原创 - 随笔 分类:JavaScript 举报

js数组中删除某一元素:js数组中删除某个元素 ...

xu1101867009

xu1101867009|1111111少时诵诗书

发布于 1 小时前 浏览:51 类型:原创 - 随笔 分类:HTML/CSS 举报

11111html代码效果预览<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><linkhref="//cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap-grid.css"re ...

小丑鱼vae

小丑鱼vae|Vue.js学习笔记

发布于 1 小时前 浏览:36 类型:原创 - 随笔 分类:类库框架 举报

Vue.js语法部分1、文本{{message}}2、HTMLv-html3、属性v-bind:属性名4、表达式{{1+1}}5、指令v-if6、参数v-bind:属性名v-on:事件名7、修饰符v-on:submit.prevent8、用户输入v-model9、过滤器{{message|filterA|filterB}}10、缩写v-bind:属性名-->:属性名v-on:事件 ...

chang红达

chang红达|js原生 可拖拽效果

发布于 4 小时前 浏览:71 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>可拖拽特效</title><styletype="text/css">*{margin:0;padding:0;}.header{width:100%;height:30px;background:#036663;line-height:30px;color:#fff;text-indent:30px;}#demo{width:400px;height:300px;border:s ...

ljchk

ljchk|Javascript中这个函数是什么意思

发布于 4 小时前 浏览:59 类型:原创 - 随笔 分类:JavaScript 举报

functionregexpLiteral(source){returnsource.replace(/[\^\[\]\$\(\)\{\}\?\*\.\+]/g,function(c){return'\'+c;});} ...

function233

function233|js实现图片不间断滚动,Marquee方法

发布于 4 小时前 浏览:81 类型:转载 - 随笔 分类:JavaScript 举报

js替代marquee实现图片无缝滚动可能大家都碰到过,当marquee中滚动的是图片的时候,滚到终点的时候直接就跳回到起点了,而不像文字那样可以无缝滚动,下面介绍的是通过js来实现图片的无缝滚动。先了解一下下面这几个属性:innerHTML:设置或获取位于对象起始和结束标签内的HTMLscrollHeight ...

liyananhappy

liyananhappy|活动-keep21

发布于 5 小时前 浏览:38 类型:原创 - 随笔 分类:JavaScript 举报

活动起因曾几何时,你是不是也想每天读一点书;周五时分,你是不是也想周六日回家充电;是不是也想每日运动健身…但这些种种的好想法都因为我们的懒惰所荒废。因此我创建了这样的一个平台来督促激励我们自己,用21天每天一个小时来完成我们的一个小目标。积水成渊,积土成山。用点滴时间来充实完善我们。活动玩法 ...

a5351235

a5351235|大神们快来,快来!

发布于 5 小时前 浏览:58 类型:原创 - 随笔 分类:开发调试 举报

Grunt、vue、node.js、npm学习顺序是怎么样啊npm和grunt是不是一样的啊,你们都是用什么工具打包和发布代码,对了还有前端自动化用什么工具啊 ...

miaomiaomiao

miaomiaomiao|记录一些书签

发布于 5 小时前 浏览:33 类型:原创 - 随笔 分类:JavaScript 举报

前端资源:http://ghmagical.com/图片压缩:https://tinypng.com/你懂我也懂:https://laod.cn/论坛:https://segmentfault.com一些特效:http://www.html5tricks.com/ ...

chang红达

chang红达|js原生仿淘宝网商品放大镜效果

发布于 5 小时前 浏览:118 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>仿淘宝放大镜特效</title><styletype="text/css">*{margin:0;padding:0;}#demo{width:350px;height:350px;border:1pxsolid#000;position:relative;margin:100px;}#smil_box{width:350px;height:350px;positi ...

1134771121

1134771121|gulp入门指南

发布于 6 小时前 浏览:44 类型:原创 - 随笔 分类:前端安全 举报

使用GULP自动化构建工具增强你的工作流程!易于使用通过代码优于配置的策略,Gulp让简单的任务简单,复杂的任务可管理。构建快速利用Node.js流的威力,你可以快速构建项目并减少频繁的IO操作。插件高质Gulp严格的插件指南确保插件如你期望的那样简洁高质得工作。易于学习通过最少的API,掌握Gulp毫 ...

君邪儿

君邪儿|css如何让图片不变形?

发布于 6 小时前 浏览:128 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><linkrel="stylesheet"type="text/css"href="css/common.css"/><styletype="text/css">img.img1,img.img2{max-width:200px;max-height:100px;/*将img1img2缩放*/scale:expression((thi ...

我叫飞天猪

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

发布于 14 小时前 浏览:61 类型:原创 - 随笔 分类:HTML/CSS 举报

获得的知识:【javascript】HTML文档中每一个元素都是一个对象(例:<h1>标题</h1>)属性的理解:与某个特定对象相关联的变量,例:给h1标题设置字体颜色color:red;color就是h1元素(对象)的属性,red就是给属性(变量)赋值一份HTML文档就是一棵节点树,<html>就是根节点节点分为不同的类型:元素节点、属性节点 ...

老姚

老姚|【Zepto源码】css方法

发布于 15 小时前 浏览:88 类型:原创 - 随笔 分类:JavaScript 举报

之所以css方法单独用一篇来分析,不仅因其代码长涉及的点多,同时也因为css具有代表性。css方法,顾名思义是操作样式的。其实也就是操作style的。对于style这个东西要说的很多,恐怕很多书籍都拿出一章来说它。不过本文既然分析此方法,稍微说几句关于style的操作。第一个问题,具体样式的获取。比如我要获取width具 ...

CSS3–过渡动画(transition)、变形(transform)3.1、概述transition属性可以让动画在CSS层面实现,此时不是利用setInterval(),不是定时器,而是底层C++在渲染,渲染动画的质量、丝滑程度都要远远优于JS、jQuery。要颠覆我们传统制作网页动画的思维模式,现在的 ...

最近整理CSS3的一些属性,新增选择器、伪类、圆角、阴影(box-shadow)、background详情地址:CSS3---新增选择器、伪类、圆角、阴影(box-shadow)、background ...

ywhluck

ywhluck|canvas红包照片

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

点击SHOW:显示完整清晰图片;点击RESET:随机显示剪辑区域;index.html效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>canvas红包照片</title><scripttype="text/javascript"src="https://code.jquery.com/jquery-3.1.1.min.js"></script><styletype="text/css">#blur_div{width:500 ...