cccBtrya-CSDN博客

原创 jquery动画总结

标准模式用jquery做动画效果要求要在标准模式下，否则可能会引起动画抖动。标准模式即要求文件头部包含如下的DTD定义：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">show...

2018-07-16 18:56:53 461

原创 jquer事件冒泡

什么是事件冒泡?先初始化页面，页面代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><style>*{ margin: 0; padding:

2018-07-16 14:41:48 331

原创 jquery选择器

基本选择器基本选择器选择器描述返回示例#id根据给定的id匹配一个元素单个元素$("#test")选取id为test的元素.class 根据给定的类名匹配元素集合元素$(".test")选取所有class为test 的元素element根据给定的元素名匹配元素集合元素$("p")选取所有的<p>元素*匹配所有元素集合元素$("*")选取所有元素selector1,selector2...

2018-07-06 17:02:32 245

原创 ES6数值扩展

二进制和八进制的表示方法从ES5开始，严格模式下就不允许八进制使用前缀0表示ES6直接明确了这一点，不允许八进制使用前缀0表示，要使用前缀0o表示。ES6的二进制八进制的新写法，二进制使用前缀0b(或0B)，八进制使用前缀0o(或0O)：例：二进制： 0b111110111===503 //true八进制： 0o767===503 //true如果要将0b和0o前缀的字符串数值...

2018-06-22 15:53:12 311

转载（转载）npm安装教程(配置nodejs、安装vue脚手架)

一、使用之前，我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）开始：如图，下载8.9....

2018-06-18 15:10:26 2522

原创 CSS弹性布局回顾（Flex）

Flex即Flexible Box，用来为盒状模型提供最大的灵活性。一、使用方法：为一个容器指定Flex布局.box{ display:flex;}为行内元素指定Flex布局.box{ display:inline-flex;}考虑兼容问题，Webkit内核浏览器必须加上-webkit前缀.box{ display:-webkit-flex; display:flex;}注意...

2018-06-07 14:08:07 232

原创 Ajax小总结

创建XMLHttpRequest对象考虑兼容性的问题，IE5、IE6需要使用ActiveXObjectvar xmlhttp;if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest();}else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}向服务器发送请求使用XMLH...

2018-06-04 22:20:56 255

原创数据库温习

四大操作语句-增删改查1.增 INSERTINSERT INTO 表 (字段列表) VALUES(值列表)2.删 DELETEDELETE FROM 表 WHERE 条件3.改 UPDATEUPDATE 表 SET 字段=值,字段=值,... WHERE 条件4.查 SELECTSELECT * FROM 表 WHERE 条件WHERE子句用我自己的话来描述where子句就是限制一个范围来执行例：...

2018-05-27 15:40:01 179

原创 JavaScript学习过程中遇到的关于闭包的问题

今天做到一道实践题，关于实现闭包的题目描述实现函数 makeClosures，调用之后满足如下条件：1、返回一个函数数组 result，长度与 arr 相同2、运行 result 中第 i 个函数，即 result[i]()，结果与 fn(arr[i]) 相同我的代码是这样写的function makeClosures(arr, fn) { var result = []; for...

2018-05-23 00:14:30 208

原创 CSS总结（盒子模型）

盒子模型盒子模型属性看下图就很直白了width 和height 设置了内容框的宽/高padding 家族属性设置内边距的宽度(别忘了普通属性比如 padding-bottom ，一次设置一个边).border 家族属性设置边界的宽度、样式和颜色(许多可用的普通边界属性还有很多)。margin 家族属性设置包围CSS盒子外部区域的宽度，这个属性推开布局中其他的CSS盒子溢流（overflow）当用绝...

2018-05-22 18:04:25 7467

原创 CSS总结（链接）

先看看默认的样式:<p><a href="https://mozilla.org">A link to the Mozilla homepage</a></p>p { font-size: 2rem; text-align: center;}效果：将样式应用到一些链接开始之前先写出空规则集，这很重要a {}a:link {}a:...

2018-05-22 00:11:15 310

原创 CSS总结(List列表）

List列表列表特定样式list-style-type ：设置用于列表的项目符号的类型，例如无序列表的方形或圆形项目符号，或有序列表的数字，字母或罗马数字。list-style-position ：设置在每个项目开始之前，项目符号是出现在列表项内，还是出现在其外。list-style-image ：允许您为项目符号使用自定义图片，而不是简单的方形或圆形。符号样式list-style-type l...

2018-05-21 22:06:20 1423

原创 CSS总结（基本文本和字体样式）

基本文本和字体样式：颜色：p{color:red;}字体种类：p{font-family:arial;} arial 字体，这个字体可在任何电脑上找到。通常认为最佳做法还是添加 Helvetica 作为 Arial 的首选替代品，尽管它们的字体面几乎相同，但 Helvetica 被认为具有更好的形状，即使Arial更广泛地可用。字体栈：由于你无法保证你想在你的网页上使用的字体的可用性 (甚至一个网...

2018-05-21 20:28:33 4297

原创 nodejs学习文档day3——express框架整合

express:主体cookie、session数据模板引擎body-parser 解析post数据 enctype="application/x-www-form-urlencoded"server.use(bodyParser.urlencode()); req.bodymulter 解析post文件 enctype="multipart/form-dat...

2018-05-21 19:42:27 269

原创 Nodejs学习文档day3——jade与ejs模板引擎

模板引擎：jade-破坏式、侵入式、强依赖 ejs-温和、非侵入式、弱依赖jade写法：写：效果：html <html> head <head> style <style></style> ...

2018-05-19 15:15:26 229

原创 Nodejs学习文档day2———express框架及cookie、session

express框架使用安装 npm install express express-static配置创建服务 var server=express();监听 server.listen(8080);处理请求 server.use('地址',function(req,res){ });接收请求(3种方法).get(‘/’,function(req,res){});....

2018-05-18 17:53:40 240

原创前后端简单交互出现Uncaught ReferenceError: ajax is not defined at HTMLInputElement.oBtn.onclick错误

点击打开我的github查看源码及解决办法今天学习过程中出现很惊悚的问题在学习nodejs过程中引用express以及express-static作为服务器，新建www文件夹，文件夹中放置a.html以及ajax.js文件，a.html放置的是简单的登陆界面，输入信息后点击登陆返回一个错误：Uncaught ReferenceError: ajax is not defined at HTMLIn...

2018-05-18 15:24:26 5330

原创 Nodejs学习文档Day1

Nodejs常用apiCrypto 加密Events 事件Net 网络操作OS 操作系统信息Path 处理文件路径Stream 流操作Timers 定时器//timers.jssetInterval(function(){ console.log(Math.random());},100);...

2018-05-16 14:23:16 267

cccBtrya的博客