youjinli122-CSDN博客

原创 javascript数组常用方法！

简介：数组总共有22种方法，本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法和数组迭代方法共10类来进行详细介绍，在工作中非常有用！！！一、对象继承方法：数组是一种特殊的对象，继承了对象Object的toString()、toLocaleString()和valueOf()方法 ** 1.【toStr

2017-11-12 16:00:46 488

原创原生JS控制video的播放和暂停切换

HTML标签video，亲测 <video id="video" width="565px" height="318px" preload="none" class="video"> <source src="Web Final 49s.mp4"></video>DOM2级事件监听模式，current设置状态var video = document.getElementById("vid

2017-09-30 15:42:07 28573 3

原创 CSS3 @media怎样控制div显示和隐藏

首先要引入媒体查询 <div class="box box1"> <p>222</p> </div> <div class="box box2"> <h2>我收h2</h2> </div>.box{display:none;} @media (max-width:676px){ .box1{

2017-09-22 13:47:00 3364

原创 JS面试常见算法题

学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题，这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。 1.统计一个字符串出现最多的字母和出现的次数第一种方法：var str = 'abcdeddd'var n = {}for(var i = 0; i < str.length; i++) { var c

2017-09-10 15:45:07 5074 2

原创 CSS经典布局-圣杯布局和双飞翼布局对比

一、圣杯布局、利用浮动、负边距来实现 HTML结构层 <div class="box"> <div class="main">你说什么是我币啊报价表几十年开发及吧科技边框和不哭不哭苦逼困吧科技贝克汉堡可比好口碑合并并浴柜一hiUI会U币举报看卡看世界经济积极上进咔咔咔看卡看快捷键坎坎坷坷</div> <div class="left"></

2017-09-09 20:00:01 408

原创 CSS垂直水平居中8种方法

一、定位方法：公用HTML<div class="box"> <div class="box1"></div></div>1. .box1{ width:100px; height:100px; background:aqua; position:absolute;

2017-09-07 23:33:56 316

原创 CSS高度自适应!

CSS如何实现高度自适应！拿去不谢公用HTML<div class="box"> <div class="box1">头部固定高度</div> <div class="box2">自适应高度</div></div>第一种方法 calc() 浏览器对calc()的兼容性还算不错，在IE9+、FF4.0+、Chrome19+、Safari6+都得到较好支持，同样需要

2017-09-07 22:15:41 591

原创 hexo github搭建个人博客最新版！

一直在CSDN上写东西，不过作为程序猿怎么能没有自己独立域名的博客，为了遵从自己的做人宗旨：一定不能low！于是开始尝试用hexo在github上搭建自己域名的博客！也是试了N次啊！！！希望这篇文章能让大家一次搞定！！！好了，废话不多说，准备起来！一，准备工作 1.安装Git Bash (命令行操作) 2.到Node.js官网下载相应平台的最新版本，一路安装即可。这里就不再演示啦，很简单。

2017-08-31 22:08:35 412

原创 webpack里怎么配置Sass,非常实用！！！

在webpack里配置sass初次使用者一定是一脸懵逼。我也是试了很多次，在vue-cli里最佳的配置方法：步骤一：安装依赖包npm install node-sass --save-devnpm install sass-loader --save-dev步骤二：打开webpack.base.config.js在loaders里面加{ test: /\.scss$/, loade

2017-08-25 19:51:28 3104

原创 Node.js入门，如何搭建服务器，及Express环境搭建

一.介绍：Node.js是一个基于Chrome V8 JavaScript引擎构建的JavaScript运行时。Node.js使用事件驱动的非阻塞I / O模型，使其轻便且高效。在 Java,PHP,或者 http://ASP.NET 等服务器端语言中,为每个客户端连接创建一个新的线程,而 Node.js 是为每个客户端触发一个在Node.js内部进行处理的事件.因此,使用 Node.js 可以

2017-08-19 22:57:34 377

原创 Ajax的工作原理及优缺点！读完这篇你就懂了！！！

1.概念：什么是AJAX AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。 2.为什么要使用他？最大的优点：不刷新整个页面的情况下与服务器通信保持原有页面状态，通俗点，浏览网页的时候回有两种情况，点击，1，白屏，等待跳转到另一个页。2.页面不刷新，局部出现新内容获得更好的用户体验。

2017-08-19 15:12:13 7779

原创 JSONP的工作原理,如何解决跨域问题，以及JSON 和XML数据格式的区别

先说说什么是JSONP，这首先还要引出一个概念：跨域。咱们先通过一些例子来先了解什么是跨域。一.由于javascript的同源策略限制，出于安全方面的考虑，不允许跨域调用其他页面的对象，不管是静态页面、动态页面、web服务等，只要是跨域请求一律不允许!二.同源、跨域所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/i

2017-08-13 20:45:02 2324

原创 Vue.js入门级教程、十大指令、

一，vue是什么，和其他前端框架有什么区别，优势在哪里摘自官网：Vue.js（读音 /vjuː/，类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序

2017-08-13 20:36:23 524

Javascript是一种基于面向对象的语言，你所遇到的东西几乎几乎都是对象。面向对象重要的两个概念：类和对象。这里要分2种情况，在ES6之前，和ES6语法，这里先说ES6之前，ES6之前是没有类的概念的，于是就通过构造函数去模拟类，你可以理解为他们只是人类为了移民火星yy出来的一个概念，他并不是实际存在的只是一个概念，然后就靠着这个概念去一点点的摸索创造，最后终于给造出来了一个飞向火星的太空船，那

2017-08-13 15:47:21 481

youjinli122的博客