菜菜鸟的博客

上代代码蓝牙类import { storage, keys} from '../utils/js/storage.js'import store from '../store/index.js'export default class ble { constructor() { let that = this; // 用户绑定了的设备 this.userBind = []; // 蓝牙开启状态 this.startFlag = false // 蓝牙是否开启适配器

原因小程序刚进入，未授权摄像头，camer已经渲染完毕，手动授权摄像头，camer也不会再次渲染解决办法动态渲染camer，动态修改authCamera的值即可 <block wx:if="{{authCamera}}"> <camera binderror="handleCameraError" bindinitdone='bindinitdone' bindstop='bindstop' device-position="{{devicePosition}}" flas

一：二进制文件转化 downllodFile(fileObj) { downFiles(fileObj.id).then(data=>{ const url = window.URL.createObjectURL(new Blob([data], {type:'application/octet-stream'})) // 二进制文件转化 const link = document.createElement('a') link.style.

有坐标系的图grid: { x: 0, //距离左边 x2: 0, //距离右边 y:0, //距离上边 y2:0,//距离下边 left:0, right:0, top:0, bottom:0 },无坐标系的图以仪表盘为例{ center: ['50%', '54%'], // 图标中心点 radius: '100%', // 大小100%

请求超时原因网络不稳定/网络慢导致请求发送不出去请求已发送，服务器响应速度太慢（请求时间超过xhr，ajax，asiox设置的请求超时时间）浏览器发送了多个请求，达到了浏览器允许的的最大并发请求数，后面的请求将被挂起，等待前面请求结束，于是等着等着就超时了（请求时间超过xhr，ajax，asiox设置的请求超时时间）注:我碰到的就是第三点，请求了一个商品列表，里面的图片都是几m大小，导致浏览器一直在请求图片了，我只能叫后端去压缩图片了，无奈...

用法通常用来深拷贝对象（只能拷贝对象属性是基本数据类型的，属性本身也是个对象或数组的，拷贝的是对象的指针），类似于Object.assign方法不足当需要拷贝整个对象是，他就不适用了，的用JSON。就得使用如下的方法：let obj = JSON.parse(JSON.stringify(obj))...

官方文档必须大于5的奇数

工具地址https://www.u.tools/作用可以各类工具包（甚至可以传把本地接口代理到外网）

let pages = getCurrentPages() // 获取栈实例let page = pages[pages.length - 1] // 获取当前页面的数据，包含页面路由let prevPage = pages[pages.length - 2] // 获取上个页面的数据，包含页面路由

manifest.json配置即可 "h5": { "devServer": { "port": 85, "disableHostCheck": true, "proxy": { "/dev-api": { "target": "http://XXX", "ch

1. 打开错误日志网址2. ctrl+f 全网页搜索error找到错误信息那一条，我这里是appicon集为空，就是没有配置app图标

原因vue是单页面应用，history模式路由是通过history.pushState API 实现的，页面刷新时，浏览器是根据请求路径去找对应资源，history模式下得地址自然是找不到对应资源得解决nginx配置代理时，配置一下try_files就行...

格式# 开发环境配置ENV = 'development'# 管理系统/开发环境VUE_APP_BASE_API = '/dev-api'# 图片基础路径VUE_APP_BASE_IMG = '/dev-api'注意:路径变量必须得用VUE_APP开头

工具类noDbClick.jsexport default {}.install = (Vue, options = {}) => { Vue.directive('preventReClick', { inserted(el, binding) { el.addEventListener('click', e => { if (!el.disabled) { el.disabled = true

json转化方法适合情况： JSON对象的深度克隆。方法是先JSON.stringify() 转为json字符串， 再JSON.parse() 转为json数组缺点：  a. 如果你的对象里有函数, 函数无法被拷贝下来  b. 无法拷贝copyObj对象原型链上的属性和方法var obj = { x: 1, y: { a: 1, b: 0, c: [1, 2, 3] }};// 相同的引用var obj2

注册svg-icon组件，并引入svgimport Vue from 'vue'import SvgIcon from '@/components/SvgIcon'// svg component// register globallyVue.component('svg-icon', SvgIcon)const req = require.context('./svg', false, /\.svg$/)const requireAll = requireContext => req

工具类 drag.jsimport Vue from 'vue'// 使用Vue.directive()定义一个全局指令// 1.参数一：指令的名称，定义时指令前面不需要写v-// 2.参数二：是一个对象，该对象中有相关的操作函数// 3.在调用的时候必须写v-const drag = Vue.directive('drag', { // 1.指令绑定到元素上回立刻执行bind函数，只执行一次 // 2.每个函数中第一个参数永远是el，表示绑定指令的元素，el参数是原生js对象 //

1. window.location.hrefwindow.location.href = 'https://*****';2. window.locationwindow.location='https://*****';3. iframefunction(url){ try { var elemIF = document.createElement("iframe"); elemIF.src = url; elemIF.s

scope.$index ：获取当前行的下标scope.row：获取当前行的对象

原因html2canvas只能给屏幕可视范围之内的元素生成图片办法滚动节点，使要生成图片的元素进入可视区（笨办法，不推荐）克隆节点并添加到body，使用克隆节点生成图片 downloadForJS() { // 使用html2canvas 转换html为canvas // 获取节点高度，后面为克隆节点设置高度。 var height = document.querySelector('#canvs').offsetHeight // 克隆节

设置grid属性的left之和bottom值即可

疑问解答相信不少小伙伴是这样写得:on-success="handleBannerSuccess(index, $event)"但是发现触发不了放，这是为啥呢，原因：element上传组件是绑定属性来重写属性对象（函数）实现钩子的，不是像直接用@on-success这样的方式触发函数实现的解决办法自己在element重写钩子之后再处理一下:on-change="(res, file)=> { return uploadAPPStartImg1(res, file, '自定义参数')}"

自己写export const urlTobase64 = (url) => { return new Promise((resolve, reject) => { //#ifdef H5 uni.request({ url: url, method: 'GET', responseType: 'arraybuffer', success: res => { let base64 = wx.arrayBufferToBase64(

1. 打开编辑器>文件>首选项>用户代码片段>输入要创建的代码类型>会生成一个json文件2. 按语法编写prefix :代码片段名字，即输入此名字就可以调用代码片段。body :这个是代码段的主体.需要编写的代码放在这里,　　　　　 $1 :生成代码后光标的初始位置.$2 :生成代码后光标的第二个位置,按tab键可进行快速切换,还可以有$3,$4,$5.....${1,字符} :生成代码后光标的初

1. 下载依赖yarn add @babel/plugin-proposal-decorators//如果是npm 不推荐使用会导致旧包的丢失// npm install --save-dev @babel/plugin-proposal-decorators2. 配置文件babel.config.js中配置插件module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: [

原因你本地gradle配置了下载代理，并且该代理不可用解决办法找到你c盘下的gradle.properties文件注释掉代理配置即可

原因compile会被在2018年底取消，会被imlementation替代，所以会报这个警告，解决警告的方式就是换成imlementation就好了解决办法将compile全部换成implementation即可

在android/app/build.gradle中需要添加以下内容dependencies { // If your app supports Android versions before Ice Cream Sandwich (API level 14) compile 'com.facebook.fresco:animated-base-support:0.11.0' // For animated GIF support compile 'com.facebook.fresco

错误信息Starting the app (/home/xxx/soft/sdk//platform-tools/adb shell am start -n xxx/.MainActivity)…Starting: Intent { cmp=xxx/.MainActivity }Error type 3Error: Activity class {xxx/xxx.MainActivity} does not exist.尽管该应用可以安装到你的安卓设备, 不影响使用，但是看着好碍眼。本着不能规避

原因环境变量没配置adb.exe文件得路径，系统找不到改程序解决办法android 2.2以后，adb.exe是放在SDK的platform-tools目录下面的，复制当前目录，填入环境变量中然后完美解决

- svg<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; char

前言Laya2.0 IDE采用挂载组件脚本与场景管理的方式进行开发，在IDE中编辑场景和页面组件，通过添加脚本的方式，使项目开发更利于程序、美术、策划的协同工作，并对初次接触Laya的开发者更易于上手且开发方式更加友好。挂脚本的原则脚本要控制哪个节点，就挂在哪个节点上。如果是全局的管理类，一般都会挂到根节点上。 Laya.Script 脚本类用于创建脚本的父类，该类为抽象类，不允许实例。脚本组件继承自Laya.Script结构描述ClassLaya.ScriptE

步骤1.0 下载夜深模拟器，并开启2.0连接模拟器与adriod studio打开到夜神安装目录（如cd D:\Program Files\NOX\Nox\bin）执行命令：nox_adb.exe connect 127.0.0.1:62001，连接模拟器，若Android Studio连接不上夜神，重启模拟器即可注意：如果重启也没用，请查看夜深模拟器下的nox_adb版本和你环境变量里配置的adb版本是否一样，不一样则版你系统变量里配置的adb.exe复制到你的夜神安装目录（如cd D

rem 是相对于 html 元素的 font-size 的一个单位。如果 html 上定义了 font-size: 20px;，则无论在任何地方都是 1rem = 20px 这个大小不会受到父元素的影响。我们统一使用rem对页面进行整体缩放。强烈建议大家对需要适应页面大小的任何元素都使用 rem 为单位来定义。我们在 iphone6 上使用 1rem = 20px 来换算。小于 375px 的设备上不做缩小处理，对 大于 375px 宽度的设备进行等比缩放。...

sockjs-node介绍sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-client（https://github.com/sockjs/sockjs-client）开发时，如果变更网络环境（如切换wifi导致开发服务器的IP地址更换），服务器不知道如何确定访

1. 嵌套ListView子级ListWiew需要如下设置，比秒出现问题ListView( children: <Widget>[ ListView( shrinkWrap: true, //为true可以解决子控件必须设置高度的问题 physics:NeverScrollableScrollPhysics(),//禁用滑动事件 ), ], )2. List

Flutter盒子这是Flutter官网关于flutter 盒子约束的一段话。在Flutter中，widget由其底层的RenderBox对象渲染。 渲染框由它们的父级给出约束，并且在这些约束下调整自身大小。约束由最小宽高、最大宽高组成（这里是我个人看法，Flutter中文网翻译是，约束由最小宽度、最大宽度和高度组成 ）; 尺寸由特定的宽度和高度组成。按照宽高约束条件来划分，flutter 盒子有三类：无限制边界（在某一个方向，比如纵向滚动那么宽度就是受限制的而高度无边界，并不是宽高都任意大），例如

官方代码提示：inal divided = ListTile.divideTiles(context: context, tiles: tiles); return new Scaffold( appBar: new AppBar( title: new Text("收藏"), centerTitle: true, ), body: new ListView( children: di

原因pagehelper依赖包一定要配置对注：我之前下错了包，导致一直不能分页要配置pagehelper配置信息注：配置方式很多，如：在application.yml中配置，在启动类里配置都行我这里给出我认为比较简单的配置类package com.example.demo.config;import com.github.pagehelper.PageHelper;import org.springframework.context.annotation.Bean;import

直接上代码： Container( foregroundDecoration: BoxDecoration( backgroundBlendMode: BlendMode.srcIn, gradient: LinearGradient( begin: Alignment.centerLeft, end: Alignment.centerRight,

问题：dio发送post请求一直报错DioError [DioErrorType.DEFAULT]: RangeError (index): Invalid value: Only valid value is 0:原因：请求url只写了ip,缺少协议信息 ：http://

问题：linux命令全部失效-bash: vim: 未找到命令原因：linux环境配置文件出错了解决：把你之前修改的profile文件修改回来，重启你的shell工具即可

先安装gityum install -y git使用：例如克隆命令git clone https://github.com/2662419405/easy-mock.git

1. 在项目根目录创建vue.config.js文件2. 代码如下module.exports = { // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use the full build with in-browser compiler? // https://vuejs.org/v2/guide/installation.html#R

问题springboot项目报错：java.lang.IllegalStateException: Failed to load property source from location 'classpath:/application.yml'原因及办法项目的application-dev.yml，编码有问题，在idea的setting中设置如下可能是你的application.yml文件中有utf-8编码后的注解，把注解全部删除即可spring: datasource:

问题A system image must be selected to continue原因下载SDK platforms时少下了系统图片解决打开SDK MANAGER,然后把右下角的show package details勾上,把对应的system image下载下来即可

错误原因：IDE 版本（GradlePlugin）和 Gradle 版本不匹配导致这个错误。GradlePlugin 版本和 AndroidStudio 版本一致，与 Gradle 版本有一张对应表。在文章末尾。作为一个 Android 开发人员，平时都要和 Gradle 打交道，却也仅仅是在简单的知道状态。于是很多时候都被其搞得十分难受，修改gradle-wrapper.properties（位于项目根目录的gradle/wrapper下）的：gradle版本，我是从gradle-5.1.-all

问题：安装flutter报X Flutter plugin not installed; this adds Flutter specific functionality. X Dart plugin not installed; this adds Dart specific functionality.X Connected device ! No devices available办法：打开你的Android sdudio进入setting，搜configs，点击plug

在配置flutter 过程中遇到以下问题[!] Android toolchain - develop for Android devices (Android SDK 28.0.3) ! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses解决方案cd 到自己sdk的路径 例如 cd /Users/admin/dev/Android/sdkcd tool

一、下载FlutterSdkhttps://flutter.dev/docs/development/tools/sdk/releases?tab=windows二、配置FlutterSdk1、点开我的电脑属性，点开高级属性，找到环境变量2、点击选择系统变量中的path变量，在path变量中添加fluttersdk的bin目录的路径【目录不要有中文不要有空格】3、黑窗口测试一下...

1.0 安装命令安装（不推荐，慢）brew tap dart-lang/dartbrew install dart安装包安装链接：https://pan.baidu.com/s/1-CHNGkjzWN6T_GugFkMnoA 提取码：kvkf2.0 编码提示这里以vscode为例搜dart，安装插件即可

前端数据的双向绑定方法前端的视图层和数据层有时需要实现双向绑定(two-way-binding)，例如mvvm框架，数据驱动视图，视图状态机等，研究了几个目前主流的数据双向绑定框架，总结了下目前实现数据双向绑定的三种方式1.0 前端数据劫持(Hijacking)avalon等框架使用的数据劫持方式。基本思路是使用Object.defineProperty对数据对象做属性get和set的监听，当有数据读取和赋值操作时则调用节点的指令，这样使用最通用的=等号赋值就可以了。具体实现如下： let obj

ipcMain & ipcRenderer主进程：ipcMain渲染进程：ipcRendereripcMain模块和ipcRenderer是类EventEmitter的实例。在主进程中使用ipcMain接收渲染线程发送过来的异步或同步消息，发送过来的消息将触发事件。在渲染进程中使用ipcRenderer向主进程发送同步或异步消息，也可以接收到主进程的消息。发送消息，事件名为 channel .回应同步消息, 你可以设置 event.returnValue .回应异步消息, 你可以

以一下为例：TypeError: fs.existsSync is not a function | import { ipcRenderer } from 'electron'产生问题的原因：1、首先在渲染进程属于浏览器端，没有集成Node的环境，所以类似 fs 这样的Node的基础包是不可以使用。2、因为没有Node环境，所以require关键词是不可以使用的。弄清楚这个就一起解决问题吧：方案一：渲染进程const { ipcRenderer } = window.require('e

前言：不建议直接使用vue-electron搭建项目1.0使用vue-cli创建项目这我就不细讲了，一条命令搞定vue create electron-vue安装后能运行即可2.0使用electron-builder集成electronvue add electron-builder然后，选择最新版本，最近好像出到了9.0.0? Choose Electron Version (Use arrow keys) ^4.0.0 ^5.0.0 ❯ ^6.0.0这一步是选择Ele

效果：本文用 Vue 项目做示范。安装插件 ESLint然后 File -> Preference -> Settings（如果装了中文插件包应该是 文件 -> 选项 -> 用户），搜索 eslint，点击 Edit in setting.json将以下选项添加到配置文件vscode 2020之前版本"eslint.autoFixOnSave": true,"eslint.validate": [ { "language": "vue"

思路：主动清空控制台信息重写console.log（）方法，使其不执行输出打印方法一：clear（）console对象提供了clear方法执行就行console.clear()注意：clear（）方法会在控制台打印一句方法二：重写console.log（）如下：(function (){ console.log= function(){} })()...

1.安装插件cnpm install vue-json-excel2.main.js中引入使用import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3.直接在页面中使用<download-excel class = "export-excel-wrapper" :data = "json_data" :fields = "json_fields"

第一步安装依赖包,需要把代码下载你的项目当中cnpm install file-savecnpm install xlsxcnpm install script-loader第二步在项目assets文件中创建一个新的文件夹js用于存放Blob和Export2Excel两个js文件第三步在你那个组件中使用tHeader:标题filterVal：字段名tableData:前端请求的数据使用：调用exportToExcel方法即可exportToExcel() { //ex

WebSocket 是什么WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。WebSocket同样是HTML 5规范的组成部分之一，现标准版本为 RFC 6455。WebSocket 相较于上述几种连接方式，实现原理较为复杂，用一句话概括就是：客户端向 WebSocket 服务器通知（notify）一个带有所有 接收者ID（recipients IDs） 的事件（event），服务器接收后立即通知所有活跃的（active）客户端，只有ID在接收者ID序列中的客户端

问题：在开发调试websocket的时候，去浏览器模拟了ws请求，测试服务器请求量，发现只有255个成功，之后所有请求全部失败，经各种考证发现，不是服务器问题，而是浏览器最大并发请求量为256。原因：调试发现发起2000个请求后报错，提示并发量太大，于是翻阅nodejs 查看关于所有请求线程并发相关内容，发现http.request() 使用的默认 http.globalAgent 的选项均为各自的默认值keepAlive ： 保持 socket 可用即使没有请求，以便它们可被将来的请求使用而无

最简单的方法：直接到Google store下载你也可以去网上找别人已经编译好的vue-devtools文件当然你也可以跟我来一步一步编译生成vue-devtools工具第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtoolsgit clone https://github.com/vuejs/vue-devtools.git第二步：安装项目所需要的npm包npm install //如果太慢的话，可以安装一个cnpm, 然后命令换成

1.0 确定你的laya项目能正常运行2.0 构建app导出项目：copy导出的项目路径：app构建：步骤：选好你的版本，点下载单机版勾上注：不勾就是网络版，你得把你导出的项目放入你的服务器，将项目的网络地址填入url中资源路径就是之前的项目导出路径输出路径就是你app构建完后的存放路径di’na’ji3.0 安装andriod Studio地址：http://www.android-studio.org/index.php/download下载安装完毕，在se

移位运算就是对二进制进行有规律低移位。移位运算可以设计很多奇妙的效果，在图形图像编程中应用广泛。“<<”运算符“<<”运算符执行左移位运算。在移位运算过程中，符号位始终保持不变。如果右侧空出位置，则自动填充为 0；超出 32 位的值，则自动丢弃。把数字 5 向左移动 2 位，则返回值为 20。console.log(5 << 2); //返回值20用算式进行演示，如图所示。思考：为啥没有<<<呢因为左位移是填补右边空出的位，符号位

逻辑代码的编写方式：1. 使用RunTime绑定对应场景或者节点注意：组件的runtime逻辑类如果不继承组件自身，并且继承的对象中没有该组件的属性时，这个属性则会失效2. 使用继承式页面类实现两者的使用场景：相比script脚本方式，继承式页面类，可以直接使用页面定义的属性（通过IDE内var属性定义），比如this.tipLbll，this.scoreLbl，具有代码提示效...

Scene及节点生命周期/script脚本生命周期script脚本生命周期有点类似vue生命周期

Laya的项目结构

链接: https://pan.baidu.com/s/1TvT0ZGNCrJC-3vPby0RvEA 提取码: 84zn第一步安装完之后别打开第二步首先解压（budin）：选择简中文64位把这个文件夹里面的payload.bin 和version.dll 放到软件安装的目录下即可成功。...

场景：我使用的vue打包后的dist文件，用electron打包这个文件生成exe文件压缩打包体积1.vue打包时，做优化，去掉不必要的打包文件2.electron打包时，删除node_modules文件，此文件只是electron开发时所需，打包无需使用...

全局安装 npm install -g asar安装打包工具electron-packagernpm i electron-packager配置打包命令electron-packager . myClient --win --out ../myClient --arch=x64 --app-version=0.0.1 --electron-version=8.2.1打包n...

原因node的版本不是最新的，而在项目引入的模块是最新的办法升级到最新版本：一：官网下载最新版安装即可二:可以安装node版本管理工具nvmw(win系统)，nvm（mac系统）以win为例：安装：npm install -g nvmw使用：注意每次使用前都需要切换node版本，nvmw仅为版本控制工具，只是同时安装了两个版本的node，每次使用前需要指定要使用的no...

页面结构如下mian.jsconst electron = require('electron');var app = electron.app; // 控制应用生命周期的模块。var BrowserWindow = electron.BrowserWindow; // 创建原生浏览器窗口的模块const path = require("path");// 保持一个对于 wind...

1.首先打开官网：https://github.com/facebook/react-devtools发现好像主分支是空的，不慌不慌，继续走着那咱就进去v3分支，地址：https://github.com/facebook/react-devtools/tree/v3，直接download ZIP格式2.知道下载位置，解压到自己可以找见的目录下，进入到react-devtools-3目录...

场景：使图片按比例充满盒子一：css 设置最大宽高max-width:100%;max-height:100%;缺点：图片得大于盒子宽度高，如果小于盒子宽高，将无法填满二：：使用css object-fit属性（推荐）height: 100%;width: 100%;object-fit: contain;三：使用js控制图片大小（不推荐使用）...

- 问题：npm ERR! notsup Unsupported platform for fsevents@1.0.14: wanted {“os”:“darwin”,“arch”:“any”}- 原因：npm install-g npm@3.10.7 (更高版本会强制在window下安装fsevent,而fsevent只会在mac系统上可用)解决：将package.json下】里的paf...

问题：react无法渲染img原因：create-react-app只支持public文件夹下的图片读取，src下的图片读取需要以下方式：<img src={[require("../assets/img/2x.png")]} alt=""/>解决：将图片导入public文件夹即可...

因为在此系统上禁止运行脚本。有关详细信息原因：windows系统出于安全考虑，默认禁止脚本文件运行的解决办法：设置系统允许脚本运行win + x 以管理员身份运行PowerShell输入set-executionpolicy remotesigned，设置成Y即可...

let list = Array.from(elems );Array.prototype.slice.call（elems）let list = […hdList];//用[ …elems ]方法转化为数组并用list接收Array.prototype.forEach.apply(elem,[callback])Array.prototype.forEach.bind(elems )(...

前言最近http2.0的诞生使得它再次互联网技术圈关注的焦点。任何事物的消退和新生都有其背后推动的力量。对于HTTP来说，这力量复杂来说是各种技术细节的演进，简单来说是用户体验和感知的进化。用户总是希望网络上的信息能尽可能快的抵达眼球，越快越好，正是这种对“快”对追逐催生了今天的http2.0。首先来看看http1.x与http2.0的速度对比：https://http2.akamai.co...

前言HTTP/0.9HTTP 于 1990 年问世。那时的 HTTP 并没有作为正式的标准被建立。 现在的 HTTP 其实含有 HTTP1.0 之前版本的意思，因此被称为 HTTP/0.9。HTTP/1.0HTTP 正式作为标准被公布是在 1996 年的 5 月，版本被命名为 HTTP/1.0，并记载于 RFC1945。虽说是初期标准，但该协议标准至今 仍被广泛使用在服务器端。RFC1...

1. 登录流程图小程序端通过wx.login()获取到code后发送给后台服务器后台服务器使用小程序的appid、appsecret和code，调用微信接口服务换取session_key和openid（openid可以理解为是每个用户在该小程序的唯一识别号）后台服务器自定义生成一个3rd_session，用作openid和session_key的key值，后者作为value值，保存一份在...

五大主流浏览器内核的源起以及国内各大浏览器内核总结首先来捋一下内核的概念：浏览器内核又分为两部分：渲染引擎(layout engineer 或者 Rendering Engine) 和JS引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等)，以及计算网页的显示方式，然后输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释也会有不同，所以渲染的效果也不相同...

1.先来看看springcloud主流的三大服务与注册框架Spring Cloud Eureka 特点优点：Spring Cloud - 推荐服务发现方案CAP 理论 - AP模型，数据最终一致简单易用 - 开箱即用，控制台管理注：CAP理论提出就是针对分布式数据库环境的，所以，P这个属性是必须具备的。P就是在分布式环境中，由于网络的问题可能导致某个节点和其它节点失去联系，这时...

1.spring cloud简介Spring Cloud是一系列框架的有序集合。它利用Spring Boot的开发便利性巧妙地简化了分布式系统基础设施的开发，如服务发现注册、配置中心、消息总线、负载均衡、断路器、数据监控等，都可以用Spring Boot的开发风格做到一键启动和部署。Spring Cloud并没有重复制造轮子，它只是将目前各家公司开发的比较成熟、经得起实际考验的服务框架组合起来，...

1.springCloud五大组件运行流程2.springcloud简单介绍SpringCloud 是微服务架构的集大成者，将一系列优秀的组件进行了整合。基于springboot构建，对我们熟悉spring的程序员来说，上手比较容易。通过一些简单的注解，我们就可以快速的在应用中配置一下常用模块并构建庞大的分布式系统。SpringCloud的组件相当繁杂，拥有诸多子项目。重点关注Netfl...

RibbonRibbon 是一个基于 HTTP 和 TCP 客户端的负载均衡器它可以在客户端配置 ribbonServerList（服务端列表），然后轮询请求以实现均衡负载它在联合 Eureka 使用时ribbonServerList 会被 DiscoveryEnabledNIWSServerList 重写，扩展成从 Eureka 注册中心获取服务端列表同时它也会用 NIWSDiscov...

jquery获取元素值与属性获取值：text()、html() 以及 val()获取属性：获取属性 - attr("")

报错 Uncaught TypeError: Cannot read property ‘appendChild’ of null原因:是由于获取不到插入的节点出现这种情况的原因：获取节点时，节点还没加载如：js写在head里面，取body里面的某一节点，这时候是取不到的。即该js的作用域在head以解决方法：把JS代码放到后面...

npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。1. 安装npm,webpacknpm: 进入node.js官网下载node.js并安装,node.js自带npm,在命令行输入node -v 和npm -v查看版本webpack：以全局的方式安装：$ npm instal...

1. 场景：win10下安装node之后，node -v，npm -v都正常，node安装成功，但是运行npm i或者全局安装某插件时，报错：npm ERR! { Error: EPERM: operation not permitted, mkdir 'C:\Program Files
odejs
ode_cache\_locks'2. 原因：node目录权限不够3. 办法：1.wi...

官方的开发者文档中对于两者的比较仅仅为是否和tabBar相互连接，简单的来讲就是：uni.redirectTo：关闭当前页(卸载)，跳转到指定页uni.navigateTo：保留当前页(隐藏)，跳转到指定页uin.switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换...

问题：pm2管理node进程时，出现报错，说找不到目录。Error: Failed to lookup view "500" in views directory "/root/views"原因：仔细排查之后，发现直接运行node index.js是可以的，没有任何问题。如果通过pm2启动应用，就会报错。服务器中的目录情况是root下面有个project文件夹，可是使用pm2启动之后__di...

原因：远程仓库与本地仓库不一致这种情况下，如何保留本地的修改同时又把远程的合并过来呢？首先取决于你是否想要保存本地修改。（是 /否）1.是别急我们有如下三部曲git stash git pull origin master git stash pop git stash的时候会把你本地快照，然后git pull 就不会阻止你了，pull完之后这时你的代码并没有保留你的修改。...

原因：mysql中间件无法识别传入参数注：node中调用mysql模块读写时候，如果直接插入字符串：connection.query(‘SELECT * from users WHERE name=’ + data.name , callback);或者：connection.query(‘SELECT * from users WHERE name = alan’ , callback...