11 2019 档案
摘要：在企业运作中，每个员工能力，效率，擅长都不一样，在任务工作量恒定的情况下，如何以最优方式，分配任务保证效率最高，资源消耗最小，这时可以参考此方法来计算得出。使企业的整体效率达到最优。 这里以作业计划为例来说明： 举例 某维修小组有4名员工甲乙丙丁，要完成4项任务 ABCD，具体每个员工完成不同计划耗
阅读全文
摘要：Centos升级到7之后，内置的防火墙已经从iptables变成了firewalld。所以，端口的开启还是要从两种情况来说明的，即iptables和firewalld。更多关于CentOs防火墙的最新内容，请参考Redhat官网。 一、iptables 1.打开/关闭/重启防火墙 开启防火墙(重启后
阅读全文
摘要：右键以管理员身份打开shell 运行set ExecutionPolicy RemoteSigned 命令 选择Y或者A
阅读全文
摘要：1.通过命令行参数的形式生成报告： 2.路由懒加载 当打包构建项目时，JavaScript包会变得非常大，影响页面加载，如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 方法： + 安装 @babel/plugin syntax dynami
阅读全文
摘要：插件名： babel plugin transfrom remove console 运行安装命令： 如果是vue cli4版本的脚手架工具，直接打开babel.config.js 文件在plugins 中添加 具体配置:
阅读全文
摘要：Node.js单线程，在处理http请求时一个错误会导致整个进程的退出，这是灾难性的。 多进程和多线程介绍 进程是资源分配的最小单位，线程是CPU调度的最小单位。 进程——资源分配的最小单，线程——程序执行的最小单位 线程是进程的一个执行流，是CPU调度和分配的基本单位，它是比进程更小的能独立运行的
阅读全文
摘要：浏览器Node.js 事件循环与多线程 事件循环介绍 浏览器中的事件循环 为了协调事件（event），用户交互（user interaction），脚本（script），渲染（rendering），网络（networking）等，用户代理（user agent）必须使用事件循环（event loop
阅读全文
摘要：Node中的HTTP模块 + TCP和UDP都属于网络传输协议，如果要构架高效的网络应用，就应该从传输层着手，但是对于经典的浏览器网页和服务器端通信场景，如果单纯的使用更底层的传输协议则会变得麻烦。 + 所以对于经典的B（browser）S（server）通信，基于传输层之上专门制定了更上一层的通信
阅读全文
摘要：UDP简介 + User Datagram Protocol， 简称UDP，又称为用户数据报协议。 + 和TCP一样，位于网路传输层，用于处理数据包。 + UDP最大的特点是无连接 + UDP传输速度快 + UDP数据传输不可靠 不提供数据包分组，组装和不能对数据包进行排序的缺点，也就是说，当报文发
阅读全文
摘要：构建TCP服务 + 三次握手连接： 1.客户端请求连接 2.服务器响应 3.开始传输 服务端 客户端 案例：聊天室 服务端： 客户端：
阅读全文
摘要：基于Node.js的网络编程 + 面向网络而生 + 事件驱动、无阻塞、单线程 + 非常轻量 + Node的API 十分贴合网络，适合用来构建灵活的网络服务 + 传统的web平台大多数都需要专门的web服务器作为容器，如asp，asp.net 需要IIS作为服务器，PHP需要搭载Apache或Ngin
阅读全文
摘要：React高阶组件概述 + 高阶组件是React中一个很重要且比较复杂的概念，高阶组件在很多第三方库（如Redux）中都被经常使用，在项目中用好高阶组件，可以显著提高代码质量。 高阶函数的基本概念 + 函数可以作为参数被传递 + 函数可以作为返回值输出 高阶组件的基本概念 + 高阶组件就是接受一个组
阅读全文
摘要：方法一： 暴露create react app 配置文件 + 运行命令： 如果报错，说明需要用git 保存当前文件更改后才能使用上面的命令。 运行如下git命令: + 在 babel 中添加 plugins 配置 在 package.json 文件中找到 babel 的配置，添加如下代码即可：
阅读全文
摘要：Redux 基本介绍 Redux本身是零依赖的，可以适用于任何框架，而不仅仅是React。这里以React为例 1. 单向数据流：从父组件流向子组件，兄弟组件无法共享数据。 2.state： react中的状态，是只读对象，不可直接修改。 3.reducer： 基本函数，用于对State的业务处理。
阅读全文
摘要：创建组件： 在项目根目录创建一个名为components 的文件夹，在文件夹中创建一个以组件名命名的子文件夹，在子文件夹上右键点击选择创建component 这时会在子文件夹内生成4个基础文件。 引用组件： 1.在需要引用组件的页面中，找到页面的.json 配置文件，新增usingComponent
阅读全文
摘要：配置服务器域名： 每个微信小程序需要事先设置一个通讯域名，小程序只可以跟指定的域名进行网络通信。 服务器域名在：小程序后台=> 开发=> 开发设置 => 服务器域名中配置，配置时需注意： 1.域名只支持https（request, uploadFile，downloadFile）和wss（conne
阅读全文
摘要：声明式导航 1.导航到非tabBar页面 非tabBar页面指的是没有被当作tabBar进行切换的页面。 示例代码： <navigator url='pages/info/info' > 点击跳转</navigator> 上述代码使用url属性置顶要跳转到的页面路径，其中页面路径应该以/开头，且路径
阅读全文
摘要：1.下拉刷新的概念及应用场景。 概念： 下拉刷新是移动端更新列表数据的交互行为，用户通过手指在屏幕上子上而下的滑动，可以触发页面的下拉刷新，更新列表数据。 应用场景： 在移动端，数据列表是常见的页面效果，更新列表数据是最基本的页面需求，相比于按钮刷新，定时刷新来说，下拉刷新的用户体验方便友好，已经成
阅读全文
摘要：条件渲染：wx:if, wx:elif, wx:else <view wx:if="{{list.length > 5}}" >1</view> <view wx:elif="{{list.length > 2}}">2</view> <view wx:else>3</view> 由于wx:if是一
阅读全文
摘要：wxs概述： wxs (WeiXin Script) 是小程序的一套脚本语言，结合WXML，可以构建出页面结构。 wxs的注意点： 1. 没有兼容性，wxs不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。 2. 与JavaScript 不同， wxs与JavaScript是不同的语言，有自
阅读全文
摘要：1.如何定义页面数据。 小程序中每个页面，又四个部分，其中js文件内可以定义页面的数据，生命周期函数，其他业务逻辑。 如果要在.js文件内定义页面的数据，只需把数据定义到data节点下即可。 Page({ data:{ msg:'hello word' } }) 2.数据绑定： 把data中的数据绑
阅读全文
摘要：生命周期是指一个对象从创建=>运行=>销毁的过程。 生命周期函数是由小程序框架提供的内置函数，会伴随着生命周期，自动按次序执行。 生命周期函数的作用：允许程序猿在特定的生命周期时间点上，执行某些特定的操作。例如，页面刚加载的时候在生命周期函数中自动发起数据请求，获取当前页面的数据。 注意：生命周期强
阅读全文
摘要：1.text 文本 ： 相当于span标签（行内元素，不会独占一行） 属性： selectable： 布尔值，默认false， 文本是否可选，出了text组件之外，其他组件都无法长按选中。 space ：string类型，默认false， 显示连续空格，可选值： ensp（把每一个空格渲染为英文格式
阅读全文
摘要：首先在项目根目录创建一个名叫.prettierrc的格式化配置项文件，文件内的格式为json格式。 semi: falae 为true 格式化在行尾加分号，false不加分号 singleQuote: true 为true表示格式化以单引号为主 { "semi": false, "singleQuo
阅读全文
摘要：如果用户没有登陆，但是直接通过URL访问特定页面，需要重新导航到登陆页面，这时就需要路由导航守卫，做一个跳转。 配置方式： // 挂在路由导航守卫 // 如果用户没有登陆，但是直接通过URL访问特定页面，需要重新导航到登陆页面 router.beforeEach((to, from, next) =
阅读全文
摘要：mobx是什么？ Mobx是一个功能强大，上手非常容易的状态管理工具。就连redux的作者也曾经向大家推荐过它，在不少情况下你的确可以使用Mobx来替代掉redux。 mobx 与redux 的关系 mobx VS redux mobx: 开发难度低，学习成本低，代码量少，渲染性能好，使用了语义丰富
阅读全文
摘要：SPA 介绍： + 后段渲染（存在渲染性能问题） + Ajax前端渲染（前端渲染提高性能，但是不支持浏览器的前进后退操作） + SPA（Single Page Application ) 单页面应用程序： 整个网站只有一个页面，内容的变化通过Ajax局部更新实现，同时支持浏览器地址栏的前进后退操作。
阅读全文
摘要：axios的基本特性 axios 是一个基于Promise用于浏览器和node.js 的http客户端 它具有以下特征： + 支持浏览器和node.js + 支持Promise + 能拦截请求和相应 + 自动转换JSON数据 代码： 1 <!DOCTYPE html> 2 <html lang="e
阅读全文
摘要：fetch概述 1.基本特性 + 更加简单的数据获取方式，功能更强大，更灵活，可以看作是xhr的升级版。 + 基于Promise实现 2.语法结构 fetch(url).then(fn1) .then(fn2) .... .catch(fn) 案例： 1 <!DOCTYPE html> 2 <htm
阅读全文
摘要：1.传统形式的URL + 格式： schema://host:port/path?query#fragment -schema: 协议，例如http , https, ftp等 -host: 域名或者ip地址 -port： 端口，http默认端口80，可以省略 -path： 路径，例如/abc /a
阅读全文
摘要：组件化开发思想： 组件化规范： Web Components 规范草案 1.我们希望尽可能多的重用代码 2.自定义组件的方式不太容易（html、css、js） 3.多次使用组件可能导师冲突 Web Components 通过创建封装好的功能定制元素解决上述问题。（目前并没有广泛的被浏览器所支持。）
阅读全文
摘要：主要阶段： 挂载： （初始化相关属性） 1.beforeCreate： 在实例初始化之后，数据观测和事件配置之前被调用。 2.created： 在实例创建完成后被立即调用。 3.beforeMount： 在挂载开始之前被调用。 4.mounted： el被新穿件的vm.$el替换，并挂载到实例上去之
阅读全文
摘要：过滤器的作用： 格式化数据，比如将字符串格式化为首字母大写，将日期格式化为指定的格式等。 自定义过滤器： Vue.filter('过滤器名称', function(value){ // 过滤器业务逻辑 }) 过滤器的使用 <div>{{msg | upper}}</div> <div>{{msg |
阅读全文
摘要：侦听器的应用场景： 数据变化时执行异步或开销较大的操作。 数据一旦发生了变化就 通知侦听器所绑定的方法。 1 <!-- vue 侦听器 --> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <meta
阅读全文
浙公网安备 33010602011771号