
前端基础
coding一个只有你的世界
废话不多说,直接上代码
展开
-
JavaScript篇——正则表达式
什么是正则表达式?正则表达式就是对字符串操作的一种逻辑公式。正则表达式的作用在字符串"查找"是否包含指定子串从字符串中"提取"指定子串对字符串中指定的内容进行"替换"1.字符串查找 let str = "123abc456"; // 1.创建一个正则表达式对象 // 2.指定匹配的规则 // 注意点: 默认情况下在正则表达式中是区分大小写的 let...原创 2019-08-22 11:32:15 · 148 阅读 · 0 评论 -
jQuery篇——XML、Json和cookie
什么是XML?即可拓展标记语言:是一种用于标记电子文件使其具有结构性的标记语言。xml的格式?第一行固定写:<?xml version="1.0" encoding="UTF-8" ?>再写一对根标签,根标签没有固定的内容。然后所有的数据都要写在这根标签中。<?xml version="1.0" encoding="UTF-8" ?><person>...原创 2019-08-13 09:45:39 · 174 阅读 · 0 评论 -
CSS篇——伸缩布局
伸缩布局的基本概念伸缩容器:某个标签添加了"display:flex"属性,他就是伸缩容器。伸缩项:伸缩容器的子元素为伸缩项主轴:伸缩容器从左到右的方向称为主轴侧轴:从上到下称为侧轴主轴的对齐方式在伸缩布局中, 默认情况下水平方向是主轴, 默认情况下主轴的起点在伸缩容器的最左边, 默认情况下所有的伸缩项都是从主轴的起点开始排版的,但是我们也可以通过属性来修改主轴的起点的位置。fle...原创 2019-08-03 17:11:18 · 492 阅读 · 0 评论 -
jQuery篇——Ajax之post请求
post请求继上篇学习完get请求之后,这次来学习一下post请求。同get请求一样创建异步对象等五步操作,将请求方式改成post,如果要传参,则需在open和send之间加一行代码 // var xhr = new XMLHttpRequest(); xhr.open("POST","08-ajax-post.php",true...原创 2019-08-12 09:13:53 · 434 阅读 · 0 评论 -
jQuery篇——Ajax基础之get请求
什么是Ajax?AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。(属于前端而不是后端)那如何使用Ajax呢?掌握以下五步,你就掌握了Ajax!创建一个异步对象var xmlhttp=new XMLHttpRequest();设置请求方式和请求地址:.open方法,传入三个参数method:请求的类型;GET 或 POSTurl:文件在服务器上的位置...原创 2019-08-11 21:52:19 · 459 阅读 · 0 评论 -
JavaScript框架篇——promise基础
JS是单线程语言为什么JS是单线程的?JavaScript的单线程,与它的用途有关。 作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。 例如: 如果JS是多线程的现在有一个线程要修改元素中的内容, 一个线程要删除该元素, 这时浏览器应该以哪个线程为准?所以JS中的代码都是串行的, 前面没有执行完毕后面不能执行。...原创 2019-08-15 15:48:01 · 292 阅读 · 0 评论 -
jQuery篇——PHP基础
PHP的基本语法PHP中有两种注释1.1单行注释//1.2多行注释/* */*PHP中如何定义变量?$num = 10;PHP中如何打印内容?注意点: 后端编写的代码不能直接运行, 只能放到服务器对应的文件夹下, 通过服务器运行, 如何通过服务器运行: 通过ip地址找到服务器对应的文件夹, 然后再找到对应的文件运行echo $num;PHP中如何定义集合数组,字典...原创 2019-08-10 20:54:42 · 234 阅读 · 0 评论 -
jQuery篇——jQuery节点操作
jQuery中的节点操作代码和案例原创 2019-08-09 16:48:55 · 204 阅读 · 0 评论 -
JavaScript框架篇——zepto
什么是zepto?Zepto 是一个轻量级的针对现代高级浏览器的 JavaScript库,它与jQuery有着类似的api, 如果你会用jQuery,那么你也会用Zepto。Query更多是在PC端被应用,Zepto更多是在移动端被应用;也正是因为jQuery用在PC端,jQuery考虑了很多低级浏览器的的兼容性问题, ,所以代码更多体积更大;也正是因为Zepto用在移动端,Zepto则...原创 2019-08-18 16:22:07 · 433 阅读 · 0 评论 -
JavaScript框架篇——SessionStorage和LocalStorage
1.什么是SessionStorage和LocalStorage和Cookie一样, SessionStorage和LocalStorage也是用于存储网页中的数据的2.Cookie、 SessionStorage、LocalStorage区别2.1生命周期(同一浏览器下)Cookie生命周期: 默认是关闭浏览器后失效, 但是也可以设置过期时间SessionStorage...原创 2019-08-13 15:50:07 · 338 阅读 · 0 评论 -
jQuery篇——事件对象及事件委托
-------数不清第几次复习jQuery了,还是不记得(~﹃~)~,感觉写一次博客就能记住,并且便于复习和查阅,开开心心的复习以下jQuery事件对象及事件委托吧!1.jQuery事件绑定jQuery中有两种绑定事件方式.eventName(fn);编码效率略高/ 部分事件jQuery没有实现,所以不能添加.on(eventName, fn);编码效率略低/ 所有js事件都可以添加...原创 2019-08-08 16:11:49 · 346 阅读 · 0 评论 -
JavaScript框架篇——SWIPER
什么是swiper?Swiper是纯javascript打造的滑动特效插件,面向PC、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!如何使用swiper引入swiper对应的css和js文件按照框架的需求搭建三层结构创建一个Swiper对象, 将容器元素传递给它<div ...原创 2019-08-26 10:31:47 · 631 阅读 · 0 评论