alisaLearn-CSDN博客

原创干货-es6第二版“类型”复习笔记（持续更新...）

又到了求职季，虽然平时没有写博客的习惯，但是笔记还是存留不少，接下来的博客大多是2017学习前端的笔记，所以新开一个#前端复习的专题，来记录我的学习，温故知新。es6第二版的复习笔记围绕着阮一峰出的es6入门，我把平时经常接触到的知识点进行梳理如下。从中心点es6出发，暂时归纳了类型、es6语法风格、新的数据结构set、map三类，主要重点在es6的类型中。类型中包含：对象、...

2018-03-16 10:59:31 581

原创干货-es6第二版set,map复习笔记

本系列复习笔记：干货-es6第二版“类型”复习笔记（持续更新…）干货-es6语法风格复习笔记继续介绍 Set 和 Map 其实这两种新型的数据结构也有很多的相似性，可以参照第一篇学习类型的方式来学习。比如两种数据结构都有 1.遍历的操作 2.其实例属性和方法也有类似 3.都可以与其他类型数据进行转换 4.都有weak-弱引用的使用方式并且他们的区别在于：M...

2018-03-16 11:35:07 175

原创干货-es6语法风格复习笔记

继续上一篇干货-es6第二版“类型”复习笔记（持续更新…）我们这一篇来整理归纳es6的语法风格。以下是我整理的笔记：因为学习的内容比较扁平，所以非常不容易记忆，我学习的时候也没有把他们都记清楚。而是：先把阮一峰的es6入门的这个部分文字都过了一遍，大脑中有了大概的印象之后，再刻意地去使用es6编程，编程敲出来的每一行代码，脑子里都会浮现这些标准。如果有印象不深的情况则...

2018-03-16 11:09:08 328

原创 #笔记简单使用flex与sticky footer方式解决底部固定在底栏的问题

问题许多大型网站都有一个底栏，不论内容的高度是否填满屏幕，底栏都一直在页面的最底部。这个效果看似简单，却有不少的“坑”，下面我来介绍两种方法解决这个问题。第一个方法（引用中注释的css）使用了固定定位解决第二种方法使用的是flex布局解决的*具体请参考：<<css secret>> -41项紧贴底部的页脚*要注意的是第一种方法必须设置外层容器的最小高度为100% 第二种方法使

2017-08-24 17:40:32 2212

原创用原生Javascript实现css的placeholder

我的思路是用一个div表示placeholder预留字的展示，此div与Input框设置同一位置叠加; 然后给Input框监听一个input事件，当文本框不为空且input事件发生时，预留字消失当文本框为空时，预留字出现：<!DOCTYPE html><html><head> <meta charset="utf-8"> <style type="text/cs

2017-07-01 21:59:51 620

原创最近写的一个书店项目

项目地址：https://github.com/alisajxWeb/myProject.git （里面的压缩文件就是） 1.1.1 项目名称 BookShop（前端开发） 1.1.2项目开发者姜鑫 1.1.3 项目开发环境 Visual Studio Code + Chrome 1.1.4系统功能设定一共分为3个主要模块。 1.TRE

2016-10-10 10:17:59 2491

原创 jquery实现div的拖拽效果

<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <style> .drag{ position:absolute; background:#0000CC; padding:0; } </style> <script type="text/javascrip

2016-10-10 09:47:34 385

原创解决脚本不能使用onchange的问题

////用绑定事件来实时显示input的value///<script> $(function(){ var tar = $(".num")[0]; addOninput(tar); }); function addOninput(tar) { var element = tar; onCh

2016-10-10 09:44:46 404

原创当浏览器输入URL后都经历了什么？

当浏览器输入URL后，浏览器需要先对URL中的域名解析成IP地址，再对IP地址发送一个连接请求，经过三次握手后建立与服务器之间的连接，这是第一步。连接成功以后，客户机会发送一个HTTP请求，这个请求会被封装成对象交给服务器处理，服务器根据请求对象的信息，比如path路径，get,post的信息找到相应的html或者其他文件通过响应对象的形式回传给浏览器，这一步是服务器处理信息的过程。

2016-09-24 20:04:12 846

转载数组去重

<!DOCTYPE html><html><head> <meta charset='UTF-8' /> <script> /*数组去重*/ arr = [1,1,6,5,8,8,4,3,8]; /*调用函数indexOf用法： window.onload = function delRep(){

2016-09-24 19:44:18 269

原创 js解决getElementByClassName

<!DOCTYPE html><html><head> <meta charset='UTF-8' /> <script> /*JS写getElementByClassName; 我发现chorm、firefox、ie都支持document.getElementsByClassName */ window.onload = f

2016-09-24 19:18:51 26963 1

原创将句子中的单词位置反转

给定一个句子（只包含字母和空格），将句子中的单词位置反转，单词用空格分割, 单词之间只有一个空格，前后没有空格。比如：（1） “hello xiao mi”-> “mi xiao hello”<!DOCTYPE html><head> <meta charset="utf-8"> <script> /* 给定一个句子（只包含字

2016-09-24 19:09:22 1693

原创实现瀑布流布局的几种方法

本文分别用原生JS与JQ框架写出瀑布流布局的方法首先引库：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>我的瀑布布局</title>  <script src="js/ku/jquery.min.js"></sc

2016-09-24 19:03:22 2316 1

原创 JS解决输入1-1000元，输出由1、5、10、20、50、100拼成输入的面值方法总数

javascript语言解决笔试题：输入：1-1000元数额；输出：由1、5、10、20、50、100拼成输入的面值方法总数。此代码在题目基础上增加了显示所有可能的方法。 <script> /* 输入1-1000元，输出由1、5、10、20、50、100拼成输入的面值方法总数————美团笔试题*/ total = prompt('请

2016-09-24 18:35:02 3636

原创常见的原生javascript事件处理与浏览器兼容问题（下）

本文主要介绍事件冒泡，和利用冒泡方法的事件代理机制。根据浏览器的兼容性问题作出代码举例事件冒泡就是在DOM中，父级元素与子集元素有相同事件时，触发子集元素会引发从子集开始往上的事件响应。具体可以写多重包裹的div，并且所有元素添加相同的事件触发；检验触发子元素时，父元素的状态即可。那么怎么取消冒泡机制呢？不同的浏览器之间有差别，在此需要进行兼容性处理。如下两个方

2016-09-24 17:27:03 480

原创常见的原生javascript事件处理与浏览器兼容问题（上）

在WEB前端开发中，处理各浏览器差异的问题是一个重要的部分，不同的浏览器的内核及处理方式不同**（详见）**，对对象名和方法名的定义不同，导致写出来的代码不能得到我们想要的效果。所以在开发的时候需要解决这些问题。下面介绍处理浏览器差异的通解和举例说明一些事件处理机制的对象和方法处理。

2016-09-24 16:58:14 688

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-09-24 13:25:22 204

alisalearn的博客