鋒o丫头
鋒o丫头_个人页
鋒o丫头
文章
139
问答
0
视频
0
个人介绍
这里需要一句话点缀。
擅长的技术
-
发表了文章 2016-12-26
CSS-各种cs样式之浏览器兼容处理方式汇总大全（更新中...）
页面模板 2 3 4 5 6 7 8 9 10 11 title 12 13 ...
-
发表了文章 2016-12-21
CSS-用伪类制作小箭头（轮播图的左右切换btn）
先上学习地址：http://www.htmleaf.com/Demo/201610234136.html 作者对轮播图左右按钮的处理方法一改往常，不是简单地用btn.prev+btn.next的图片代替，而是用纯css制作。
-
发表了文章 2016-12-18
CSS-垂直|水平居中问题的解决方法总结
题外话：前两天和专业老师探讨最近的一个项目，涉及到对一个浮动的盒子局中的问题，老师的解决方法打开了我的新思路。让我有了总结一下平时的居中问题的想法。不然可能忘掉了以后又要到处寻找解决办法了。另外也给我一个启示：启示解决方法有很多，就看你能不能对知识灵活运用。
-
发表了文章 2016-12-13
JS-自制提速小工具：开发页面时需要按比例计算宽高值的快速计算器
＜meta name="author" content"郭菊锋,702004176@qq.com"＞ 开发页面时需要按比例计算宽高值得快速计算器 window.onload = function(){ var x = window.prompt('请输入预计的长度是多少px'); document.getElementById('jieguo').innerHTML = Math.round(192 * x / 273) + "px"; //公式：宽高比例值是：192/273 所以，设定另一组比例值中的高时，得出宽的值 。
-
发表了文章 2016-12-13
canvas-渐变文字
html要求： body这里的onload一定要写，在这个处理模式下，是在body这里执行加载页面完成后加载canvas的命令。有的写在了js中的window.onload=function(){}，这里就要换一种写法了。
-
发表了文章 2016-12-07
HTML-一个网页的头部的大概框架（完善ing）
正常情况下，一个头部（考虑兼容、响应、title图标的需求），所要填写的内容如下： DOCTYPE html> 网页的标题 ...
-
发表了文章 2016-12-07
JS-面向对象
话说，再次看完这个实例后的我，开始怀疑面向对象和JSON的区别。。。并开始怀疑这是面向对象的真实性 DOCTYPE html> //应用题： //张老太太养了两只猫。一只名字叫小白，今年3岁，白色。
-
发表了文章 2016-12-02
JS事件-事件处理程序-笔记总结ing...
html事件处理程序：缺点-行为与结构耦合 dom0级事件处理程序：把事件当做元素的属性给给其添加，实现了结构与行为的分离，btn.onclick = function(){}，需要写两份以支持不同浏览器的爱好。
-
发表了文章 2016-11-15
HTML-如何让自己的网页标题处可以显示网站的logo？
第一步：将上面的一段代码插入中， 第二步啊：把自己网站的Logo复制到根目录下，并命名为“favicon.ico”，（ps：据说需要软件来改jpg/png的格式为ico，但我没用，就是生猛的硬改了，居然有用。
-
发表了文章 2016-11-06
CSS-背景渐变的兼容写法
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.
-
发表了文章 2016-10-31
BootStrap的一个标准框架的内容解释——来源于bootstrap官网
Bootstrap 101 Template，这就是一个最简单的bootStrap页面了。 你好，世界！ 废话不多说，上代码！ DOCTYPE h...
-
发表了文章 2016-09-28
HTML案例—很讨巧的一种js+css制作hover模式展示二级菜单方法
利用css减少js的逻辑使用 body { padding: 0; font-size: 10pt; behavior:url(css/csshover.
-
发表了文章 2016-09-25
JS-抽奖系统-实现原理
有本事中奖的，过来找我换红包！！哈哈！！ 抽奖系统 .wrap { width: 300px; margin: 20px auto; text-align: center; } .
-
发表了文章 2016-09-24
JS-事件之鼠标、键盘都能控制的下拉选框效果
window.onload=function(e){ var box=document.getElementById('divselect'), title=box.
-
发表了文章 2016-09-23
CSS3-实现单选框radio的小动画
在微信上看到一个教程文，觉得制作的小动画还是很有意思的，自己也试验了一下。一开始动画怎么都不执行（我用的HB），因为内置浏览器对css3的不兼容。加上各种浏览器前缀后就好了。但是旋转那个效果，在HB里还是不能正常播放。
-
发表了文章 2016-09-20
JS-DOM2级事件对象跨浏览器处理（已封装）
1 var eventUill = { 2 //添加事件 3 addHander: function(element, type, handler) { 4 if(element.
-
发表了文章 2016-09-20
JS-DOM2级封装练习题--点击登录弹出登录对话框
Document-DOM2级封装练习题 * { margin: 0; padding: 0; } .head { font-size: 12px; padding: 6px 0 0 10px; } #login_box { wi...
-
发表了文章 2016-09-19
JS-鼠标经过显示二级菜单
在css处添加了border样式为了看得更清楚——源代码有一个程序漏洞，存在一个很烦人的大bug。 1 2 3 一级菜单 4 5 6 ...
-
发表了文章 2016-09-17
CSS-论css如何纯代码实现内凹圆角
background-image: radial-gradient(200px at 50px 0px, #fff 50px, #4169E1 50px); 这是做内凹圆角的核心代码，就是背景图的radial-gradient，只设置两种颜色，中间不进行过渡渐变。
-
发表了文章 2016-09-17
JS-制作可伸缩的水平菜单栏
可伸缩的导航菜单 * { margin: 0; padding: 0; font-size: 14px; } a { color: #333; text-decoration: none } ul { list-st...
-
发表了文章 2016-09-16
CSS-混合布局的几种方法（正确的方法和错误的原因）
混合布局编程挑战/*body{ margin:0; padding:0; font-size:30px; color:#fff}.top{width:100%;background-color:#ccc;}.
-
发表了文章 2016-09-15
JS-制作网页特效——选项卡效果（水平，点击）
//总结：这个样式的思维很重要，以前刚开始做，想的都是，怎么获取到自己点击的是哪一个li，然后给他以对应的div样式。后来发现难点是，怎么找到另外两个没有被点击的li和他们对应的div。把他们的样式去掉。
-
发表了文章 2016-09-14
JS-DOM 综合练习-动态添加删除班级成绩表
费了2个小时，才把原理弄懂，把问题逐个解决，当你发现你最后栽的那个点，是一个小石头拌的你，你起来是该哭还是该笑呢？只怪自己习武不精吧。 虽然问题都解决了，但是还有一个余留的问题就是鼠标经过input时，怎么修改背景颜色的问题。
-
发表了文章 2016-09-13
JS-DOM对象知识点汇总（慕课）
DOM对象——慕课网总结 认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。
-
发表了文章 2016-09-13
JS-window对象集合
知识点表格截图：
-
发表了文章 2016-09-13
JS-节点属性（常用！）
（开始很生疏，不想看的知识点，后来DOM中用的特别多，才发现很重要。还有几个点，是比较容易忽略的，值得注意！） JS-节点属性 节点属性在文档对象模型 (DOM) 中，每个节点都是一个对象。
-
发表了文章 2016-09-08
JS-纯js制作动态成绩表（流程控制语句+js内置对象）
流程控制for循环+if判断+Math对象+Array对象+Date对象制作成绩表 综合运用 body { text-align: center; font: 14px "微软雅黑"; } td { padding: 8px 10px; } ...
-
发表了文章 2016-09-08
JS-结合html综合练习js的对象——班级成绩表制作
对象综合练习 body { font: 14px "微软雅黑"; } span { padding: 5px; } table { margin: 0 auto; border: 3px solid cornflowerblue; }...
-
发表了文章 2016-09-08
JS-计算器制作
不完善，接下来想着把运算符分开成一个一个的按钮... 自制计算器 input{ border: 1px solid #4169E1; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-...
-
发表了文章 2016-09-08
JS-Array数组对象
Array对象练习 实验 concat() var myArray = [1, 2, 3, 4, 5]; var arr = myArray.concat('上山打老虎'); document.
-
发表了文章 2016-09-08
JS-Math对象
Math对象练习 Math属性代码验证 var x = document.getElementById('x'); function a(){ x.innerHTML = Math.E + '——返回算数常量e,即自然对数的底数。
-
发表了文章 2016-09-08
JS-Date对象
Date对象 div{ display: inline-block; padding: 10px; margin: 5px; border: 4px solid #4169E1; } var myDate = new Date(); //定义一个获得系统的当期那时间的全局变量 function year() { document.
-
发表了文章 2016-09-06
JS-流程控制汇集
流程控制 .mg { display: inline-block; padding: 45px; padding-top: 5px; margin-bottom: 10px; border: 3px solid rosybrown; -web...
-
发表了文章 2016-08-20
CSS3-box-flex弹性盒布局
弹性盒布局 div { height: auto; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizin...
-
发表了文章 2016-08-20
CSS3-box盒布局
盒布局——display:box; li:after { content: ''; clear: both; display: block; } li { ...
-
发表了文章 2016-08-20
CSS3-column分栏
column分栏 div{ width: auto; margin-bottom:30px; padding: 10px; outline: 2px solid #ff04bb; } div.
-
发表了文章 2016-08-20
CSS3中的animation动画
animation制作复杂帧动画 body{ background-color: rgba(163, 207, 255, 0.69); } a:link{ color: #ff5ee6; ...
-
发表了文章 2016-08-20
JS-百钱买百鸡案例-for循环制作
//作业：for循环实现百钱买百鸡的问题：//公鸡5元一只，母鸡3元一只，小鸡1元3只，100元要买100只鸡？有多少买法？ //设：公鸡买x只，母鸡y只，小鸡n只，则，x+y+n==100（只）因为只需要买100只，最多不能超过100只。
-
发表了文章 2016-08-20
JS-用js的for循环实现九九乘法表以及其他算数题等
1 2 .table{ 3 background-color: #f0f0f0; 4 border: 1px solid #7FFFD4; 5 } 6 table{ 7 width:9...
暂无更多信息
-
发表了文章
2018-06-27
mask遮罩层的华丽写法
-
发表了文章
2018-06-26
调试工具 - vConsole
-
发表了文章
2018-06-25
Html2canvas - 项目中遇到的那些坑点汇总(更新中...)
-
发表了文章
2018-06-21
css笔记 - 张鑫旭css课程笔记之 Float 篇
-
发表了文章
2018-06-14
ES6 - class的学习
-
发表了文章
2018-06-09
vue - 生命周期第二次学习与理解
-
发表了文章
2018-05-26
vue-cli使用
-
发表了文章
2018-05-13
vue - 组件间通信 之 中央事件总线bus
-
发表了文章
2018-05-10
vuex - 简单使用步骤梳理，轻松掌握、附源码
-
发表了文章
2018-05-10
css - 移动端h5在iphonex的适配
-
发表了文章
2018-05-10
JS - 原生js实现 网页截图(+下载截图) 功能
-
发表了文章
2018-05-05
vue项目实战 — — 那些自己给自己挖的深坑
-
发表了文章
2018-04-28
vue-细节小知识点汇总（更新中...）
-
发表了文章
2018-04-25
html2canvas - 解决办法之图片跨域导致的截图空白
-
发表了文章
2018-04-07
vuex - 项目结构目录及一些简单配置
-
发表了文章
2018-04-07
vuex - 常用命令学习及用法整理
-
发表了文章
2018-04-07
vuex - 辅助函数学习
-
发表了文章
2018-04-07
vuex - 学习日记
-
发表了文章
2018-03-27
Vue - 实战疑点总结
-
发表了文章
2018-03-22
第三方工具 - echarts中 设置x||y轴文案、提示文字等为固定字数，超出显示"..."
滑动查看更多
暂无更多信息
暂无更多信息