![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 68
_小刀
这个作者很懒,什么都没留下…
展开
-
[前端小白入门] 行内标签与块级标签的区别
首先了解:https://zhuanlan.zhihu.com/p/210846545补充一点:任何元素通过设置css样式:display: block 可以将元素强行改为块级元素,设置display: inline可以改为行内元素我们知道,行内元素不能设置宽高,那我们想要设置宽高,又想要多个元素在同一行展示怎么办呢?这时可以设置 display: inline-block;这样就可以既设置宽高,又能在一行展示多个元素了。...原创 2020-09-14 21:37:14 · 436 阅读 · 0 评论 -
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 · 3164 阅读 · 2 评论 -
JS 操作vue单文件组件
在使用.vue这种单文件组件开发的时候,一般情况是不需要用js来才处理组件的创建、实例化等操作的。然而也有特殊情况需要用的,比如类似element-ui的Message组件,通过一个JS函数就能启动一个弹窗,是不是很high?首先,我们来认识认识.vue文件当我们使用import引入一个.vue文件的时候,引入的到底是什么?其实在经过vue-loader的编译之后,他就是一个componentOp...原创 2018-03-17 22:19:11 · 1484 阅读 · 0 评论 -
最精要解释,助你快速区分和记住encodeURI和encodeURIComponent
1. js中傻傻分不清楚的几个函数encodeURIencodeURIComponentescape以及它们对应的解密函数,为了方便记忆,在此不列举,以免造成混乱。2. 作用这几个函数主要的作用就是加密uri,目的是因为在正常的url(url是uri的一种,在前端主要涉及它,所以以此为例)中,有些字符是不允许的,比如空格,一旦出现这样的不允许字符,浏览器就不能正常识别url原创 2017-09-21 19:26:49 · 797 阅读 · 0 评论 -
获取元素相对于body的位置
很多时候,我们需要实现页面内的跳转,除了使用锚点外,还可能会用doby.scrollTop = el.offsetTop.但有时候,这种方式用起来却有些问题,滚动条滚动的位置往往并不是预想中的目标元素的位置,这是为什么呢?其实是offsetTop的问题,offsetTop的取值是有一个相对元素的,这个相对元素显然不一定是body,所以当使用doby.scrollTop = el.offse原创 2017-07-31 17:59:56 · 7529 阅读 · 0 评论 -
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 · 8416 阅读 · 0 评论 -
CSS开发工具---持续更新
1.SASS,入门文档,大神博客传送:SASS用法指南2.Compass,大神博客传送:Compass用法指南转载 2017-02-22 15:47:13 · 297 阅读 · 0 评论 -
vueJs实现DOM加载完成之后自动下拉到底部
工作项目是基于vueJs框架的,遇到一个需求:有一组件,在创建时会通过ajax向服务器请求一组数据,以列表形式展示出来,并且自动下拉到底部。实现思路:首先弄清楚vueJs组件的生命周期,如下图。具体细节不做介绍,自行看图或者右转官网查找http://cn.vuejs.org/知道了生命周期,再对应需求,很自然地关注三个时期beforeCreate,mounted,updated原创 2017-02-08 17:18:14 · 33454 阅读 · 1 评论 -
前端开发者必须知道的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 · 2508 阅读 · 0 评论 -
浅谈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 · 1410 阅读 · 0 评论 -
【新手入门 最精炼总结】AMD/CMD/CommonJs到底是什么?它们有什么区别?
知道JS有模块化开发的说法,也偶尔听过requireJs,AMD,CMD等等名字,甚至使用node的时候,还用过require之类的方法,但是对这些一直没有一个明确的认识和概念。想必这就是许多新手刚接触这方面知识时的一个普遍状态。其实仅仅做一些基础的活儿的时候,并不需要对它们有太多的了解,知道怎么用就行了,管他是什么理念,是什么实现呢。于是人就懒下来了。终于有一天,下定决心,一定要把这一块原创 2017-02-17 17:20:08 · 9113 阅读 · 2 评论 -
浏览器js资源加载的分析报告
浏览器是如何加载资源的?网上有很多笼统的说法,css、图片并发加载,js同步加载。然而当我们碰到实际问题,尤其是在做性能优化的相关分析时,仅仅了解这点是不够的,我们需要更细粒度的时间点。1.传统js首先,我们做一个小实验。 alert('waiting'); 1 2 3 4原创 2017-03-18 10:45:08 · 1594 阅读 · 0 评论 -
前端常用的正则表达式及正则对象常用方法
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 · 3386 阅读 · 0 评论 -
webpack下实现动态引入文件
使用vue-router时,我们必须维护一个route数组。而有时候,尤其是做管理系统那样的项目时,往往还需要维护一个目录的数组,此时我们就想,可不可以只维护一个目录,然后根据目录自动生成route数组呢?笔者就遇到了这个需求,一开始觉得这应该是很简单的事吧,毕竟js解析一个对象或者一个数组还是很容易的事。然而当我不以为意去实现的时候,遇到了问题。首先上我实现的demo// dir原创 2017-05-25 15:44:24 · 10979 阅读 · 1 评论 -
原生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 · 560 阅读 · 0 评论 -
前后端分离后,后端师傅们应该知道的一些基本前端知识
写下此文,是因为本人作为前端小白,经常遇到同样小白的后端,常常不得不三番五次科普一些前端的基础知识,特此做些总结,也方便有下次的话,直接拿出来给对方看。1. 什么是ajax 对于网络请求分类的维度有很多种,有一种就是这个请求发送出去是否需要刷新页面。比如form表单,比如直接从浏览器地址栏输入地址请求,这样的请求都是伴随着页面刷新的。而ajax,全称异步js和xml,原创 2017-07-04 11:36:31 · 11708 阅读 · 1 评论