_小刀-CSDN博客

原创 [前端小白入门] 行内标签与块级标签的区别

首先了解：https://zhuanlan.zhihu.com/p/210846545补充一点：任何元素通过设置css样式：display: block 可以将元素强行改为块级元素，设置display: inline可以改为行内元素我们知道，行内元素不能设置宽高，那我们想要设置宽高，又想要多个元素在同一行展示怎么办呢？这时可以设置 display: inline-block；这样就可以既设置宽高，又能在一行展示多个元素了。...

2020-09-14 21:37:14 419

原创 JS 操作vue单文件组件

在使用.vue这种单文件组件开发的时候，一般情况是不需要用js来才处理组件的创建、实例化等操作的。然而也有特殊情况需要用的，比如类似element-ui的Message组件，通过一个JS函数就能启动一个弹窗，是不是很high？首先，我们来认识认识.vue文件当我们使用import引入一个.vue文件的时候，引入的到底是什么？其实在经过vue-loader的编译之后，他就是一个componentOp...

2018-03-17 22:19:11 1466

原创 koa框架下使用async await语法的坑

问题场景还原app.use((context, next) => { if (context.request.method === 'OPTIONS') { context.response.status = 200 context.response.set('Access-Control-Allow-Origin', context.request....

2018-02-26 01:21:04 3126 2

原创最精要解释，助你快速区分和记住encodeURI和encodeURIComponent

1. js中傻傻分不清楚的几个函数encodeURIencodeURIComponentescape以及它们对应的解密函数，为了方便记忆，在此不列举，以免造成混乱。2. 作用这几个函数主要的作用就是加密uri，目的是因为在正常的url（url是uri的一种，在前端主要涉及它，所以以此为例）中，有些字符是不允许的，比如空格，一旦出现这样的不允许字符，浏览器就不能正常识别url

2017-09-21 19:26:49 788

原创 js的垃圾回收机制

所谓垃圾回收就是指，js引擎会在某些内存不再使用后，会自动回收这部分内存，而不像C/C++之类的语言，需要程序员去操心。常用的垃圾回收机制有两种。1. 引用计数即当某个内存有引用，则将其计数加1，某一个引用失去时，则将计数减1.当引擎检测时，就将计数为0的内存回收。举例：function a() { var obj = new Object(); obj.obj

2017-09-19 15:46:36 420

原创获取元素相对于body的位置

很多时候，我们需要实现页面内的跳转，除了使用锚点外，还可能会用doby.scrollTop = el.offsetTop.但有时候，这种方式用起来却有些问题，滚动条滚动的位置往往并不是预想中的目标元素的位置，这是为什么呢？其实是offsetTop的问题，offsetTop的取值是有一个相对元素的，这个相对元素显然不一定是body，所以当使用doby.scrollTop = el.offse

2017-07-31 17:59:56 7448

原创 Error: Can't set headers after they are sent错误之坑

报错：Error: Can't set headers after they are sent，怎么解决？使用response.end()发送响应时，在此前加一个return，即return response.end()，类似的response.send()等函数也要加return，而且是所有的地方都要加，即使是a请求的响应没加return，当b请求到来时，也会报错。

2017-07-04 15:48:14 15149 1

原创前后端分离后，后端师傅们应该知道的一些基本前端知识

写下此文，是因为本人作为前端小白，经常遇到同样小白的后端，常常不得不三番五次科普一些前端的基础知识，特此做些总结，也方便有下次的话，直接拿出来给对方看。1. 什么是ajax 对于网络请求分类的维度有很多种，有一种就是这个请求发送出去是否需要刷新页面。比如form表单，比如直接从浏览器地址栏输入地址请求，这样的请求都是伴随着页面刷新的。而ajax，全称异步js和xml，

2017-07-04 11:36:31 11672 1

原创 mac上安装配置启动nginx，实现反向代理

1.安装第一步，安装brew（如果已安装，过！），在命令行终端执行：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 第二步，安装nginx. 在命令行终端执行：/usr/local/bin/brew install nginx2.配置配置文件目

2017-06-05 17:09:26 8402

原创原生js操作dom

在这个前端框架横行的时代，还有几个人在用原生js呢？之前因为需求问题，想要用纯原生js（不写html）写一个聊天功能的sdk。在此整理一些原生js操作dom的常用api1. 创建元素window.document.createElement(tagName);2. 添加元素window.document.body.appendChild(element) // 添加到b

2017-05-25 16:59:33 554

原创 webpack下实现动态引入文件

使用vue-router时，我们必须维护一个route数组。而有时候，尤其是做管理系统那样的项目时，往往还需要维护一个目录的数组，此时我们就想，可不可以只维护一个目录，然后根据目录自动生成route数组呢？笔者就遇到了这个需求，一开始觉得这应该是很简单的事吧，毕竟js解析一个对象或者一个数组还是很容易的事。然而当我不以为意去实现的时候，遇到了问题。首先上我实现的demo// dir

2017-05-25 15:44:24 10951 1

原创前端常用的正则表达式及正则对象常用方法

1.手机号验证 /^1[34578]\d{9}$/2.邮箱验证 /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+$/3. 身份证 /^(/d{15})|(/d{18})|(/d{17}(/d|X|x))$/4. 账号合法性验证，只能包含数字字母下划线汉字，并不能以数字开头 /^/D/w*$/5. 护照验证 /^[A-Z

2017-03-26 17:32:07 3363

原创浏览器js资源加载的分析报告

浏览器是如何加载资源的？网上有很多笼统的说法，css、图片并发加载，js同步加载。然而当我们碰到实际问题，尤其是在做性能优化的相关分析时，仅仅了解这点是不够的，我们需要更细粒度的时间点。1.传统js首先，我们做一个小实验。 alert('waiting'); 1 2 3 4

2017-03-18 10:45:08 1586

转载 CSS开发工具---持续更新

1.SASS，入门文档，大神博客传送：SASS用法指南2.Compass，大神博客传送：Compass用法指南

2017-02-22 15:47:13 288

原创【新手入门最精炼总结】AMD/CMD/CommonJs到底是什么？它们有什么区别？

知道JS有模块化开发的说法，也偶尔听过requireJs,AMD,CMD等等名字，甚至使用node的时候，还用过require之类的方法，但是对这些一直没有一个明确的认识和概念。想必这就是许多新手刚接触这方面知识时的一个普遍状态。其实仅仅做一些基础的活儿的时候，并不需要对它们有太多的了解，知道怎么用就行了，管他是什么理念，是什么实现呢。于是人就懒下来了。终于有一天，下定决心，一定要把这一块

2017-02-17 17:20:08 9054 2

原创【dev Cpp新手请进】dev导入ege图形库

某小白说她按网上的教程，往devCpp里导入的ege不能用，弄了好半天都没弄好，遂向我求救。于是简单了解了下，发现了一些问题，是网上现有教程没有说清楚的，在帮其解决完问题后，顺手写篇博，希望能帮助到其他有此问题的朋友。本文主要面向新手，所以先顺便介绍一下ege到底是什么？EGE（Easy Graphics Engine），是windows下的简易绘图库，是一个类似BGI(g

2017-02-11 15:55:51 13513 2

转载浅谈css的预编译---less语言

浅谈css的预编译---less语言原文地址：http://www.cnblogs.com/koplemei/p/4931189.html?utm_source=tuicool&utm_medium=referral正如各位所知道的一样，css是一门标记性语言，语法相对简单，对使用者的要求也比较低。不过可乐不知道友友们有没有发现，在使用css的时候需要书写大量看似没有逻辑的代码，不方

2017-02-10 09:56:28 1401

原创前端开发者必须知道的http协议相关知识

1.概念 http（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上的Web应用。2.发展 0.9版本（只支持get）——1.0——1.1——2.0（开发中） 0.9版本只能算是试用版，不做介绍。主要讲讲1.0和1

2017-02-09 15:37:17 2449

原创 vueJs实现DOM加载完成之后自动下拉到底部

工作项目是基于vueJs框架的，遇到一个需求：有一组件，在创建时会通过ajax向服务器请求一组数据，以列表形式展示出来，并且自动下拉到底部。实现思路：首先弄清楚vueJs组件的生命周期，如下图。具体细节不做介绍，自行看图或者右转官网查找http://cn.vuejs.org/知道了生命周期，再对应需求，很自然地关注三个时期beforeCreate，mounted，updated

2017-02-08 17:18:14 33409 1

u014445339的博客