忍法阡陌的博客

记一次用户登录的过程1. 环境说明2. 前端代码展示3. 后台代码展示4. 界面截图5. 过程详解6. 小结7. 结束语

typeof Symbol() //“symbol”typeof Number() //“number”typeof String() //“string”typeof Function() //“function”typeof Object() //“object”typeof Boolean() //“boolean”typeof null ...

web Worker 本质是一个线程，在UI主线程之外并发执行的线程，主要解决耗时的JS任务。首先了解浏览器的线程模型是怎样的？程序：计算机可以执行的代码，存在磁盘中 — 这是静止的（比如这是买的一块地皮）；进程：把 程序 调入到内存中，等待被CPU执行 — 这是活动的（这是在地皮上建起来的几个工厂）；线程：是CPU执行 进程 代码的基本单位 — 相当于生产任务(这是在工厂中进行生产的生产...

作用域（scope）通常来说一段程序代码中使用的变量和函数并不总是可用的，限定其可用性的范围即作用域，作用域的使用提高了程序逻辑的局部性，增强程序的可靠性，减少名字冲突。作用域链（scope chain）作用域链决定了哪些数据能被函数访问。当一个函数创建后，它的作用域链会被创建此函数的作用域中可访问的数据对象填充。...

1.nginx中间代理方式2.后端代码过滤

问题如下：new LazyManClass('Tony').sleepFirst(3).eat('orange').sleep(3).eat('apple');用以上调用方式，顺序打印如下结果。这是一个懒人，指定啥才做啥，一个一个来，单线条，哈哈。问题分析：需要实现LazyManClass的实例化方式。方法的调用是链式的。需要实现动作在休眠之后执行。javascript是单线程...

业务场景如下：后端设计了字典表结构如下：属性属性名idIDcode字典代码name字典名type字典类型description字典描述通过字典类型（type）查询后端接口返回的数据结构如下：{ status:true, data:[{ id:2, code:"TOKEN_STATUS_01", name:"OPEN"...

现象：Vue eslint 报错 eval can be harmfulvar jsonObj = eval('('+jsonStr+')');想不明白，为什么搜索到的都是给eval加上函数指针？简单的办法都不用？解决办法：var jsonObj = JSON.parse(jsonStr);...

Bootstrap官方出品：VueBootstrap去官网看看吧在介绍VueBootstrap之前，先做一个对比吧。Element UI 与 VueBootstrap对比：流行程度：国内目前使用人数最多，流传最广的Vue前端框架应该是Element UI了。VueBootstrap从知名度上，还是蹭的Bootstrap流行程度组件丰富度使用难度目前使用人数最多，流传最广的Vue...

Bootstrap官方出品：BootstrapVue去官网看看吧安装与通用典型属性举例可见 BootstrapVue的使用《安装与通用典型属性举例》（快速通道）关于工具样式，官方文档（快速通道）display常用工具样式举例（Bootstrap版本>=v4）关于display，指定元素的渲染出框的类型，官方文档（快速通道），常见的有：指定为行内元素<div class=...

Bootstrap官方出品：BootstrapVue去官网看看吧上一篇：BootstrapVue的使用《关于Bootstrap工具样式-----display相关》关于工具样式，官方文档（快速通道）关于边距，官方文档（快速通道）常用工具样式举例（Bootstrap版本>=v4）margin外边距：第一个子div距离上右外边距均为0.25rem，如下<div class="d...

常见的块级元素(自动换行， 可设置高宽 )有： div,h1-h6,p,pre,ul,ol,li,form,table,label等常见的行内元素（无法自动换行，无法设置宽高）有： a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )有： (button,input，textarea,s......

发送消息： $scope.$emit(name, data) 或者 $scope.$broadcast(name, data);接收消息： $scope.on(name,function(event,data){ });区别： $emit 广播给父controller $broadcast 广播给子controllerbroadcast 是从发送者向他的子scope广播一个事件。$em...

Vue中设置全局的cookie对象封装方法：在global.js中加入：var cookie = { set: function(key, val, time) { //设置cookie方法 var date = new Date(); //获取当前时间 var expiresDays = time; //将date设置为n天以后的时间 date.setTime(date.g...

侵权说明：如文章内容有侵权行为，请联系本人告知，本人会尽快删除修改，避免扩大影响。Bmap说明：Bmap由北京百度网讯科技有限公司提供技术支持为用户提供包括智能路线规划、智能导航（驾车、步行、骑行）、实时路况等出行相关服务的平台。本身并不提供离线功能，因为离线会导致“搜索周边 ”“搜索路线 ”“交通状况 ”等实时性数据要求的功能缺失。Bmap加载原理简图：离线地图...

Vue项目的Bmap目录结构如下：支持Vue该目录的Bmap的api，我取名为bmap.js如下位置下载：main.js中引入api.js：import "../static/BMap/js/bmap.js";使用方式：在.vue页面中的<script></script>内直接：var map = new BMap.Map(mapId);//...

继续我上一篇博客：https://blog.csdn.net/yc199505/article/details/88846596在以npm run dev的形式运行时并不会有问题。最近应客户要求，需要给打包成dist静态访问的形式，但是通过打dist包的时候，由于资源路径变化了，会导致地图的功能资源文件加载异常等问题。问题的根本原因：bmap.js的加载时是以静态资源的形式加载的，...

IndexdDB 是 HTML5 的本地存储，把一些数据存储到浏览器（客户端）中，当与网络断开时，可以从浏览器中读取数据，用来做一些离线应用。Cookie 通过在客户端 ( 浏览器 ) 记录信息确定用户身份，最大为 4 kb 。URL参数用的是 get 方法，从服务器上获取数据，大小不能大于 2 kb 。Session 是服务器端使用的一种记录客户端状态的机制 。post 是向服务器传送数...

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />//强制让文档的宽度与设备的宽度保持1:1，//文档初始化缩放比例是1:1，//不允许用户点击屏幕放大浏览，//允许用户缩放到的最大比例，//尤其要注意的是...

说一说常见的请求头和响应头都有什么呢？1)请求(客户端->服务端[request])GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)Accept: /(客户端能接收的资源类型)Accept-Language: en-us(客户端接收的语言类型)Connection: Keep-Alive(维护客户端和服务...

JavaScript中有五种基本数据类型（也叫做简单数据类型）分别为：undefined、null、bolean、number、string；另外还含有一种复杂的数据类型：object.

由图可知顺序为：事件捕获->事件处理->事件冒泡

CSS Sprites1.简介CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。2.优点（1）CSS Sprites能...

Bootstrap官方出品：BootstrapVue去官网看看吧上一篇：BootstrapVue的使用《关于Bootstrap工具样式-----边距相关》关于工具样式，官方文档（快速通道）