dengdongxia的博客

原创 以图会友——图解DNS查询

原创 简单来一场js 面向对象编程的谈话—— js 继承方式

前言  在面向对象的思考方式的课程中，有提到，“万物皆是对象”⾯向对象是⼀种思考⽅式，是对现实世界的⼀种解释，就像⼒学三⼤定律。函数式编程也是⼀种思考⽅式，就像计算机的逻辑基础与或⾮，没有任何⽅式可以完全描述整个世界，没有万能理论。⾯向对象三⼤特性：封装：封装属性和⾏为、降低耦合、隐藏内部细节继承：利⽤不同层级的抽象概念，复⽤同类的属性和⾏为多态：同类⾏为的不同表现，⾏为⼀致，内部实现不⼀致  对于面向对象编程(OOP)，其实它就是用抽象方式创建的基于现实世界模型的一种编程模式。在今天，由

原创 小程序request 支持content-type为form-data 的两种使用方式

前言最近做了一个小程序上传文件的需求，在这个需求中，需要联调的接口要求请求头的content-type值需要设置为application/form-data，然而小程序提供的wx.request到目前为止（2020.05.14）暂不支持该设置，也许使用者会说能设置，但是发送请求时依旧会存在问题。。。因此，就需要去寻找各种解决方法，最终找到了两种处理方式，整理如下；当然，不排除还有其他实现思路。方式一其实小程序是有单独为上传文件做了一个定制的api去支持 application/form-data

原创 pc网页端调起客户端应用的那些事--electron

Date: 2020.04.11前言 在当下大前端的趋势之下，我还是跟随大流跳入了electron 开发的坑。不过这个也让我不再局限于网页业务的开发，并对大前端所代表的的内容有了新的认识。如果是在去年听到大前端这个词，我也只是只知其名不懂其义。 为了开发客户端的新业务，这三个月我接触了很多新知识，从基本的业务开发，electron 的构建配置和打包，针对 mac 应用的签名，公证和盖章,...

原创 前端构建踩坑 --- babel-loader 对已编译的脚本进行再编译从而导致文件执行出错

前言本人博客原地址：前端构建踩坑 — babel-loader 对已编译的脚本进行再编译从而导致文件执行出错问题描述： babel-loader 对已编译的脚本进行再编译从而导致文件执行出错。  因为打算开发一个小组件库，但是要对已经编译完成的组件库的脚本进行一遍完整的测试。所以，本人就很自然的启动一个项目，引入已经编译好的组件库脚本，想着大展伸手，结果。。。  遇到了一大堆脑瓜子疼...

原创 关于跨域与 csrf 的那些事

前言  在这段时间，部门前辈分享了不少干货。我学到了不少内容，并对其进行简单整理，以便更好地转化为自己的知识。知识探讨部分关于跨域产生协议，域名，端口三者其中存在不同都会形成跨域；故，当协议，端口，域名三者均相同时，浏览器就会认为是同源，允许加载该资源，否则为不同源。跨域存在原因：浏览器的同源限制策略请求：客户端（www.a.com） -》 服务端(www.baidu.com)...

原创 crontab 定时任务 | cron 表达式 --- 20190826

前言  因开发需要，所以研究了一番cron表达式，并将内容整理如下：cron 是什么？  首先在了解 cron 表达式之前，先谈谈 crontab 定时任务；日常在开发或运维中，经常遇到一些周期性执行的任务或需求，比如说，每个一段时间执行一个脚本，每周一执行一个命令或操作。而 linux 已经给我们提供了一个便捷的方式-- crontab 定时任务；crontab 就是一个自定义定时器，我们...

原创 vue-router踩坑之NavigationDuplicated error --- 20190821

前言  因业务需求重新开发了一个项目，但是在使用vue-router，偶然发现vue-router会报下面这个错误。后来网上查询，给出了很多解决方案，很多都说直接删除node_modules，重新安装依赖就好。同时也有很多网友说这个方案无效。其实会出现这种错误的情况，是因为[Bug Report] 升级vue-router至3.1以后版本，导航组件重复点击报错 NavigationDupl...

原创 vue-cli 3学习之vue-cli-service插件开发（注册自定义命令）

