蒙奇·D·伊丽莎白-CSDN博客

原创 react native android 调试时图片没有显示出来

解决：执行以下命令：yarn react-native bundle --platform android --dev false --entry-file index.js \ --bundle-output android/app/src/main/assets/index.android.bundle \ --assets-dest android/app/src/main/res/

2020-08-20 15:43:59 928

原创 vue数据更新检查

数组更新检测Vue 将被侦听的数组的变异方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：push() pop() shift() unshift() splice() sort() reverse()由于 JavaScript 的限制，Vue 不能检测以下数组的变动：当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = ...

2020-08-20 15:30:33 455

原创 vue监控错误

1.Loading chunk... failedmain.js文件添加router.onError(err => { const pattern = /Loading [CSS ]{0,1}chunk (.*) failed\./ const isChunkLoadingFailed = pattern.test(err.message) if (isChunkLo...

2019-12-18 15:26:49 1557

原创 vue项目，解决ie缓存问题

1.亲测没有用：//axios.defaults.headers.common['Cache-Control']='no-cache'//头部添加不使用缓存，避免IE存在在当前页面没刷新的情况下再次请求接口直接拿缓存2.解决：const baseRequest = (config) => { config.headers = { Pragm...

2019-12-05 17:42:15 1219

原创 vue项目，ie11支持ES6新特性，如proxy。

1.ES6支持安装 babel-polyfillyarn addbabel-polyfillmain.js文件引入import'babel-polyfill'2.针对Proxy对象https://github.com/GoogleChrome/proxy-polyfillindex.html文件引入：https://cdn.jsdelivr.net/n...

2019-12-05 17:04:14 3473

原创 NavigationDuplicated error

vue 路由重复点击报错：NavigationDuplicated error解决：import Router from 'vue-router'const originalPush = Router.prototype.pushRouter.prototype.push = function push (location, onResolve, onReject) { r...

2019-12-05 11:33:21 528

原创 Div垂直居中

Div垂直居中 Flex 布局不考虑兼容老式浏览器的话，用Flex布局简单直观一劳永逸：parentElement{ display:flex;/*Flex布局*/ display:-webkit-flex;/*Safari*/justify-content:center;/*要加上*//*水平居中 IE11*/ align-items:...

2019-05-27 22:51:37 171

原创最简单代码实现promise

Promise是一个对象，保存着未来将要结束的事件，它有两个特征:1、对象的状态不受外部影响，Promise对象代表一个异步操作，有三种状态，pending进行中，fulfilled已成功，rejected已失败，只有异步操作的结果，才可以决定当前是哪一种状态，任何其他操作都无法改变这个状态，这也就是promise名字的由来2、一旦状态改变，就不会再变，promise对象状态改变只有两种可...

2019-05-27 22:26:27 556

原创 vue代理

根目录：新建vue.config.jsmodule.exports = { // 修改的配置 devServer: { proxy: { "/api": { "target": "http://localhost:10005", changeOrigin: true,...

2019-05-27 17:04:21 350

原创跨域

跨域问题如何解决什么是跨域同源策略：所谓同源策略，它是浏览器的一种最核心最基本的安全策略。它对来至不同源的文档或这脚本对当前文档的读写操作做了限制。同协议、ip、端口的脚本才会执行。只要协议、域名、端口有任何一个不同，都被当作是不同的域.js跨域是指通过js在不同的域之间进行数据传输或通信. 为什么限制跨域为什么要有这个策略，想必你已...

2019-05-08 19:23:03 185

原创 setTimeout面试题

一.考察闭包// 输出全为10for(var i=0;i<10;i++){setTimeout(function(){console.log(i);},50);}答1：使用闭包for(var i=0;i<10;i++){(function(i){setTimeout(function(){...

2019-05-08 01:51:08 1017

原创 ionic 扫描二维码/条形码功能

一、安装插件@ionic-native/qr-scanne二、pagescan.tsimport { Component } from '@angular/core';import { IonicPage, NavController, NavParams} from 'ionic-angular';import { QRScanner, QRScannerStatus } fr...

2019-05-07 19:28:35 2618 1

原创 This-创建作用域安全的构造函数

This(10分)1. 例：function Person (name , age, job) { this.name = name; this.age = age; this.job = job; }使用new 调用var person = new Person('lsq',18, 'SE');this指向？答：person...

2019-03-28 17:37:15 148

原创类型判断

1、类型判断有哪些方法，各有什么局限性（至少3个）答：typeof: 局限性不能判断是否为数组 instanceofinstanceof 是用来判断 A 是否为 B 的实例，表达式为：A instanceof Binstanceof 只能用来判断两个对象是否属于实例关系，而不能判断一个对象实例具体属于哪种类型.instanceof 操作符的问题在于，它假定只有一个全局执行...

2019-03-28 17:36:25 503

原创对象的拷贝

1、举例实现对象拷贝的方法（至少2个）例：var obj = { 'name' : 'zhangsan', 'age' : '18', 'language' : [1,[2,3],[4,5]],};答：（1）赋值得到的对象（对象的引用相同，错误答案）var obj1 = obj; （2）通过浅拷贝得到的对象（对象的引用不同）...

2019-03-28 17:35:25 115

原创防篡改对象

防篡改对象的实现方式有哪些？以及它们的安全级别答：不可扩展对象Object.preventExtensions()，这样就不能向对象中新添加属性和方法了。不可扩展量一级保护措施。判断：Object.isExtensible()方法使用这个方法可以确定对象是否为可篡改，如果可篡改，则返回true，相反返回false。密封的对象Object.seal()对象的...

2019-03-28 17:34:19 286

原创函数柯里化

一、简单题目add (a,b)改写add(a)(b)// 普通的add函数function add(x, y) { return x + y}add(1,2);carray之后：//carryfunction add (x) { return function(y) { return x + y; }}add(...

2019-03-28 17:33:23 898

原创数组的拷贝

数组的拷贝（至少3种不同的方式实现）答：（1）slicelet arr = [2,4,434,43]let arr1= arr.slice()（2）遍历Array.prototype.clone = function(){ let a=[]; for(let i=0,l=this.length;i<l;i++) {...

2019-03-28 17:32:11 133

原创 CSS3 动画

CSS3 动画当在@keyframes创建动画，把它绑定到一个选择器，否则动画不会有任何效果。指定至少这两个CSS3的动画属性绑定向一个选择器：规定动画的名称规定动画的时长简单例子：@keyframes myfirst{ from {background: red;} to {background: yellow;}}@-web...

2019-03-28 17:30:41 176

原创 HTML5 data-* 自定义属性

data-* 自定义属性例：<div id =”test” >Click here</div>设置方式:为div添加一个data-name的自定义属性答：通过dataset进行操作var test = document.getElemById(‘test’);test.dataset.name = ‘myname’;通过set...

2019-03-28 17:29:17 805

原创 ES6 新增运算符

一、函数绑定”运算符（::）“函数绑定”（function bind）运算符，用来取代call、apply、bind调用函数绑定运算符是并排的两个冒号（::），双冒号左边是一个对象，右边是一个函数。该运算符会自动将左边的对象，作为上下文环境（即this对象），绑定到右边的函数上面。如果双冒号左边为空，右边是一个对象的方法，则等于将该方法绑定在该对象上面。二、数组扩展运...

2019-03-28 17:07:13 4036 1

原创构建通用的angular项目

源代码参考https://github.com/xif3681/angular-seed先决条件在开始之前，请确保你的开发环境已经包含了Node.js®和 npm 包管理器。Node.jsAngular 需要Node.js的 8.x 或 10.x 版本。要想检查你的版本，请在终端/控制台窗口中运行node -v命令。要想安装Node.js，请访问node...

2019-03-28 16:23:07 443

原创 XXX项目web技术总结

目录1 软件安装... 31.1 git 31.2 node. 31.3 VSCode. 32 angular开发版本... 33 项目目录结构... 34 使用css预处理：sass. 44.1 配置sass 45 ...

2018-12-21 10:49:41 911

原创压力测试工具

目录1 性能测试... 22 压力测试（Stress Test）... 22.1 网站测试... 22.2 系统测试要求... 33 测试工具... 33.1 Webbench. 43.1.1 Ubuntu 下载安装... 53.1.2 ...

2018-12-20 16:06:28 14576

原创 angular前端性能优化

一、启动时间优化打包文件main. bundle .js是把所有模块自己编写的js都打包到一块；vendor.bundle.js包含了angular的公共库。优化： vendor.bundle.js使用打包命令ng build --prod --aot 代替 ng build--prod 代表生产环境编译，带有代码混淆与压缩功能。--aot 代表预编译，会显著...

2018-11-28 15:51:01 1763

原创 angular 模块懒加载与预加载策略

一、模块懒加载 1、RouterModule.forRoot() 和 RouterModule.forChild()RouterModule对象为提供了两个静态的方法:forRoot()和forChild()来配置路由信息。RouterModule.forRoot()方法用于在主模块中定义主要的路由信息，RouterModule.forChild()与 Router.forRoo...

2018-11-28 15:20:52 5172

原创 forEach()和map()的区别

一、相同点：都是循环遍历数组中的每一项 forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项）、index（索引值）、arr（原数组）匿名函数中的this都是指向window 只能遍历数组array.map(function(item,index,arr){},this)Array.forEach(function(item,index...

2018-11-09 09:55:03 29177

转载 MQTT C Client实现消息推送（入门指南）

一、MQTT二、MQTT C Client实战了解更多可以阅读《MQTT C Client for Posix and Windows》一文，下面根据官网资料，摘录了几个C语言实现MQTT的小DEMO。MQTT使用起来也十分容易，基本上就那四五个函数：MQTTClient_create（创建客户端）、MQTTClient_connect（连接服务端）、MQTTClient_publ...

2018-11-08 10:12:07 6134

转载 RabbitMQ入门-Topic模式

模型组成相较前几种没有什么变化，一个生产者P，一个交换机X，多个消息队列Q以及多个消费者C在Exchange派发消息到消息队列Queue所用的规则不同，我们看到了有符号”*”以及”#”，可以认为是通配符IOT平台： https://help.aliyun.com/document_detail/69893.html?spm=5176.cniot.0.0.20d31ba6JCw...

2018-11-08 09:10:45 1846

原创 JavaScript预编译

一、JavaScript运行三部曲1,：语法分析2：预编译3：解释执行语法分析，就是引擎检查你的代码有没有什么低级的语法错误；解释执行便是执行代码了；预编译简单理解就是在内存中开辟一些空间，存放一些变量与函数二、JavaScript引擎运行过程在浏览器环境中，JavaScript引擎按<script>标签代码块从上到下的顺序加载并立即解释执行1....

2018-11-06 10:42:24 197

原创 ubuntu-环境部署

一.安装nginx Ubuntu/CentOS 系统上安装与配置Nginx1、在线安装：　　Ubuntu：sudo apt-get install nginx　　CentOS:　sudo yum install nginx2、安装后的位置：https://www.linuxidc.com/Linux/2016-11/137039.htm　　1）、服务地址：/etc/...

2018-11-05 18:12:21 227

原创 MongoDB安装-windows

一、安装地址：https://www.mongodb.com/download-center?jmp=nav#atlashttps://www.runoob.com/mongodb/mongodb-window-install.html二、创建数据目录MongoDB将数据目录存储在 db 目录下。但是这个数据目录不会主动创建，我们在安装完成后需要创建它。请注意，数据目...

2018-11-05 17:26:11 185

原创 node + express + mongodb+ mongoose服务器搭建

一、安装node下载地址：https://nodejs.org/en/download/ 二、使用express搭建Web环境express是一个开源的node.js项目框架，初学者使用express可以快速的搭建一个Web项目，express中已经集成了Web的http服务器创建、请求和文件管理以及Session的处理等功能，所以express是非常适合初学者的入门学习。1....

2018-11-05 17:14:53 591

一、运行环境JavaScript是伴随着浏览器的诞生而诞生，所以JavaScript的执行最多还是在浏览器环境之内。但是JavaScript作为服务端脚本的概念在诞生之初就有，1995年网景公司就提出了服务端JavaScript的概念，并研发了 Netscape Enterprise Server；1996年微软发布的JScript也可以运行在服务端。随着技术的发展各种JavaScript引擎...

2018-11-05 12:43:24 559

转载 JavaScript运行机制

一、单线程JS是单线程，为了不阻塞线程，JS通过事件循环的方案解决耗时任务。二、任务队列（同步/异步）1.任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queu...

2018-11-05 11:23:06 149

转载 JavaScript的执行环境

一、执行环境(Execution Context)JS代码可以归为下面三种情况之一：全局代码：首先执行这里的代码函数代码 Eval代码：eval()函数中的文本二、执行环境栈(Execution Context Stack)JS引擎默认进入全局执行环境执行全局代码，如果在全局代码中调用了一个函数，就会创建一个新的执行环境，并添加到栈的顶部，JS引擎始终执行栈顶部的执行环...

2018-11-05 10:32:17 224

原创 JavaScript求两个数组的交集，差集

// 交并补comparison(a, b) {const a_arr: any[] = [];const b_arr: any[] = [];const a_surplus: any[] = [];const b_surplus: any[] = [];let i = 0;if (b.length === 0) {while (i < a.length) ...

2018-10-25 11:58:44 983

原创 ionic 开发环境与打包环境配置

开发环境设置代理，打包环境设置为全路径。一、增加配置文件目录如下：config.dev.tsexport const ENV = { api: '/api', security: '/security',};config.prod.tsexport const ENV = { api: 'http://172.18.1.133:10002...

2018-10-19 10:32:20 1578

原创 rxjx@^5.0.0版本与rxjx@^6之比较

一、RxJS 库创建可观察对象的函数Observable creation functionsRxJS 提供了一些用来创建可观察对象的函数。这些函数可以简化根据某些东西创建可观察对象的过程，比如事件、定时器、承诺等等。比如：操作符Operators操作符是基于可观察对象构建的一些对集合进行复杂操作的函数。RxJS 定义了一些操作符，比如 map()、filter()、con...

2018-10-11 10:46:27 429

原创 jwt

一、java jwt https://github.com/jwtk/jjwthttps://jwt.io/introduction/ https://auth0.com/docs/jwthttps://www.cnblogs.com/vhyc/p/7953779.html https://www.cnblogs.com/yueguanguanyun/p/905...

2018-10-09 11:10:03 165

空空如也

空空如也