- 博客(50)
- 收藏
- 关注
RSS订阅
原创 javascript实现轮播图效果
实现效果如图： CSS与HTML就不讲了，比较简单，大家用 笔画一下图就懂了，主要说js代码(建议大家先把css中#container的overflow:hidden;注释掉，这样可以看得直观一点)<!DOCTYPE html><html><head><title>js轮播图</title><style t...
2018-11-25 15:33:09
4496
6
原创 CSS3通过3D变换立体旋转相册
图片镇楼： 声明：本来想做一个多面体相册的，但是在网上没有找到例子，最终完整代码是在一个英文程序网站上copy的，但是没有解释，我把大体实现流程解释了一遍，旋转真的是绕蒙我了····代码：<!DOCTYPE html><html><head><title>二十面体</title><style type="t...
2018-11-23 15:26:15
31064
13
原创 JavaScript中判断两个值是否相等（各种情况）
学的还没有那么深，有错误或者我的理解有问题的话还请告诉我，谢谢 1、一般情况下，将两边尽可能都转为number类型数据，再进行比较，而不是转为Boolean型console.log(true==2); // false 如果两边都转为Boolean型再比较，那么就是true==true，就不会返回false，所以证明不是两边转为Boolean型，再比较！！应该是两边都转为nu...
2018-11-17 11:43:44
19847
原创 心理学第二周学习笔记：心理学的历史和流派
科学心理学之父：威廉·冯特（Wilhelm Wundt） 1832年8月16日―1920年8月31日，德国心理学家、哲学家，第一个心理学实验室的创立者，构造主义心理学的代表人物。他的《生理心理学原理》是近代心理学史上第一部最重要的著作。1836年冯特获得医学博士学位，1875年任莱比锡大学哲学教授，1879年在该校建立世界上第一座心理实验室。一、心理学六个流派：结...
2019-03-13 15:37:17
1341
原创 心理学第一周学习笔记：心理学概论
课程主讲老师：田媛第一周：心理学概观心理学：是研究心理和行为的科学心理和行为是内在和外在两个方面，两者之间有着复杂的相互关系心理学的目标：描述解释 预测 控制心理学的研究对象是一个高度复杂的系统（心理和行为）旁观者效应定义旁观者效应也称为责任分散效应，是指对某一件事来说，如果是单个个体被要求单独完成任务，责任感就会很强，会作出积极的反应。但...
2019-03-04 14:06:47
758
转载 Vue.js学习笔记（一）
1、Vue使用实例<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="vue.min.js">&
2019-01-16 00:21:01
733
转载 PyCharm 安装教程（备忘）
链接：https://blog.csdn.net/c_shell_python/article/details/79647627
2018-12-29 14:40:59
385
原创 AJAX笔记（三）用jQuery实现异步请求
1、封装第一层 - 类似于原生Ajax的用法 $.ajax() - 最复杂 选项 url - 请求地址 type - 请求类型,默认为GET async - 是否异步,默认为true data - 请求数据,格式为key:value ...
2018-12-27 22:07:24
570
转载 jQuery AJAX最常用的三种方法
freedom_文 CV大法用习惯了，有时候都忘记基本的写法了，做个记录，方便下次查看其实jQuery 调用AJAX方法有很多，如下图， 不过在项目中常用的也就那么几个，做个小统计： 最常用的三种：<script> //把所有需要用到的地址归类到一个对象里 var webUrl = { "show1Url": "{{ url('addr...
2018-12-27 22:03:14
448
原创 AJAX笔记（二）JOSN在AJAX中的使用
JSON格式1、基本内容 JSON - JavaScript Object Notation(JS原生支持) JSON数据格式源于javascript2、特点 易于程序员阅读和编写 易于计算机解析和生成 JSON目前是网络上使用最广泛的数据格式之一3、JSON的结构 Array - 数组 Object ...
2018-12-27 19:39:01
158
原创 AJAX笔记（一）实现异步交互基本过程
1、同步交互与异步交互 同步交互：客户端向服务器端发送请求,到服务器端进行响应,这个过程中,用户是不能做任何其他事情(等). 异步交互：客户端向服务器端发送请求，直到服务器端进行响应，这个过程中，用户可以做任何其他事情(不等待)2、AJAX（Asynchronous JavaScript and Xml） 直译中文 - javascript和XML的异步 (不严格的...
2018-12-27 15:30:45
3216
转载 let与const的使用
作者：前端大蜜桃 来源：CSDN 原文：https://blog.csdn.net/tanhao_282700/article/details/68928579 1、es5中的变量声明：es5中是没有块级作用域的；只要这个变量的作用域范围内都能被访问到；声明一个变量，js引擎会把变量的声明提升到当前作用域的最前面；var v = "hello";(function(...
2018-12-26 10:27:17
3100
原创 jQuery实现下拉菜单功能
注意要引入正确的jQuery文件<!DOCTYPE html><html><head> <title>下拉式菜单</title> <meta charset="utf-8"> <style type="text/css"> li{list-style
2018-12-25 11:02:18
698
原创 AngularJS笔记（三）依赖注入与AngularJS实现单页应用
1、AngularJS的最大的不足/应用时需要特别关注的地方？原生ES/JS/DOM只有特定HTML元素的特定事件的监听机制，没有监听数据/对象/值改变的机制。每当数据改变时，都会遍历一次digest对列，看谁需要改变，所以digest的对列越长的话，遍历就越费时间，所以尽量让控制器变多，而分到每个控制器内的数据模型变少，这样就会减少遍历时间 2、$interval和win...
2018-12-19 22:09:52
286
原创 AngularJS学习笔记（二）MVC设计模式及数据的双向绑定
1、AngularJS定义：Google AngularJS是一个JS框架，主要思路不是传统的“先查找再操作DOM元素”，而是“以数据为中心”。适用于以数据操作为主的SPA应用。 2、AngularJS与jQuery的关系？ jQuery操作思路：先找元素，再操作元素 $(....).xxx(); AngularJS操作思路：创建业务数据、绑定数据、维护数据 An...
2018-12-18 17:06:17
305
原创 Angularjs学习笔记（一）软件设计的基本原则和MVC设计模式
1、软件工程——软件设计原则 (1)避免重复原则（只要用得到Ctrl+c和Ctrl+v的就算） (2)KISS原则，代码越简单越傻瓜越好（因为要注重团队意识） (3)YAGNI原则，不创建不需要的代码（严格遵守客户需要，不创建不必要的功能） (4)开闭原则，不让别人修改自己的代码，但可以扩展它 (5)单一责任原则（例如在Bootstrap中每一层div包含不同功能的c...
2018-12-17 22:04:25
262
原创 Bootstrap学习笔记（五）定制Bootstrap与动态样式语言Less基本用法
1、实现Bootstrap样式定制的步骤 (1)编写自定义的css，覆盖bootstrap.css中提供的样式缺点：产生大量的冗余/无用代码 (2)直接修改bootstrap.css文件缺点：任务量太大！ CSS的通病 (3)修改Bootstrap开发者编写的Bootstrap源代码 bootstrap.less文件目前是最好的办法 2、动态样式语言...
2018-12-16 17:42:23
490
原创 Bootstrap学习笔记（四）插件
小知识点：盲人、智力低下、行动障碍等H5标签中有两类属性与“无障碍阅读”相关： (1)<ANY role=""> <b role="button"></b> VDA (2)<ANY aria-*=""> 1、插件——概述 Bootstrap基于jQuery提供了十几个插件函数（类似于j
2018-12-09 10:54:26
283
原创 Bootstrap学习笔记（三）组件
1、复习总结：全局CSS样式：按钮 .btn .btn-default图片 .img-rounded .img-circle .img-thumbnail .img-responsive文本 .text-五种 .bg-五种 .text-left/right/center/justify排版和代码 .list-unstyled .list-inline表格...
2018-12-05 17:17:08
953
原创 Bootstrap学习笔记（二）全局CSS样式
学习的是Bootstrap3 1、jQuery与Bootstrap区别jQuery是一个JS框架；jQueryUI是一个HTML组件库；Twitter Bootstrap是一个HTML/CSS/JS框架，适用于移动设备优先的响应式网页。 2、 Bootstrap2 vs Bootstrap3Bootstrap2：面向PC进行了样式设定，同时兼顾PAD和PHONE...
2018-11-29 21:20:39
339
原创 Bootstrap学习笔记（一）入门
1、什么是响应式网页响应式网页/自适应网页（适应各种设备）：一个页面，可以在各种不同的设备下浏览，都有不错的浏览体验。 2、响应式网页的三个特征： (1)流式网格布局（像水一样，随容器形状的变化产生变化） (2)可伸缩的图片和字体 (3)CSS3 Media Query（媒介查询） 3、如何测试响应式网页 (1)使用真实物理设备——效果可靠但任务量太大...
2018-11-28 21:03:25
278
2
原创 jQuery笔记（三）动画效果
动画效果1、显示与隐藏 ①show() - 显示 无参版本 - 不具有动画效果 ②show(speed,callback)有参版本 - 具有动画效果，两个参数都可以不写 speed - 设置动画执行的时长,单位为毫秒，三个预定义值 - slow|normal|fast callback - 当动画执行完毕后执行的函数， ...
2018-11-27 17:21:24
234
原创 jQuery笔记（二）常用操作
7、复习DOM操作获取节点：document.getElementById();/document.getElementsByTagName();/querySelect()/........创建节点：createElement()/createTextNode/createAttribute替换节点：replaceChild删除节点：removeChild插入节点：appen...
2018-11-26 20:52:49
156
原创 jQuery笔记（一）jQuery简介及选择器的使用
1、JAVASCRIPT类库，简称为JS库 作用 - 为了简化javascript的开发 目的 - 预定义了很多对象(属性和方法)和函数 特点 - 兼容各大浏览器2、JQUERY 概述： jQuery其实就是一个JS文件 分类 jQuery - Web版本(最主要) jQuery UI(User...
2018-11-25 21:27:56
154
原创 BOM学习笔记（二）绑定事件处理函数、history、location
5、navigator对象包含有关浏览器的信息 navigator对象集合 plugins[]: 保存所有插件对象的集合 navigator 对象属性(常用的属性) cookieEnabled: 判断当前浏览器是否启用cookie userAgent: 保存了浏览器名称，版本号的字符串...
2018-11-21 12:21:06
227
原创 BOM学习笔记（一）打开新链接四种方式、窗口属性、定时器
BOM：专门操作浏览器窗口的对象1、window对象充当2个角色： 1. 全局对象 2. 包含BOM常用对象 3、打开新链接方式：在HTML的<a>标签的学习中，我们知道了target属性和_self和_blank两个值的区别target-->目标窗口的名称 _self: 自动获得当前窗口名称（可返回） _bla...
2018-11-20 21:32:54
1100
原创 DOM学习笔记
DOM（文档对象模型，Document文档，Object对象，Model模型） 在开发中的地位和作用1、解释下面名词 HTML XHTML DHTML XML： HTML：超文本标记语言，专门编写网页内容的语言 --元素定义可大小写 XHTML：严格的HTML语言标准 ...
2018-11-20 15:36:56
406
原创 浏览器渲染流程和重绘，回流
1、渲染大致流程渲染引擎首先通过网络获得所请求文档的内容，渲染引擎在取得内容之后的基本流程：①解析html以构建dom树 ②构建render树 （render tree一般翻译为渲染树）③布局render树 ④绘制render树2、渲染具体流程1. ①浏览器会将HTML解析成一个DOM树，DOM 树的构建过程是一个深度遍历过程：当前节点的所有子节点都构建好...
2018-11-20 14:14:18
391
转载 深入理解 call，apply 和 bind
深入理解 call，apply 和 bind在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。1、call(thisArgs [,args...])该方法可以传递一个thisArgs参数和一...
2018-11-18 15:23:11
734
转载 详谈JavaScript原型链
转自博客园：https://www.cnblogs.com/chengzp/p/prototype.html 作者：程序猿的程创建对象的方法 在了解原型链之前，首先先了解一下创建对象的几种方式，介绍...
2018-11-18 15:21:07
149
原创 javaScript复习（八）对象、闭包
Function对象Function对象：一切（引用类型）都是对象，对象是属性的集合undefined, number, string, boolean属于简单的值类型，不是对象。剩下的一切都是对象，包括函数、数组、对象、null、new Number(10)都是对象。他们都是引用类型。判断一个变量是不是对象非常简单。值类型的类型判断用typeof，引用类型的类型判断用instance...
2018-11-18 15:07:51
145
原创 javaScript复习（七）Error对象
Error：1.错误/异常处理 错误：导致程序无法继续执行的异常状态 js中一旦发生错误，就会自动创建一个Error类型对象2、js中的6种错误类型，当发生错误时，整个程序都无法执行SyntaxError: 语法错误 Syntax：语法; 句法; 句法规则 ReferenceError: 引用错误，找不到变量或对象 Reference：引用;...
2018-11-16 16:18:36
197
原创 javaScript复习（六）Math对象与MathAPI 、Date对象与DateAPI
Math:专门执行数学计算的对象，封装了数学计算中常用的常量1. 取整：3种： 上取整: Math.ceil(n) 下取整: Math.floor(n) 四舍五入取整: Math.round(n);round 与 toFixed相比 toFixed Number对象 按任意小数位数 *...
2018-11-16 11:54:20
176
原创 javaScript复习（五）正则表达式RegExp
正则表达式（RegExp）：专门规定字符串中字符*格式规则*的表达式1、最简单的正则：一个关键词的原文，就是最简单的正则，如ABC2、修饰符 i 执行对大小写不敏感的匹配（无论大小写都会匹配） g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 3、字符集①备选字符集：规定某*一位*字符可选...
2018-11-15 19:51:22
330
转载 正则表达式字符集大全
字符集 字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline...
2018-11-15 16:01:19
1330
原创 javaScript复习（四）String字符串与String API
String: 字符串1、定义：多个字符组成的一个*只读*的集合(数组)2、JavaScript内置对象：ES标准中已经定义好的，由浏览器厂商已经实现的对象 共11个：String Number Boolean Array Date Math RegExp Error Function Object ...
2018-11-15 11:18:34
173
原创 JavaScript复习笔记（三）数组及数组API
一、数组分为两种 关联数组：可以自己定义下标名称的数组索引数组：自动生成下标的数组都是索引数组1、创建、赋值和取值①创建：4种：1. var 变量名=[]; 创建一个空数组对象2. var 变量名=[值1,值2,...](常用)创建数组同时，为数组指定初始元素(数组中每个值)数组是引用类型的对象，变量中保...
2018-11-14 19:34:04
263
原创 JavaScript复习笔记（二）函数、分支结构和循环结构
1、函数： 封装一个专门任务的步骤清单的代码段叫做函数使用函数: 声明 定义 和调用2、声明和定义函数的几种方法函数声明：function sum(a,b){ return a+b}函数表达式var sum = function(a,b){return a+b}Function构造函数（从技术角度讲，这是一个函数表达式）var sum = new Function('a',...
2018-11-14 10:01:53
263
原创 JavaScript复习笔记（一）变量、数据类型和运算符
1、JavaScript用来做什么HTML：专门编写网页内容的语言CSS：专门美化网页内容样式的语言JavaScript：专门编写交互程序的语言JavaScript包含三个方面：ECMAScript标准+DOM标准+BOM2、常用语句在控制台中输出一段话 console.log(“Hellow World”); 在当前网页中输出一段话 document.w...
2018-11-13 16:32:28
2313
原创 CSS3知识点总结：复杂选择器、伪类、CSS Hack、2D3D转换、动画
1、相邻兄弟选择器，通用兄弟选择器相邻兄弟选择器：#d1+p{color:red} //紧挨着#d1后面的第一个且必须为p的标签，文字颜色变为red通用兄弟选择器：#d1~p{color:red} //#d1后面所有为p的标签，文字颜色变为red2、属性选择器，理解下面语句①[id]{color:red;} ②...
2018-11-12 16:07:09
629
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人