前言提到 vue-cli，官方文档对其的介绍如下：A simple CLI for scaffolding Vue.js projects. 一个简单的Vue.js工程命令行脚手架工具。说白了，vue-cli 其实就是一个基于webpack构建，可以让用户快速初始化一个项目的工具。基本原理: vue-cli并非从无到有地凭空生成一个项目，而是通过下载/拉取(通过download-git...

原创 vue-cli 3 知识点整理

关于指南笔记简单整理如下：一、介绍二、安装1、前提：（1）node 版本要求：8.9或更高版本（2）如若已安装旧版本vue-cli ，则将其卸载，重新安装@vue-cli2、安装命令：// 局部安装npm i @vue/cli 或 yarn add @vue/cli//全局安装npm i -g @vue/cli 或 yarn add -g @vue/cli3、...

原创 mongodb 问题 failed to connect to server [127.0.0.1:27017] on first connect

UnhandledPromiseRejectionWarning: MongoNetworkError: failed to connect to server [127.0.0.1:27017] on first connect [MongoNetworkError: connect ECONNREFUSED 127.0.0.1:27017]错误可考虑以下两种原因1、没有安装 mong...

原创 Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option

Error: The ‘decorators’ plugin requires a ‘decoratorsBeforeExport’ option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you shou...

原创 再谈get和post

一、新概念：1、 副作用: 指是否对服务器上的资源进行改变，如搜索是无副作用的（没有修改到资源），注册是有副作用的（在服务器增加一条注册信息）2、幂等性：指一次和多次请求某一个资源应该具有相同的副作用故可知：二、get和post的区别get请求和post请求本质上都是tcp连接，被并无差别，但是由于http 的规定和浏览器的限制，导致它们在应用过程中体现出一些不同1、在规范...

原创 js 事件流和事件处理程序（DOM 标准事件模型）

一、基本概念1. 事件：文档或浏览器窗口中发生特定交互瞬间2. 事件流：描述从浏览器中接收事件的顺序IE的事件流：事件冒泡流 Netscape Communicator的事件流：事件捕获流3. 事件冒泡：从触发事件的最具体元素开始，逐级向上传播到document对象注：不是所有事件都支持冒泡事件；比如：鼠标事件（mouserleave, mouseenter等），焦点事件（bl...

原创 js 内置对象之数组Array

2018/08/29前言：前天刚做完一个公司的校招笔试题，其中有考到数组的基础方法，故今天在此对其做一番总结，从而温故而知新。一、数组的创建方式1、通过‘[ ]’（1）var arr1 = []; //创建空数组（2）var arr2 = [1, 2, 3]; //直接创建一个包含三个元素分别为1, 2, 3的数组2、通过new Array()（1）var arr3...

原创 css实现垂直居中的几种方式（布局常用）

前提：html模板：<div class="parent"><div class="content">内容垂直居中</div></div>声明：以下示例，主要实现垂直居中的样式代码为加粗的部分一、对单行元素进行垂直居中时1、可设置该行内元素的父元素的height与line-heigth的值相等，让行内元素垂直居中2、针...

原创 左右布局，左边定宽且右边自适应（项目中常用到）

前提：html结构如下：<div class="parent"><div class="left">我是左边</div><div class="right">我是右边</div></div>方法一：使用float配合overflow:hidden

原创 css实现水平居中的几种方式

本人博文原地址：css实现水平居中的几种方式一、对于行内元素：text-align:center;二、对于确定宽度的块级元素：（1）margin和width实现水平居中常用(前提：已设置width值)：margin-left:auto; margin-right:auto;（2）绝对定位和margin-left: -(宽度值/2)实现水平居中固定宽度块级元...

原创 腾讯前端面经2018.04.12

腾讯春招面试题，因为本人学得比较浅，所以面试官问得也比较浅。。。。凉了，记得多少写多少 1、没有自我介绍，直接上来就问最近学了什么？然后就着回答的问题进行提问 2、因为我说了最近在学vue，所以面试官让实现双向数据绑定的底层原理（看来得好好啃源码） 3、使用js实现一个通过闭包来返回连续递增的值（在外部调用） 4、项目里写了ajax，所以让利用原生js实现ajax（手撕代码） 5、利用j...

原创 菜鸟小白使用node.js搭建简单服务器（可请求图片,html,js,css,json等文件）

使用node.js搭建简单服务器前言：以下步骤在安装好node的环境前提下进行，未安装者请先安装好node，再尝试 注：如若以下代码存在错误，欢迎读者指出 搭建步骤如下：一、创建server.js(主要用于搭建服务器的文件)const http = require('http');const fs = require('fs');const path = require('...

原创 js继承的方式及其优缺点

js继承方法前因：ECMAScript不支持接口继承，只支持实现继承一、原型链概念：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针，让这个原型对象（子的原型）等于要继承的引用类型（父）的实例，由于引用类型（父）的实例包含一个指向（父）原型对象的内部指针，以此类推，层层递进，便构成实例与原型的链条，即原型链。基本思想：利用原型让（子）引用类...

原创 webpack使用教程

一、webpack的概念webpack是一个前端工具，可以让各个模块进行加载、预处理，再进行打包，它有gulp和grunt的大部分基本功能，它的最大区别就是提供了模块化解决方案，可以把各种资源作为模块来使用和处理。二、安装与相关配置（包括打包文件）注：以下命令在安装node.js后，在其命令行工具中输入命令步骤如下：1、在要用的webpack的文件夹下初始化npm命令：npm init命令执行完后...

原创 客户端数据存储cookie、localStoeage、sessionStorage（小记）

一、数据存储分为客户端存储和服务端存储1、而对于客户端存储，在html5以前只能通过cookie来实现；html 5以后增加了web存储（实际保存本地）的功能，（1）对于web存储有两个标准：a、File API 标准: 支持该标准的浏览器能够计算机硬盘的其他文件中读取数据b、IndexDB 标准: 支持该标准的浏览器内含有一个完整的，微型的数据库引擎（2）分类：a、本地存储（localStora...

原创 01背包问题优化与java代码的详解（动态规划）

由于算法讲解文字较多，直接摘图，撰写本文的目的在于写出我对代码的详细解读。如有错误，请大家指出。注：前面问题描述以及算法分析摘取其他优秀网站，后面附有详细的代码讲解，以及图片讲解 代码运行分析如下：★代码实现(java)： //0-1背包问题（跳跃点） /*p用于保存所有可能的最优值 * 设题目为w={2,2,6,5,4};v={6,3,5,4,6

转载 前端知识点，面试必备

前端专业技能储备一个合格的前端开发需要那些知识储备？JavaScript 相关 原型链与作用域闭包模块化（amd/cmd/umd/ES6 module）跨域多种方式，如 jsonpJavaScript 中的 this 指向问题CORSAJAX 的几种状态，ajax与fetch，hijaxiframe 与 onload 阻塞主页面前端安全与 CSRF，XSS，SQL注入，DDOS