2018年06月_liuyingv8

转载如何做一个简单的手机端页面的翻页？

第一步：创建移动端页面内 HTML + CSS 【注】可用弹性布局但需要注意的是外层盒子的定位第二步：思考问题要实现怎样的效果？1. 手指滑动时触发事件【左右】两个方向2.点击footer部分的下标实现切换效果3.点击footer部分的下标实现下标颜色变化第三步；编写JS代码添加监听事件document.addEventListener('DOMContentLoaded',functio...

2018-06-27 14:30:03 2144

制作这个简单的轮播图之前，你必须掌握html、css、以及JavaScript中的节点操作，定时器的使用，条件语句的使用以及JS修改样式和动画原理。轮播图对于网页来说是个常见也可以说是必备的部分，而轮播图的形式也是各式各样，有简约的也有炫酷的。当然，这里我就只说简约的全屏轮播图水平无缝滚动。首先是给出一个div标签，并且给这个标签设置宽高（宽高要和图片一致，否则给图片设置居中）以及溢出隐藏（ove...

2018-06-26 15:16:21 1225

转载前端初学者对html语义化标签的理解

在学习HTML阶段的最后，我们会涉及到学习语义化标签，明明用div等标签就可以构成页面，那么为什么还会有语义化标签的存在？语义化标签到底是什么？学好语义化标签又会在哪方面应用？接下来会从上面几个方面说一下我的理解。一、语义化标签是什么？常用的语义化标签包括<header></header>头部<nav></nav>导航栏<section&gt...

2018-06-25 13:47:31 14685 2

转载浅谈对HTML5智能表单的理解

Html5新增input的form属性，用于指向特定form表单的id，实现input无需放在form标签之中，即可通过表单进行提交。<FORM id=xinzeng>…</FORM><INPUT … form="xinzeng">type新增属性：email、URL、date、time、month、week、number、range、colorinput元素的...

2018-06-22 11:13:51 258

转载如何实现深拷贝和浅拷贝？

拷贝：其实就是一个对象复制给另外一整个对象，让对象相互不影响。对象的拷贝又分为浅拷贝和深拷贝：对象的浅拷贝（只拷贝一层）对象的深拷贝（拷贝多层）浅拷贝和深拷贝只针对object和Array这样的复杂的对象所谓的浅拷贝，只是拷贝了基本类型的数据，对于引用的类型数据，复制后也是会发生引用，这种拷贝就叫做浅拷贝而深拷贝，要求要复制一个复杂的对象，这就可以利用递归的思想来实现，省性能又不会发生引用，它不仅...

2018-06-21 13:57:55 2894

转载 Vue中computed VS watch区别及computed VS method区别

computed VS watch先来看官网中对计算属性（computed）的解释：模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。详情见官网URL官网中对侦听器（watch）的解释：虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要...

2018-06-20 12:19:33 2382

转载关于Vue.js渐进式框架的详细解析

Vue.js是一个渐进式框架，只需要具备基本的HTML/CSS/JavaScript基础就可以快速上手。在用Vue.js构建大型应用时推荐使用NPM安装，但是需要注意npm的版本需要大于3.0。在通过npm安装项目后，我们需要对其目录进行解析：（1） Build：项目构建（webpack）相关代码;（2） config：配置目录，包括端口号等。（3） node_modules：npm加载的项目依赖...

2018-06-19 16:35:06 4428

转载 HTML5前端视频教程：运动与游戏开发

在我们进行web页面开发的过程中，如何与用户进行友好、有趣的交互，是我们必须考虑的问题。比如：导航条中滑动的动画特效、点击加入购物车按钮通过抛物线加入右侧购物车的动画特效，当然还有一些网页游戏的开发：微信打飞机、打砖块等。那么我们要实现这些好玩又有趣的动画，就需要我们对动画的基础【运动】炉火纯青，那么这个部分的学习，我们会对运动展开学习，并且通过大量的实例来帮助大家完成这个阶段的学习。Js运动...

2018-06-15 10:51:29 751

转载为何HTML5编程语言能在企业中受热捧

要知道，对于互联网公司而言，一款热门甚至是风靡一时的App产品所带来的收益是非常大的。同时也能打开这个企业在大众中的好口碑，可谓是好处多多。而HTML5作为App开发编程语言，不仅仅是开发一款App，它为企业带来的优点还有很多很多。1.HTML5编程语言改变企业网络广告的模式与分布十几年来，无论是展示还是互动，基本被 Adobe Flash 所主宰，但是由于HTML5 网页的多媒体特性、三维、图形...

2018-06-14 16:20:09 298

转载说说你觉得最理想的开发笔记本电脑

工欲善其事必先利其器要想写好一份优雅的代码，想必一台好电脑是非常重要。笔记本碍于其集成性，势必不能和台式一样拥有非常好的拓展性，所以一个出色的笔记本就非常难得。所以我们不妨针对自己行业的需求，心中YY一把最理想的笔记本应该是什么样子。说不定未来连超级本都能塞得下一颗游戏本的心，要敢YY呀～。例如，我是做小编的，所以比较偏向于商务本，主要应用还就是个浏览器和一些生产力工具：1、轻薄和待机之间...

2018-06-13 17:51:48 5765 1

转载原来程序媛的一天是“酱紫”的 | 北京IT女子生存录

关于女程序员有很多说法，比如女性程序员的代码接受率在各种程度、各种语言上都超过了男性；她们像汉子一样工作，像妹子一样生活等。而我就是一枚“幸运”的代码妹子，高考之后好运的被一大学计算机类专业录取，挤进了很多汉子梦寐以求的专业，成为计算机专业的金花之一！在毕业的时候，好运再次降临于我，然后我正式开始了自己的“代码妹子”拼搏之路。今天是2018年6月11日周一，在北京这个快节奏的城市里，我要7点钟起床...

2018-06-12 16:54:01 535

转载 web前端与html5有什么区别

什么是html5？html5其实是一种技术的集合，它包括了html5，CSS3，JS等技术。而web前端则是一种职业，国内从2005年开始发展的，是由网页设计师演变过来的。如果从技术上说，web前端涉及到的技术有很多，包括html5，除此之外还有JSON，AJAX，DOM等。不过这也看具体的公司吧，不同的公司对WEB前端开发人员的技术要求也不一样。什么是web前端？再传统规的意义上来讲，网站是分为...

2018-06-11 16:42:14 10131 1

转载 H5图片显示技术分享

总所周知H5全称HTMl5，而HTML基本是用来书写网站的一种语言。一个网站里到底是由哪些东西组成的呢，基本分为三大类：第一大类是文字类、第二大类是表单类、而我们今天的主要内容是来谈谈第三大类图片类。想要在网站上放上一张图片可不是用代码能实现的必须由外界引入，代码模块则是输入一段URL地址栏来加载图片。话说加载一张图片常见的方式有两种，一是使用插入实体图片img标签，二是使用背景图的方式来实...

2018-06-08 15:22:06 1880

转载如何利用CSS写一个六边形？

众所周知，一般情况下div所表现出来的形态是一个矩形，如果给它添加border-radius属性，可以让它成为一个圆角矩形或者是圆形，但是如果希望div表现出更多的形态来呢？那么我们就来讲讲如何用CSS来写一个六边形。大家首先来看一下，一个六边形，拆解开来的话，就是一个矩形加左右两个三角形。三角形的话很好写，用边框border属性就可以实现。当我们给一个div非常粗的边框，但是宽度和高度分别都设置...

2018-06-07 17:53:09 4332

转载 JS面向对象：JS继承方法总结

面向对象中，继承相对是比较难的，即使看了很多文章，可能依然不明白，下面我谈谈我的理解。1.构造函数继承function p0(){ this.name = "p0"; this.colors = ["pink","black","gray"];}function children0(){ p0.call( this ); this.type = "children0";}...

2018-06-06 17:43:16 153

转载 call和apply的使用

就是想整理一篇关于call和apply的文档，不想编一些什么最近学习的时候遇到问题研究之后想分享给大家之类的理由，就是想写！就是想发！就是想！！！以下是正文>>>>>>>>> 在使用call和apply之前，我们需要先做一些知识储备：一、window对象window对象是js中的顶层对象，所有全局变量和全局函数都被绑定在了window对象身上，...

2018-06-05 15:48:26 9194 6

转载前端html5框架有哪些？

Html5框架在当下火热程度不减，越来越多的人都在学习从事html5开发。前端html5框架有哪些？小编推荐五款国内较火的HTML5前端开发框架，它们分别是腾讯团队开发的JX、淘宝团队开发的KISSY、百度团队开发的QWrap和Tangram，以及上海康尚实验室推出的Como。1. JX（腾讯），腾讯团队打造的前端开发框架JXJX 是一个类似 Google Closure Library 的 We...

2018-06-04 16:59:06 5145

转载 web前端与html5的区别和工作职责

HTML5是HTML标准，它本身是一项标准化协议，然而被炒热后登上了互联网行业的招聘条目，HTML5开发这个名词本身就是不专业的称呼，通常意义上指使用HTML5等较为潮流的技术进行前端开发。而web前端，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时...

2018-06-01 16:39:04 5837 2

liuyingv8的博客