疯狂三剑客
文章平均质量分 85
冲就完事!
小杨今天改BUG了么
learn and live.
展开
-
this使用指北
写在前面 如果要问JavaScript中哪个知识点容易混淆,this指向绝对名列前茅,今天我们就来聊聊JavaScript的一大山脉——this指向。 JavaScript的this总是指向一个对象,而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的,而非函数被声明时的环境。即this指向哪里由函数在哪里调用以及如何被调用决定。默认绑定 在不能使用其他绑定规则时执行的规则,一般作为普通函数调用。默认绑定给全局, 浏览器为window, node为global全局环境中,this默认原创 2022-04-19 20:30:26 · 91 阅读 · 0 评论 -
下班前几分钟,我彻底搞懂了闭包
闭包闭包的本质就是在一个函数内部创建另一个函数。闭包的三个特性:函数嵌套函数函数内部可以引用函数外部的参数和变量参数和变量不会被垃圾回收机制回收为什么闭包可以延长变量的生命周期? 闭包在函数定义时就已经产生, 函数存在对外部作用域的引用, 外部函数执行完由于还有作用域被引用, 因此垃圾不会回收被引用的部分。回调函数一般都会产生闭包,因为其接收的参数为外部函数的作用域里的变量应用封装变量:把不需要暴露在全局的变量封装成“私有变量”// 一般借助立即执行函数, 执行时返回的函数原创 2022-02-07 22:20:55 · 686 阅读 · 0 评论 -
你真的了解JS的隐式类型转换么?
转换规则转string+连接字符串转number++, —自增运算符算术运算符±*/等关系运算符>< ==转boolean!!{},![]都为false空数组的toString为空字符串, 对象的为’[object, Object]’(先小后大)数据类型转换——+连接对于+连接字符串则直接调用toString方法console.log( 1 + "true" );//'ltrue'+连接数字作为运算符时, 会调用Number()转成数字再运算, 需要注意的是Num原创 2022-02-08 11:02:43 · 216 阅读 · 0 评论 -
浅谈页面渲染的属性计算
浏览器渲染html元素的前提条件就是该元素的所有CSS属性都有值,而一个元素,从所有CSS属性无值到有值的过程就叫属性计算过程。原创 2022-01-20 22:56:38 · 271 阅读 · 0 评论 -
前端初学必会,你真的知道深浅拷贝么
arguments.callee 在函数内部有两个特殊对象:this和arguments,其中,arguments主要用于保存函数的参数,但这个对象还有一个名叫callee的属性,该属性是个指针,指向拥有这个arguments对象的函数。 arguments.callee一般用于递归算法,如果函数有名字,而且名字以后不会变的情况下直接递归调用函数即可。否则使用arguments.callee较好。function factorial(num){ if (num <=1) {原创 2021-09-21 21:18:45 · 247 阅读 · 0 评论 -
浅谈arguments.callee
在函数内部有两个特殊对象:this和arguments,其中,arguments主要用于保存函数的参数,但这个对象还有一个名叫callee的属性,该属性是个指针,指向拥有这个arguments对象的函数。 arguments.callee一般用于递归算法,如果函数有名字,而且名字以后不会变的情况下直接递归调用函数即可。否则使用arguments.callee较好。function factorial(num){ if (num <=1) { retu原创 2021-08-15 22:33:20 · 934 阅读 · 0 评论 -
零基础让你迅速了解node项目流程
项目初始化创建文件夹npm init -ypublic 用来存放静态资源(css、js、html)views 视图,用来存放页面(.html、.ejs)router 存放路由app.js 入口文件创建app.js基本框架 (node的app.js文件配置流程)引入模块let express=require("express");let app=express()let bodyPaser=require("body-parser");let cookieP原创 2021-08-01 17:44:28 · 226 阅读 · 1 评论 -
原型、原型链都不知道还怎么指望大厂
文章目录什么是原型?没有原型的对象自定义对象的原型prototype和__proto__的区别什么是原型链?原型方法与对象方法优先级什么是原型? Javascript 只有一种结构,那就是:对象。在 javaScript 中,每个对象都有一个指向它的原型(prototype)对象的内部链接。这个原型对象又有自己的原型,直到某个对象(Object)的原型为 null 为止(也就是不再有原型指向),组成这条链的最后一环。这种一级一级的链结构就称为原型链。 通过下面的代码我们一起来认识一下原型: //原创 2021-01-29 22:37:03 · 808 阅读 · 1 评论 -
浅谈null和undefined
1. 定义 undefined是指声明的对象没有进行赋值,系统给的默认值,当typeof一个没有值的变量时会返回undefined例如:var a; //a自动被赋值为undefined null表示”什么都没有“,指主动释放变量引用的对象,表示一个变量不在指想任何引用地址(释放内存)例如:var emps = [‘ss’,‘nn’];emps = null; //释放指向数组的引用2. 异同点相同点:null和undefined的值相等 ,但是类型不同 由上原创 2021-01-29 10:49:49 · 477 阅读 · 0 评论 -
浅谈JavaScript对象
学过JavaScript基础部分后,接下来我们要接触和了解的就是JavaScript高级,这也是JavaScript中最重要的部分。为何说它重要?因为在大厂的面试中手写JavaScript是不可避免的,甚至会问一些关于JavaScript高级的知识点。要想真正搞懂这个东西我们必须从基础部分下手,首先就是JavaScript对象。什么是对象? 学习了这么多基础内容,那到底什么是对象呢?简单来说,对象就是带有属性和方法的特殊数据类型。例如:String、Date、Array…这些其实就是JavaScr原创 2021-01-28 22:28:29 · 149 阅读 · 0 评论 -
一篇文带你使用js实现拖拽排序
先介绍一下html5的drag属性,拖放(Drag 和 drop)是 HTML5 标准的组成部分。想要启用drag,只要给元素加上draggable="true"就行了(Safari 5.1.2除外)。 实际效果:拖动事件(了解事件详情) 事件分为两类,当前拖动的元素上的事件,以及要放置的位置接收到的事件。 一.发生在拖动元素上的事件:事件名 触发时机 触发次数dragstart 当拖动开始时触发一次 1drag 拖动开始后反复触发 ndragend 拖动结束后触发一次 二原创 2020-12-18 17:01:31 · 7924 阅读 · 5 评论 -
你真的拿捏Express_cookie、session了么
如果想要知道使用cookie和session的方法,首先我们要知道cookie、session的区别与联系是什么cookie和session的异同cookie和session的共同之处在于:cookie和session都是用来跟踪浏览器用户身份的会话方式。cookie和session的不同之处在于:存储方式: cookie数据存放在客户端(客户的浏览器上),session数据放在服务器上。安全性:cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗原创 2020-12-12 20:29:35 · 94 阅读 · 0 评论 -
零基础带你学会axios
一、axiosaxios是基于promise对ajax的一种封装ajax mvc二、axios的基本使用使用默认方式发送无参请求<script src="../node_modules/axios/dist/axios.js"></script><script> axios({ url:'http://coding.gardel.top:8848/devoting/login' }).then(res=>{原创 2020-11-21 22:26:16 · 858 阅读 · 0 评论 -
造轮子系列之node+express分页
分页实现的主要原理就是前端将要显示的页数和每页显示的数据条数传给后端,后端从数据库中查找相应的数据,返回给前端,前端通过 art-template模板渲染。当然模板有很多,但我用的是art-template来渲染的。我是模仿着layui的功能做的,但是没有自己输入页面跳转获取数据的功能。具体效果如下(可能自己写的会有点丑):具体代码:HTML <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">原创 2020-11-03 11:09:53 · 1543 阅读 · 0 评论 -
layui分页的奇淫技巧
据我了解,虽然layui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。但实际上它大多数用于后端,那怎么使用layui进行渲染动态的数据表格呢?先来看一下效果:具体操作:先引入layui的js和css文件,这个文件需要官网下载layui<link rel="stylesheet" href="../public/layui-v2.5.6/css/layui.css"><script src="../p原创 2020-11-02 21:32:54 · 1077 阅读 · 2 评论 -
你还不知道node.js有哪些文件操作么
文件系统(File system)文件系统简单来说就是通过Node来操作系统中的文件使用文件系统,需要先引入fs模块,fs是核心模块,直接引入不需要下载文章目录Buffer同步与异步文件的写入1.同步文件写入2.异步文件写入3.简单文件写入4.流式文件写入文件的读取1.简单文件读取2.流式文件读取fs的其他方法BufferBuffer(缓冲区)从结构上看Buffer非常像一个数组,它的元素为16进制的两位数。实际上一个元素就表示内存中的一个字节。实际上Buffer中的内存不是通过Ja原创 2020-09-19 16:43:04 · 243 阅读 · 0 评论 -
半小时,一篇文O基础让你轻松学会node.js
文章目录模块化一、pandas是什么?二、使用步骤1.引入库2.读入数据总结模块化 在node中,一个js文件就是一个模块化,文件路径就是模块名。到底什么是模块化呢?原生的模块化就相当于使用jq前引入jq的相关文件,如果引入js的顺序发生改变可能下面的js模块一个也不能使用。为了解决这一问题,node提出了模块化系统(类似java语言的标准库)。在node中,模块分为两种,核心模块(node提供的模块)和文件模块(用户自己编写的模块)。定义一个模块:引入其他模块:一、pandas原创 2020-09-16 21:20:49 · 110 阅读 · 0 评论 -
你真的了解let、var、const么
通过var定义的变量,作用域是整个封闭函数,是全域的 。通过let定义的变量,作用域是在块级或是子块中。 <script> console.log(fun); //undefined var fun=2; console.log(fun); //2 var fun=45; //不会报错 let fun=46;//会报错 </script>变量提升现象: 浏览器在运行代码之前会进行预解析,首原创 2020-09-14 18:00:15 · 570 阅读 · 0 评论 -
一篇文带你掌握PS
为了新一届的招新工作(制作海报),这几天学习了PS总结了一些比较常用的快捷键,跟大家分享一下。选择工具操作矩形、椭圆选框工具“M"移动工具“V"套索、多边形套索、磁性套索“L"魔棒工具“W"裁剪工具“C"切片工具、切片选择工具“K”喷枪工具“J"画笔工具、铅笔工具“B"橡皮图章、图案图章“S"历史画笔工具、艺术历史画笔“Y"编辑文件操作CTRL+Z 编辑文件快捷键撤消 ,一般是原创 2020-08-17 23:49:01 · 123 阅读 · 0 评论 -
前端初学者必看
文章目录JQ原理:jquery入口函数的测试:apply和call方法的作用:真伪数组的转换:join(separator):change与propertychange的区别:动画的显示、隐藏、切换、创建:淡入淡出:jQ原型上的核心方法和属性:DOM元素的加载:DOM 操作:元素的操作:nth-child()的用法:有关索引的几种方法:父、子元素的选择:jQery属性相关的操作:jQuery事件操...原创 2020-04-26 16:41:41 · 167 阅读 · 2 评论 -
前端初学者必看
学习前端知识也有一段时间了,不知道你们的感受是什么,老实说我感觉还挺好玩的,可能是我比较喜欢享受那种成就感,随便做出个动画什么的,就特别高兴。但也不能高兴太早学到这里也只是刚刚入门,不管怎么样都要坚持下去,自己选择的路,再难也得走完。下面一些呢是我学JQ所做的一些笔记,可能写的不是特别好,总结的也没有那么到位,不要介意,我也就是随便记记(来自菜鸟的小...原创 2020-04-25 17:51:11 · 309 阅读 · 0 评论 -
这篇简单技能能够祝你涨薪2k
图片的懒加载原理及实现 首先我们要了解一下什么是图片的懒加载,所谓图片懒加载的意思就是说这张图片很懒,喜欢临时抱拂脚,等到出现在我们的视线内才会去加载。这种加载数据的方式可以优化网页,提高系统的响应速度,最大程度的减少了服务器端的资源耗用。那到底怎么做呢?思考一下???? 首先来看一下实现效果:![在这里插入图片描述](https://img-blog....原创 2020-03-02 23:21:58 · 359 阅读 · 4 评论 -
零基础让你迅速学会JS轮播图
记得上一次写博客还是2019年,而现在已经是2020年了。期末考试终于结束了,看到成绩后,有人欢喜有人忧,这应该是正常不过的事了。这段时间过得很充实,但是如果真的问我这段时间学到了什么,收获了多少,我可能回答不上来。不管收获怎样,至少是有一点的,这段时间学习计划是JS,也让我把上次考核中不会的轮播图也学会了,还是蛮开心的! ! ! 这次也就分享一下制作轮播图的方法,如果有写的不好的地方,望...原创 2020-01-21 23:09:29 · 369 阅读 · 1 评论 -
一篇文带你使用CSS3做出西游记动画
“白龙马蹄朝西,驮着唐三藏跟着仨徒弟…”,这首歌肯定可多人都听过,毕竟之前这首歌被一个小男孩唱火过一段时间。前一段时间学了css3的动画,那么我就跟风做一个唐僧四徒取经那回事吧!!!(其实是学了css之后,学姐给我发的实例,然后我就模仿着做了一个 )西游记 这个页面主要用到了css3的动画制作,background-position的使用与steps属性,好了废话不多说,先来看一下效果吧...原创 2019-12-22 09:04:14 · 1016 阅读 · 1 评论 -
半小时,一篇文0基础让你轻松学会JS翻书效果
如何使用CSS制作翻书效果?css思路:首先准备一个div作为书本,然后准备一个div作为第一页,其中还要有两个div作为正反面,分别对其各部分属性进行设置。其中还要为book与page开启3D,还用到了一个backface-visible(其实这个属性我之前没见到过,这是第一次用 )属性,该属性用来设置当div翻转一定角度后是否可见,制作好第一页后,其余的几页与第一页类似。注意:要对每页...原创 2019-12-21 14:42:59 · 1954 阅读 · 0 评论 -
浅谈flex布局
原创 2019-12-05 18:44:55 · 1137 阅读 · 0 评论