2017年03月_OBKoro1

原创 input常见属性和使用方法的介绍

写在前面：老套路有栗子有code，这篇文章是对css中input标签的属性中比较常用常见的使用方法的一个总结。我自己也老是记不住，所以经常百度一下，加深一下印象和为了自己以后查找资料方便，也方便后来的人。去掉input的边框栗子：就是这个东东，原始的样式比较难看，一般都有去掉的需求。 border: none;已经成功去掉了去掉鼠

2017-03-31 14:10:28 5418

原创由文章水平low不low，BB到国内开源环境。

写在前面：今天被掘金的收录了一篇文章，被人说文章很水，没有技术含量，令我暖心的，还是有路过的壮士过来为我解围，虽然这个人可能就是无心的吐槽，但我还是像BB两句。起因：从本月十八号开始，到现在我已经写了十几篇文章，算上今天的，现在总共被掘金收录了三篇文章，今天就是因为收录的文章被人说水，技术含量低。传送门评论区截图经过：回复完了，我就去

2017-03-30 23:10:48 563

原创 html不随放大缩小而变形——initial-scale

写在前面：很惭愧我都在做jq了，关于手机端页面变形，直到今天早上才知道问题出在哪里？之前写了好多css页面用谷歌的F12查看手机端的页面，效果如下面的图，然后我一直以为我电脑的谷歌F12出问题了，直到今天在启宸师兄的帮助下才明白。下面进入正文：一直以为是谷歌F12出问题了，查了好多相关的资料还是没查到，然后今天回过头来修改之前页面的问题，然后看到head头部，就觉得可能是initial-sca

2017-03-30 14:27:22 45361 2

原创 github是什么，有什么用

写在前面：关于github的文章我已经写了两篇了，关于github个人网站搭建和上传的内容，这篇是对前两篇的一个总结，这里也会讲一些背景知识，和常见问题之类的相关内容。github是什么：嗯。。。有什么奇怪的东西乱入了，画风有点不对实际上，这个问题在github的网站首页说的很清楚了。1.github是一个基于git的web 协作社区，它有多种机

2017-03-29 16:27:54 58790 5

原创最简单的github搭建个人网站及访问html文件

写在前面：本文内容如题，没有乱七八糟的步骤，最简单的搭建个人网站，想要展示更多的个人能力，经验，经历，在简历上放上自己的个人网站链接无疑是一种比较好的方式。前端对服务器要求不是太高，主要是找个平台给我放放网站什么的就好了，GitHub允许上传个人网站项目并自定义域名，而且又有稳定的服务，还不用苦恼怎么搭建后台，实在是上上之选。github可以当做自己的个人博客网站，做一个这样的网站的好

2017-03-28 13:43:25 11832

原创 js实现轮播图片，淡入淡出

