2017年10月_Liekkas_BX

11月 10月 09月 08月 07月 06月 05月 04月 03月 01月

原创 JS —— 事件 Event

Web API Event接口：https://developer.mozilla.org/zh-CN/docs/Web/API/Event目录：一、Event 接口简介二、事件源（target）与事件（event）三、事件监听器（eventListener）四、创建事件与自定义事件实践五、绑定事件监听器实践一、Event 接口简介E

2017-10-29 15:12:30 844

原创 bootstrap笔记 —— @media 与 Bootstrap 网格系统

Bootstrap 的网格系统是基于媒体查询（media query）实现的，即根据当前设备的尺寸等信息控制具体采用哪种 css样式。一、@media 媒体查询（一）、基础语法：@media mediatype and|not|only (media feature) { CSS-Code;}几点说明：1、mediatype取值：all（所有设备）|p

2017-10-21 19:40:23 5914

原创 CSS —— 继承body 确保最高优先级

样式优先级：内联>内部css>外部css.知道这还不够，有时样式较多时，从某个样式class 中定义某个元素或类的样式，可能没效果，最简单粗暴的方法：直接继承body，如使用layui的layer时，要修改默认按钮的样式，css可如下设置，之后通过skin 属性使用layer-ext-yourskin：/* 通过body前缀，是为了确保你皮肤的优先级你可以通过调试工具重置更多样式

2017-10-19 10:12:09 1462

翻译 SELECT 2 —— 替代SELECT 组件的jQuery 插件

文档地址：https://select2.org/一、简介select2 是替代select 组件的jQuery 插件，它能给你一个自定义的列表选择组件，自定义支持如搜索、标签、远程数据集、无限滚动等及其它常用的选项。1、安装CDN（Content Delivery Network）方式：另外还有安装插件方式、本地引用方式。（因为是jQuery 插件，需

2017-10-14 23:47:50 15716

原创 MySQL 笔记 —— 连接远程数据库

命令：mysql -h ip地址数据库名 -u用户名 -p如：mysql -h 192.168.12.12 db_name -uusername -p端口默认是3306，-h 后面只能接ip ，不能加端口号。

2017-10-13 16:57:26 17770

原创 html —— 查看元素属性与 js 全局属性

算是一个意外的收获，所以记录下。查看元素的全部属性与事件：使用 console.log() 打印元素，查看完整属性与事件。查看js 全局属性与事件：chrome 浏览器打开console 窗口，watch中输入" window. "提示的即为全局属性与函数等。例如，console.log（）打印select 元素，将发现它具有的属性远不止常用的 id

2017-10-12 23:30:26 2862

原创 JS —— 跨域问题全解与jsonp 原理理解

前端时间一直在做跨域请求相关的工作，被一些问题困住了，最后不得不用jsonp 方式请求数据，直到今天网上看了下jsonp 的实现原理，才意识到之前的跨域问题实质上还是没有解决。所幸的是，看了几篇不错的资源，算是把跨域相关的问题弄清楚了。下面将先简单介绍jsonp 原理，之后再整理若不用jsonp ，跨域时可能遇到的问题，及解决方法、相关的知识点。一、jsonp 原理背景

2017-10-10 11:27:42 2835

原创 jsonp —— 跨域请求遇到的问题，服务接口返回View 对象才成功

项目中用了cas 作为SSO 实现。则系统跨域请求似乎必须满足三个条件才能成功返回数据（json）：1、ajax请求数据类类型dataType 必须为jsonp2、请求的接口必须要使用SSO 的客户端进行验证3、请求的接口返回类型不能为Map对象（试过不成功），改为View 对象才成功，对于能否返回String 类型没验证。示例：项目A 中ajax请求：

2017-10-10 00:06:50 789

原创 jQuery 笔记 —— $.each、$().each方法与选择器过滤写法

一、$.each 与$().each简单区别：$.each 参数可对任意对象进行操作，$().each 可见是对选择器所选的元素进行操作。原理：是通过call 与apply 方法实现的。$.each 用法一：var obj = {id:"id",name:"name"};$.each(obj,function(){ //此处this 指代当前遍历到的obj

2017-10-09 23:13:22 3828

转载 JS 基础 —— ECMAScript 对象笔记

一、面对对象语言的四种基本能力封装：把相关的信息（无论数据或方法）存储在对象中的能力聚集：把一个对象存储在另一个对象内的能力继承：由另一个类（或多个类）得来类的属性和方法的能力多态：编写能以多种方法运行的函数或方法的能力感觉理解又提高了。二、对象使用主要记录下对象废除、对象属性的早绑定与晚绑定。1、对象废除：ECMAScript 拥有无用存储单元

2017-10-06 10:37:41 372

转载 JS 基础 —— ECMAScript 运算符与语句

运算符：一、一元运算符1、delete ：删除在对象上加上（不能删除固有的属性或方法）的属性或方法。详细用法见关键字日志。2、void ：该运算符对任何运算或表达式都返回undefined，如void(2+3)为undefined，当然其作用是在不需要返回结果的地方调用，如：Click me如果不用void ，将提示window.open的返回结果（新页面的索引）；3、++

2017-10-05 22:24:57 263

转载 JS 基础 —— ECMAScript 引用类型

一、Object 对象属性ECMAScript 中的 Object 对象与 Java 中的 java.lang.Object 相似，ECMAScript 中的所有对象都由这个对象继承而来，Object 对象中的所有属性和方法都会出现在其他对象中，所以理解了 Object 对象，就可以更好地理解其他对象。1、属性constructor：对创建对象的函数的引用（指针）。对于 O

2017-10-05 17:38:59 432