前端之路
关注
分享
扫一扫
70kggg
76104718@qq.com
展开
-
JQuery的设计思想
原文链接：https://jinchao1992.github.io/2019/11/jquery-的设计思想/jQuery 是全世界使用最广泛的 JavaScript 库。虽然前端现在是「三大框架」的天下，但是不可否认，jQuery 曾经支撑了前端很多年，它使用之久，运用之广是其他框架无法企及的。所以，时至今日我们还是有必要学习一下 JQuery的一些用法， 以及在这些用法中包含的一些思想。...转载 2019-12-03 12:10:53 · 405 阅读 · 0 评论 -
Axios作弊表
原文链接：https://juejin.im/post/5a9cddb46fb9a028bc2d3c2fGET 请求// Make a request for a user with a given IDaxios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .ca...转载 2019-11-29 15:51:45 · 260 阅读 · 0 评论 -
JS函数的执行时机
1. 为什么如下代码会打印 6 个 6let i = 0for(i = 0; i < 6; i++){ setTimeout(()=>{ console.log(i) },0)}当setTimeout()的毫秒数设置为0的时候，是要先执行完函数调用栈中的代码，然后立即调用定时器。因为定时器都被放在了一个队列中，等待上下文的可执行代码运行完毕后，才开始运行定时...原创 2019-11-07 19:57:23 · 321 阅读 · 0 评论 -
JS对象基本用法
1：声明对象的两种语法第一种：let obj = {name:‘jack’,age:18}第二种：let obj2 = new Object({name:‘jack’,age:18})2：如何删除对象的属性delete obj.xxx 或 delete obj[‘xxx’] 即可删除 obj 的 xxx 属性需要注意的是：“属性值为undefined"和"不含属性名”不含属性名：‘x...原创 2019-11-07 19:36:08 · 145 阅读 · 0 评论 -
原生JS写出一个AJAX请求
使用JS写出一个AJAX请求let request = nre XMLHttpRequest();//配置requestrequest.open('GET','http://jack.com:8000/xxx'); //发送请求request.send(); request.onreadystatechange=function(){ if(request.readyState ...原创 2019-04-15 12:15:12 · 610 阅读 · 0 评论 -
移动端适配是怎么做的？
一、使用 meta viewport ，在head标签内部加入以下代码，改代码的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale...原创 2019-04-07 19:39:03 · 3537 阅读 · 0 评论 -
call、apply、bind的用法分别是什么？
call：call 是函数的正常调用方式，并指定上下文 this。apply：apply 的作用和 call 一样，只是在调用的时候，传参数的方式不同。区别是 apply 接受的是数组参数，call 接受的是连续参数。如下代码：function add(x,y){ return x+y;}add.call(add, 1, 2); //3add.apply(add, [1, 2])...原创 2019-04-10 11:58:59 · 217 阅读 · 0 评论 -
实现一个简单的JQuery API
今天要模仿jQuery来实现两个API，他们的功能是：1 为选中的标签添加某个 class2 将选中的标签的value替换为某个text首先，顺着这个思路，写了以下代码：<style> .red { color: red; }</style><body><ul> <li>标签1</li...原创 2019-04-03 22:38:20 · 154 阅读 · 0 评论 -
给页面添加loading动画
html内的代码：<div class="loading"></div>css代码：.loading{ width: 300px; height: 300px; border:1px solid black; position: relative;}.loading::before,.loading::after{ c...原创 2019-03-22 22:48:30 · 1253 阅读 · 0 评论 -
立即执行函数的使用
在引入MVC模块化概念后，会将JS代码分为多个JS文件保存但这个时候就需要去避免使用局部变量，所以需要使用到了立即执行函数将JS代码包起来。使用方法及步骤：1、不要用全局变量，要用局部变量2、ES 5里面，只有函数内部的是局部变量3、于是就声明一个 function xxx(){ … }，然后直接 xxx.call()执行这个函数4、但这样的话 xxx() 这个函数就变成了全局变量（全...原创 2019-04-18 16:34:58 · 394 阅读 · 0 评论 -
初识 axios
概念：axios是一个ajax库，和 jquery 用法很像，用来实现 ajax 功能用法：在 BootCDN 上搜 axios，然后直接引入就可以<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>特点：1、axios的功能更多：axios.post()...原创 2019-05-14 15:19:52 · 146 阅读 · 0 评论 -
初识 axios --- 引入MVC
与之前的功能一样，但是引入mvc把代码模块化了。html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <script src="https://code....原创 2019-05-14 19:43:09 · 505 阅读 · 0 评论 -
HTML常用标签（a/img/table）
简单回顾：a标签target属性的值_blank：新开一个页面打开<a>指向的页面_self：在自身窗口打开<a>指向的页面_top：在最顶级的窗口打开<a>指向的页面_parent：在父元素的窗口打开<a>指向的页面比较：_self _top _parent这三个值，要在嵌套关系下理解例子：在index1.html文件中，使用&...原创 2019-08-22 10:46:48 · 454 阅读 · 0 评论 -
浅析 URL
回顾了一下URL，写一篇博客记录一下，其中内容包括以下几点：URL 包含哪几部分，每部分分别有什么作用DNS 的作用是什么，nslookup 命令怎么用IP 的作用是什么，ping 命令怎么用域名是什么，分别哪几类域名1.URL 包含哪几部分以 https://www.baidu.com/s?wd=hello 为例子：其中URL包括1、传输协议：http，https2、域...原创 2019-09-03 12:04:46 · 309 阅读 · 0 评论 -
JS的基本语法
1、什么是表达式和语句表达式是可以被求值的代码,而语句是一段可执行代码。2、标识符的规则标识符可以由大写字母、小写字母、下划线（_）和数字0~9组成，但必须是以大写字母、小写字母或下划线 _ 开头3、if else语句语法：if (条件) { 条件为 true 时执行的代码块} else { 条件为 false 时执行的代码块}例子：if(a=1){ co...原创 2019-09-28 11:38:47 · 135 阅读 · 0 评论 -
javascript的诞生
JavaSciript 的产生与浏览器息息相关。想要说明 JavaScript 的历史，就要讲一下浏览器相关事件。1994年10月，NCSA的一个主要程序员Marc Andreessen联合风险投资家Jim Clark，成立了Mosaic通信公司（Mosaic Communications），不久后改名为Netscape。这家公司的方向，就是在Mosaic的基础上，开发面向普通用户的新一代的...原创 2019-09-28 11:45:02 · 238 阅读 · 0 评论 -
《JS中的原型与原型链》
原型与原型链：简单的说就是一个公用属性，将各数据类型都有的函数和方法放到一个地方去，然后想用的时候就从哪个地方拿，这样可以节省内存。var o1 = new Object();var o2 = new Object();o1.toString === o2.toString; //true，toString()指向是一样的这是因为因为JS把这两个方法都保存到内存里了，在声明一个对象时，...原创 2019-03-22 14:51:54 · 151 阅读 · 0 评论 -
JS中的数据类型转换
一、转换为字符串方法1：toString()var a = 1;a.toString(); // '1'除了null，undefined其余类型都能用该方法进行转换(Object类型的也可以，但是得出的结果不是想要的结果)方法2：直接加一个空字符串var a = 1;1 + ''; // '1' (null与undefined类型也适用该方法)并且该方法属于最常用的一种二、转...原创 2019-03-22 00:43:49 · 114 阅读 · 0 评论 -
Git的安装与配置
安装不需要安装，Git Bash 内置了 Git 命令，Git Bash 还内置了以下命令：lsmkdircpmv等等，大概有几十个命令，Git Bash 其实是一个 Bash，不是 Git。Git Bash 给我们提供了一个虚拟的 Linux 环境，这样我们就不用忍受 Windows 里面垃圾一般的命令行体验了。配置请在命令行运行这五句话！！！一定要运行这五句话，不然 git...转载 2018-10-02 21:25:48 · 130 阅读 · 0 评论 -
Git上传第一个自己的网页
1.在git中创建一个新项目，名为myBlog，然后其他的不点直接点绿色的按钮2.然后一定要选择 “SSH”，如下图：3.随便在一个地方创建一个myBlog的文件夹右键选择 Git Bush 打开，打开后，将图中的命令行每一行复制到Git Bush中执行：4.出现下图中的情况表示执行成功：5.再找到myBlog文件夹右键点击VScode打开，后面新建一个index.html文件，输...原创 2018-10-03 00:57:52 · 1228 阅读 · 0 评论 -
ls，cat，mv，touch等基础命令的介绍及使用
ls：查看路径用法：ls ------ 显示当前目录下的文件及文件夹ls -a ------ 显示当前目录下的所有文件及文件夹包括隐藏的.和…等ls -l ------ 显示当前目录下的所有文件及文件夹不包括隐藏的.和…等并显示详细信息ls -al ------ 显示当前目录下的所有文件及文件夹包括隐藏的.和…等并显示详细信息，详细信息包括大小，属组，创建时间cat：显示文件内容用...原创 2018-10-03 14:57:43 · 370 阅读 · 0 评论 -
git简单入门之git init /git add /git commit -v
git init:首先看一下使用的效果：用法及解释：1.进入某个空的文件夹下，打开Git Bash命令窗口输入git init2.主要用来初始化一个空的git本地仓库3.执行完上面的命令，当前目录下会自动生成.git隐藏文件夹，该隐藏文件夹就是git版本库git add:使用效果：用法及解释：1.文件1.txt从工作区被提交到暂存区2.但此时文件并没有真正进入到版本库当中，...原创 2018-10-03 15:10:26 · 2929 阅读 · 0 评论 -
WWW 的发明
WWW 的发明Tim Berners-Lee（下文中称为李爵士） 在 1989 年至 1992 年间，发明了 WWW（World Wide Web），一种适用于全世界的网络。主要包含三个概念：1.URI，俗称网址2.HTTP，两个电脑之间传输内容的协议3.HTML，超级文本，主要用来做页面跳转URL 的作用是能让你访问一个页面，HTTP 的作用是让你能下载这个页面，HTML 的作用是让...转载 2018-10-03 16:21:58 · 359 阅读 · 0 评论 -
HTTP入门
目录1.WWW（万维网）的来历2.URL+HTTP+HTML3.curl命令4.请求与响应5.如何用Chrome开发者工具查看 HTTP 请求内和响应内容WWW（万维网）的来历自行百度吧URL+HTTP+HTMLURL用来让你能访问一个页面，HTTP用来下载这个页面，HTML用来让你看到这个页面URI 是什么Google URI 维基百科 即可查看全称。URI ...原创 2018-10-03 18:30:36 · 262 阅读 · 1 评论 -
写第一个脚本
写一个脚本1.找个地方新建文件，后缀随意，一般来说脚本的后缀是 .sh，但是我偏要把后缀写成 .txt。我喜欢把脚本放在 ~/local 目录里。（我知道你没有这个目录，创建一下这个目录就行啦）mkdir ~/localcd ~/local 请一定要运行这句话！如果不运行，那么下面所有步骤都会出错touch demo.txt2.编辑 demo.txt，内容如下： pwd # 确认一下...原创 2018-10-04 11:06:18 · 314 阅读 · 0 评论 -
（转）Git操作手册---很实用
在过去一年的教学中，我被新人问 git 问题问得生活不能自理了。首先告诉你真相：新人无法理解 git 的原理，你只能背命令。等你用 git 用一个月，再谈原理。再告诉你一个真相：你无法理解为什么要使用 Git，你什么时候才能理解呢？能你有一天忘了使用 Git 导致了无法挽回的损失时，你就 Git 有多好了。我希望你永远不会遇到那一天。用 git 三个月，你就自然理解 git 了。不要试图一开...转载 2018-10-04 12:37:17 · 337 阅读 · 0 评论 -
HTML空元素
空元素一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。HTML，SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。在 HTML 中，通常在一个空元素上使用...转载 2018-10-05 11:07:29 · 2355 阅读 · 0 评论 -
新手小白git操作指南——简洁篇
git bush到达要上传得目录输入git init，这句命令会在 git-demo-1 里创建一个 .git 目录使用 git add . （不要忘记这个 . ）意思是把当前目录（.表示当前目录）里面的变动都加到「暂存区」使用 git commit -m “信息” 将你 add 过的内容「正式提交」到本地仓库（.git就是本地仓库），并添加一些注释信息，方便日后查阅根据情况再输入gi...原创 2018-10-05 15:48:30 · 150 阅读 · 0 评论 -
第一个简易的Node.js Server
接收请求我们的脚本只需要一个文件就可以搞定1.新建一个安全的目录，不需要我重复强调吧？2.cd ~/Desktop; mkdir node-demo; cd node-demo3.touch server.js4.编辑 server.js，内容我已经上传到 GitHub。5.运行 node server 或者 node server.js，看到报错6.根据报错提示调整你的命令7.成...转载 2018-10-05 15:58:16 · 725 阅读 · 0 评论 -
HTML入门笔记1
基本<html>…</html> 定义 HTML 文档<head>…</head> 文档的信息<meta> HTML 文档的元信息<title>…</title> 文档的标题<link>原创 2018-10-05 16:02:43 · 287 阅读 · 0 评论 -
CSS工具的使用
图形和图案：https://css-tricks.com/the-shapes-of-css/阿里巴巴矢量图标库（Iconfont）:http://www.iconfont.cn/颜色渐变：http://www.colorzilla.com/gradient-editor/阴影效果：https://www.cssmatic.com/box-shadow暂时这些了，后续再慢慢补齐吧。...原创 2018-10-07 17:18:38 · 186 阅读 · 0 评论 -
（转）CSS经典布局解析
CSS 基础知识:下面几个入门教程不错：幕课网 – HTML+CSS基础课程：偏基础，可以在线练习和预览MDN – CSS入门教程: MDN 的官方文档学习 CSS 布局：排版和配色特别舒服，简短但不深入，适合概览入门CSS 定位问题：主要就是经典的绝对定位，相对定位问题。10个文档学布局：通过十个例子讲解布局，主要涉及相对布局，绝对布局，浮动。百度前端学院...转载 2018-10-09 00:34:28 · 206 阅读 · 0 评论 -
JS中的数据类型
一、背景介绍数据类型js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Object）二、知识剖析UndefinedUndefined只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefinedNullnull类型被看做空对象指针,只有一个值...转载 2019-03-21 20:37:14 · 118 阅读 · 0 评论 -
Node.js的安装与配置
安装： 1.从[官网](https://nodejs.org/en/)下载 2.百度网盘下载：链接: https://pan.baidu.com/s/1cMxJcU 密码: xfyj安装了之后：千万别点node.js的图标千万别点node.js的图标千万别点node.js的图标配置 打开Git Bush，依次输入一下命令，按回车： npm config set regist...转载 2018-10-02 21:15:11 · 406 阅读 · 0 评论