迷茫是种常态
迷茫是种常态我一直在拼一块拼图 却总是拼错然后我发现应该先拼小星空 再拼大宇宙 不然无从下手正当我满心欢喜 以为即将要拼出来的时候却发现有一块怎么都拼不对仔细排查 原来里面有些小块不是我的 是别人图上的同时还有人跟我说 你这么拼是不对的 你要拼个圆形 不是方形到底要怎么拼呢?我唉声叹气过很多夜晚除了继续钻研 别无他法或许是坚持起了作用 或许是冷静起了作用或许是别的我逐渐找到了框架和我想象的非常不一样它不是方形的星空 也不是圆形的宇宙它是一对翅膀此时突然像开了窍一样 把它安在了我自己的肩膀上义无反顾的飞出了这个迷茫了很久的地方去到了另外一个陌生的领地开始了一段新的迷茫迷茫它是种常态不管图是啥样只要抱有对生活的热情就可以拼出来
React学习笔记
React 学习笔记
jsx 语法jsx 介绍jsx 是嵌入到 js 中的一种结构语法
书写规范:
jsx 顶层只能有一个根元素
通常会在 jsx 外层包裹一个小括号() 可以进行换行书写
jsx 中的标签可以是单标签,也可以是双标签 单标签必须以/>结尾
jsx 中的注释1234<div> {/* 我是一段注释 */} <h2>Hello World</h2></div>
jsx 嵌入的数据类型在{}中可以正常显示的内容
String
Number
Array
不能显示的(忽略)
null
undifined
Boolean
可以转为字符串形式显示
_对象不能作为 jsx 的子类_(not valid as a React child)
jsx 中嵌入表达式1234567891011<div> {/*1.运算符表达式*/} <h2>{firstname + " " + lastname}</h2> ...
软考笔记(更新至PV操作)
软考的备考笔记(更新至索引文件结构)
习题公众号:软考专题库
教材:软件设计师教程(第5版) 小蓝本
视频参考教程:软件设计师考试教程_哔哩哔哩_bilibili
学习资料:链接:https://pan.baidu.com/s/1rDCqvV53XOJgN3W3umjdzw提取码:v2qc
计算机组成与体系结构数据的表示进制略过
浮点数表示
* N = M*R^e
* M为位数 e是指数 R为基数
CPU结构
Flynn分类法
体系结构类型
结构
关键特性
代表
单指令流单数据流SISD
一个控制部分 一个处理器 一个主存模块
单处理器系统
单指令流多数据流SIMD
一个控制部分 多个处理器 多个主存模块
各处理器以异步的形式执行同一条指令
并行处理机 陈列处理机 超级向量处理机
多指令流单数据流MISD
多个控制部分 一个处理器 多个主存模块
被证明不可能 至少是不实际
目前没有 有文献称流水线计算机为此类
多指令流多数据流MIMD
多个控制部分 多个处理器 多个主存模块
能够实现作业、任务、指令等各级全面并行
多处理机系统 多计算机
CISC和RI ...
微信小程序使用createSelectorQuery实现循环滚动效果
使用createSelectorQuery、动画和定时器实现循环滚动效果
createSelectorQuery可以获取到元素在页面上的位置。返回一个 SelectorQuery 对象实例。在自定义组件或包含自定义组件的页面中,应使用 this.createSelectorQuery() 来代替。
1234567const query = wx.createSelectorQuery()query.select('#the-id').boundingClientRect()query.selectViewport().scrollOffset()query.exec(function(res){ res[0].top // #the-id节点的上边界坐标 res[1].scrollTop // 显示区域的竖直滚动位置})
res返回数据:
为什么要用 setTimeout 模拟 setInterval推入任务队列后的时间不准确setInterval 是一个宏任务。setInterval(fn(), N);的意思是fn()将会在 ...
Vue自定义指令
关于Vue一些好用的自定义指令
V-Hotkey仓库地址: https://github.com/Dafrok/v-hotkey
Demo: https://dafrok.github.io/v-hotkey
安装: npm install --save v-hotkey
这个指令可以给组件绑定一个或多个快捷键。通过按下 Esc键后隐藏某个组件,按住 Control 和回车键再显示它
12345678910111213141516171819202122232425262728293031<template> <div v-show="show" v-hotkey="{ 'esc': onClose, 'ctrl+enter': onShow }" > Press `esc` to close me! </div></template><script>export defa ...
JavaScript基础学习笔记
Js基础
null和undifinednull专门用来表示一个为空的对象
使用typeof检查一个null时,会返回object
当声明一个变量未赋值时,表示undifined
1234var a = null;console.log(typeof a);//返回objectvar b;console.log(typeof b);//返回undifined
将其他数据类型转换为 String法一:调用被转换数据类型的toString()方法 该方法不会影响原值 会将转换的结果返回
null和undifined没有toString()方法
12var a = 123;a = a.toString();
法二:调用String()函数会将null直接转换为“null”
会将undifined直接转换为“undifined”
1a = String(a);
将其他数据类型转换为 Number法一:使用Number()函数
123456* 若是纯数字的字符串 则直接转数字* 若有非数字字符串 则转换为NaN* 若字符串是空串,或全是空格 则转为0* 布尔值转数字,T为1 F为0* null转数 ...
TypeScript基础学习笔记(更新至接口)
ts基础
TypeScript介绍与安装TypeScript介绍
TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。
2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScript
TypeScript的作者是安德斯·海尔斯伯格,C#的首席架构师。它是开源和跨平台的编程语言。
TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中。
TypeScript是为大型应用的开发而设计,并且可以编译为JavaScript。
TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6+ 的支持,它由 Microsoft 开发,代码开源于 GitHub 上
特点
始于JavaScript,归于JavaScript
TypeScript 可以编译出纯净、 简洁的 JavaScript 代码,并且可以运行在任何浏览器上、Nod ...
接口代理实现 Android Application 的多继承
接口代理实现 Android Application 的多继承
接口代理实现 Android Application 的多继承在项目开发中,当我们接入第三方 SDK 时,可能会要求我们自己的 Application 继承它们的 Application , 但是 Java 只能是单继承的,这时我们就可以使用接口代理的方式来间接地实现“多继承”了。
假设我们的 MyApplication 需要继承两个第三方 SDK 的类 XApplication 与 YApplication .(本文以百度地图BmfMapApplication和FlutterApplication为例)
显然,我们自家的 MyApplication 是不可能同时直接继承上面的两个 Application 的。我们可以让 MyApplication 继承一个代理类 ProxyApplication , 然后在 ProxyApplication 中通过反射和接口回调的方式调用组合实现类 ApplicationImpl(组合了多个 Application 接口)对应的方法。
1234567891011121314151617 ...
JS实现数据结构(一)线性结构
JS实现数据结构系列(一)栈和队列
数组普通数组优点:通过下标取元素效率非常高。缺点:常见语言数组不能存放不同类型的数据,所以一般都先封装一个Object类型
底层数组扩容方法:新建一个大的数组,把原有数组写进去,再添加新元素。特点:插入和删除性能(效率)都很低
栈
栈是一种受限的线性结构 后进先出(LIFO)
栈结构只能在栈顶进行插入和删除操作
向一个栈插入新元素又称作进栈、入栈和压栈
删除元素又称作出栈或退栈
程序中栈的应用:
函数调用栈
栈溢出:无限次数递归
栈的相关操作
push(element):添加一个新元素到栈顶位置
pop():移除栈顶的元素,同时返回被移除的元素
peek():返回栈顶的元素 不对栈做任何修改
isEmpty():如果栈里没有任何元素旧返回true 否则返回false
size():返回栈里的元素个数 这个方法和数组的length属性很类似
toString():将栈结构的内容以字符形式返回
使用docker nginx node.js配置部署Vue应用
前提:前端项目使用了mock模拟接口 执行run build打包后无法加载Mock 所以需要使用node镜像来运行Vue应用
构建运行环境拉取最新版Node镜像
1$ docker pull node:latest
对node镜像容器端口进行映射
1$ docker run -dti --name=blade-web 8001:8001 node
docker ps查看镜像运行信息
将项目文件夹拷贝到node容器中
12#docker cp 需要拷贝的文件或目录 容器id或容器名称:容器目录$ docker cp /root/blade-web 40030412bc62:/usr
拷贝成功后 进入容器
12#docker exec -it 容器id或容器名称 /bin/bash$ docker exec -it 40030412bc62 /bin/bash
进入容器中vue项目所在的路径 执行
123$ npm install#安装sass构建工具$ npm rebuild node-sass --force
安装完成后运行项目
1$npm run serve
项目运行成 ...