代码效果：Paste_Image.pnghtml xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>Jq切换title>style type="text/css">/*****

2017-03-27 20:11:56 950

原创纵向排列文字以及禁止文字被选中

写在前面：内容包括demo代码，应用和定义，以及参考文献，本文主要内容是本人学习过程中遇到css的零碎知识点1（就是以前自己不知道的），我都记下来了，需要的朋友可以过来参考下，喜欢的可以点个赞，希望对大家有所帮助。writing-mode: tb-rl; （纵向排列文字）应用：Paste_Image.png说明：设置或检索对象的内容块固有的书写方向。

2017-03-27 13:11:27 720

原创慕课网js触发事件系列demo

写在前面：在学js，顺便做了下慕课网上面事件系列的课程，将每个事件都一一做了demo，我也为了加深印象，把demo都放在这里。有兴趣的童鞋，可以复制回去试试看。js鼠标单击事件( onclick ）onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。下面是代码：````

2017-03-26 14:22:04 548

转载 51个纯CSS绘制的漂亮图标（转）

写在前面：无意中看到这篇干货，css令人大开眼界，不要低估任何一门技术，只是你钻研的不够深入，就是自己菜而已，下面是正文。正文开始： CSS是网页设计师和前端人员需要了解和学习的一门语言，特别是现在很多网页使用扁平化设计，这类设计风格大部分布局、交互动画甚至是图标都会使用高级点的CSS3技能，所以我们应该熟练掌握CSS这门样式语言。为大家分享51个纯CSS绘制的漂亮图标，欣赏同时，大家可以

2017-03-25 18:39:34 4118 2

原创 JavaScript获取DOM元素的11种方法总结

写在前面：前端开发中经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。这篇文章总结了11种获取dom的方法，需要的朋友可以过来参考下，喜欢的可以点个赞，希望对大家有所帮助。（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取：（1） document.getElementById(elementI

2017-03-25 18:37:31 898

原创 js跳转页面方法汇总。

js跳转页面方法汇总。写在前面：主要内容如题，本文汇总了好几个网页的js跳转页面的方法，需要的朋友可以过来参考下，喜欢的可以点个赞，希望对大家有所帮助。//js方式的页面跳转 script language="javascript" type=""> function countDown(secs){ tiao.innerText=secs; if(--secs>0)

2017-03-24 13:14:52 845

转载谈代码耦合—知乎回答（转）

写在前面：耦合，谁之错？业务耦合，架构耦合，代码耦合，依次产生，前者是后者的催化剂，最终结果是系统严重耦合，无法适应任何变化。本篇来源：https://www.zhihu.com/question/21386172?sort=created以前，我写代码时，我考虑模块（本文中的模块就是指单个源文件）的单向依赖关系，考虑接口的正交性和紧凑性。我觉得我在做低耦合的好设计。然而，我发现其他程序员写的代

2017-03-24 13:11:48 1315 1

原创内容滚动条和子div高度自适应

内容滚动条和子div高度自适应写在前面：老套路有图有真相，这才叫做分享。本文内容是：一个div里面，两个子div高度自适应（平分父div的高度）和元素内容过多的时候，根据需求出现高度滚动条或者宽度滚动条。先放最终效果（在下面会有demo代码。）：Paste_Image.png实现这些效果要怎么做呢？咱一步一步来。第一步：先设置html结构：这里我已经搭好了。

2017-03-23 15:43:10 5624 1

原创引JS文件出错的三个原因

写在前面：今天写代码的时候，无论怎么改代码还有刷新代码，页面都没有效果出来，然后才发现是js代码没有成功引进来，所以就有了这篇文章。1.引入的js文件出错语法：使用标签引入js文件(检查有没有书写错误，有时候真是小细节的问题)比如：位置：把上述语句放在HTML的与之间，也可放在与之间。如果引入的代码在当前页面中能够正常运行（指内联的js代

2017-03-21 14:01:20 2761

原创有哪些方法可以随机生成一个整数，以及如果取得的一个随机数是负数的话，获得的整数是怎么样的？

写在前面：本文的内容主要是关于有哪些方法可以随机生成一个整数，以及如果取得的一个随机数是负数的话，获得的整数是怎么样的？这篇文章跟前面那篇——JS如何用Math.random()来生成指定范围内的随机数？是儿子跟爸爸的关系。第一个问题：几种常见获得整数的方法：1.floor() 定义：对一个数进行下舍入。（相当于去掉小数点后面的，留下整数）2.ceil(

2017-03-20 01:15:25 1948

原创 js如何改变css，html样式

写在前面：一贯的图文文章（没图说个X），里面记载了三种方法，一个比一个方便，希望跟我一样的小白可以认真看看。虽然我知道这篇文章很水，但是我还是想写出来，毕竟真的是有人需要这种简单的东西，我现在虽然会了也用了几天，写下来印象也深刻一点，也算是记录一下自己的成长了。第一种方法：改变单个heml元素公式：document.getElementById(id).style.proper

2017-03-19 13:24:20 939

原创 JS如何用Math.random()来生成指定范围内的随机数？

写在前面：关于取得随机数的时候一般都会带着小数点，生成一个整数总是更容易方便我们计算以及使用，那么有哪些方法可以使随机数生成一个整数？传送门：（我明天再写。）引言：随机数在实际中使用很广泛，比如要随即生成一个固定长度的字符串、数字。或者像js-task1中一样随机选择一个盒子，随机一个颜色等等。这个时候我们就要知道用js应该如何获取一个随机数。1.首先我们需要知

2017-03-18 13:19:35 7118

原创如何用webstrom使用github，下载，上传。

写在前面：本篇文章只写如何用webstrom使用github，下载以及上传。其他的比如如何下载github和webstrom，获取私密钥匙和账号注册之类的相关问题，请自行百度，网上教程很多了，耐心点，慢慢来。文章背景：作为一个不会使用git命令行的人，一直在使用webstorm上传github，本文将引导小白一步一步的完成操作，而这也是我平常最喜欢的教程方式，每一步都清清楚楚。码字不易，希

2017-03-18 13:17:43 1260

原创 JS 中文注释出现乱码——解决办法

直接上解决办法：引：先前试过好几种办法，可能是我电脑问题吧，别人总是很容易就解决了，但是我不相信！ 1.设置charset=utf-8"，这也是最常见的解决办法，通常大家这样子就解决了！ PS：如果你使用webstorm编辑器，可能是因为js文件的编码，不是UTF-8。在右下角有一个选项，默认选项为GBK，将它改为utf-8即可。（感觉说的好有道理，我试过了，

2017-03-18 13:00:55 8507 1

OBKoro1前端分享