ditou5232-优快云博客

转载 scss

1.sass介绍 sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。 2.1 css的编译模式　　css ---普通　　sass /scss ---高效 **　　ess ---高效 2.2 sass的介绍　　来源:...

2019-09-27 20:52:00 300

转载 gulp 使用教程

一简介 gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器，她能自动化地完成 javascript/coffee/sass/less/html/image/css ...

2019-09-26 23:31:00 350

转载 node.js 简单入门

node.js简介 node.js 简单的说就是运行在服务端的javascript node.js 底层由c++语言编写 node.js 上层由javascript语言编写优势: 性能高(是php的86倍) 门槛低:使用js语法缺点: 兼容平台少学习成本高(学习资源少) node的安装官网: nodejs.org 国外站点 ...

2019-09-25 22:56:00 191

转载 jQuery - DOM操作

获取元素内容可以通过三种方法获取元素内容 html() ----设置或者返回元素的内容(包括html标签) text(); ----设置或者返回元素的内容 val(); ----设置或者返回表单的内容设置属性值 attr()方法同样可以设置属性值，并且也可以同时设置多个属性值。 //给a标签设置链接 $("button").click(fun...

2019-09-24 22:00:00 200

转载 jQuery - 动画效果

jQuery动画分为三个部分 jquery内置动画 jquery非内置动画 jquery动画的设置 jquery内置动画隐藏显示在 jQuery 中可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素，以及使用 toggle() 方法能够切换 hide() 和 show() 方法。括号中为动画持续的时间,单位是毫秒括号中还可以加上回调...

2019-09-23 23:01:00 169

转载 php+mysql+bootstrap 实现成绩管理系统

简介: 这是一个可以增删改查的成绩管理系统的ajax交互练习案例主要技术:php mysql bootstrapUI库 ajax 效果如下: 布局: 布局使用bootstrapUI库搭建需引入bootstrap.css外部样式 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstr...

2019-09-22 17:47:00 1769

转载 jQuery 入门 -- 事件事件绑定与事件委托

jQuery事件与js事件在js事件中,事件绑定分为两种: 1.赋值式事件绑定(又称为DOM0级事件绑定) //以点击事件为例 obox.onclick = function(){} //无兼容问题,但是不允许重复绑定 2.监听式事件绑定(又称为DOM2级事件绑定) //可以重复绑定,但是有兼容 obox.addEventListener("click"...

2019-09-21 10:10:00 291

转载原生js实现视差风格音乐播放器

简介: 这是一个练习的小案例,支持在线搜索,调用的是免费的音乐接口, 主要用到了:弹性盒，3D效果，Ajax 等技术效果如下: 接口: 接口地址: https://api.apiopen.top/searchMusic 请求示例: https://api.apiopen.top/searchMusic?name=雅俗共赏请求结果: { "...

2019-09-20 22:38:00 245

转载 jQuery 入门

jQuery是什么？ jQuery是一个JavaScript常用的工具函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 writer less , do more -----用更少的代码，解决更多的需求 jQuery的版本问题目前jQuery有三个大版本，1.xx.xx、 2.xx.xx 和 3.xx.xx 1版本兼容性最高,可以有效的兼...

2019-09-18 21:23:00 117

转载一些开放的免费接口

音乐搜索接口：接口地址: https://api.apiopen.top/searchMusic 请求示例:　　https://api.apiopen.top/searchMusic?name=雅俗共赏 { "author": "许嵩", "link": "http://music.163.com/#/song?id=411214279", ...

2019-09-15 22:30:00 508

转载 php mysqli操作数据库

链接数据库在php5.3版本之后，想要连接数据库有两种方案，一种是通过mysqli,另外外一种是通过pdo。本文主要说的是如果通过mysqli面向对象的写法操作数据库。在连接数据库之前，需要先通过变量存储好数据库的基本连接信息。 $servername = "localhost"; // 地址 $username = "root"; // 用户名 $passw...

2019-09-09 21:29:00 340

转载 DOM 相关

DOM概念　　Document Object Model 文档对象模型　　DOM是载入浏览器的稳定模型,以节点树的形式来表现文档,每个节点代表文档的构成部分 DOM节点　　1.节点内容: 　　　　DOM当中，最小的组成单位是节点(node)。　　　　文档的树形结构也就是我们常说的DOM树，就是由不同类型的节点组成。　　　　　根节点元素节点注...

2019-09-07 20:53:00 142

转载面向对象

面向对象编程的介绍两大编程思想　　1.面向过程:分析好步骤，按步骤解决需求　　2.面向对象:把需求分割成对象，然后由对象之间分工合作 OOP（Object Orientted Programming）　　3.两种编程方式的优缺点对比: 　　面向过程:性能更高，联系更加紧密，但是不利于维护，复用和扩展　　面向对象:易于维护，易复用，易扩展，是系统更加灵活，但是性能...

2019-09-03 21:54:00 110

转载对象

对象的概念　　对象就是一组键值对(key-value)的集合，是一种无序的复合数据集合。对象的本质键值对属性名:属性值对象的所有健名都是字符串(ES6中又引入了Symbol可以作为键名) 符合命名规范的健名可以不加引号,不符合命名规范的健名必须要加引号 , 否则会报错对象的意义　　存储数据对象的属性如何理解:对象的属性也就是对象中的变量...

2019-09-02 22:24:00 165

转载博客园添加鼠标点击特效

第一步:编写js文件第一种:社会主义核心价值观特效 var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业...

2019-08-30 21:06:00 482

转载正则表达式

1.正则的概念正则表达式（regular expression）是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个字符，将匹配的字符做替换或者从某个字符串中取出某个条件的子串等。正则的语法基于一种古老的perl语言。 2.创建方式　　字面量创建方式 var reg = /a/; 　　构造函数创建方式 var reg2 = new Re...

2019-08-29 20:42:00 126

转载 js中事件流的理解

事件的概念：　　HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。　　想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念。什么是事件流：　　1，DOM事件流，　　　　事件流包括三个阶段：　　　　1，事件捕获阶段。　　　　2，处...

2019-08-28 22:12:00 150

转载 js中兼容问题的解决

兼容问题获取事件对象阻止事件冒泡监听式绑定取消事件绑定获取事件源阻止默认事件获取非行内样式获取键盘按键获取事件对象的兼容 1 var obox = document.querSelector(".box"); 2 3 obox.onclick = function(eve) { 4 var e = ev...

2019-08-27 22:30:00 175

转载字符串 String

字符串的介绍　　1.字符串(String)对象是JavaScript原生三大包装对象之一，用来生成字符串对象。　　包装对象指的是数据类型为Number、String和Boolean的值对应的原生对象；三大包装对象能力在于： a.能够将上述基本类型值包装成真正的对象，从而体现JavaScript语言一切皆对象的特点； b.是字面量使用对应包装对象的方法的内在原理...

2019-08-25 20:59:00 121

转载数组 Array

1.数组的概念及定义　　数组:Array 　　定义:数组是一个有序的数据集合。 2.数组的创建方式 var arr1 = [1,2,3]; //字面量创建方式 var arr2 = new Array(1,2,3) //构造函数方式　　注意：当只有一个数据时，两种创建方式的不同。　　var arr1 = [5] ...

2019-08-23 21:04:00 147