qq_40196738-优快云博客

原创（第三方平台）开发相关，解除80端口占用，微信公众号分享jssdk实现，微信开放平台登录接口接入，2022微信分享接入&本地调试，微信分享定制

1、微信开放平台2、 QQ互联平台SDK来自优快云兄台的教程

2020-05-13 15:21:53 2045 1

原创（凯思奥2020-03月）问题记录3，GUI问题记录3 & 4，国际化异常，微信平台接入 => 数据库修改 + 自动化填充 + 前后端接口修正 + 联调测试问题 + 微信与数字账号绑定 + 思考+部署

1、块复制异常

2020-05-13 15:01:05 666

原创（凯思奥）开发记录2：官网架构以及进度规划，参数查询，GUI抽离player组件，素材链接切换，双站点联调记录：自制路由守卫，哈希与数据渲染，SB3播放器嵌入+样式修改+作品链入+视频

没有无过多的说明，还是仿。1、决定采取react hooks属性，将react升级成 16.12最新版本。需要重新link scratch-vm2、决定不采用框架，使用sass进行样式编写。安装node-sass和 sass-loader3、编辑界面先，左上角logo修改，并链入官网路由。4、开仿！需要升级的框架:react react-dom react-test-rendere...

2020-05-13 14:36:49 652

原创（凯思奥）思考记录3：表设计，类插槽和高阶组件|函数，多级选项卡&replace跳转，复用函数注入，代码特异性，形参的解构，后端报错设计，领域实体，数据的关联，相等|严格运算符，redis数据设计问题

0、思考小结1、表设计之前因为才两张表，用户而言业务外键是phone 而不是ID，随着业务和数据库复杂起来，发现phone并不是好的选择，最好还是id为外键，但是考虑到前期多处耦合phone修改起来有些麻烦，故之后与用户连表的外键均为id，之前则不论。2、关于删除资源对于资源删除，真实的删除操作会引起资源的危险，以及占用服务器资源，还会影响关联数据的读取异常。相较这么高风险操作，那么硬盘的...

2020-05-13 11:03:22 367

原创（凯思奥）开发记录3：留言板部分，点赞部分(Set)，消息条目部分(Hash) & 兼容评论留言，分页部分&假分页，资源上传工厂模式&接口大整改

1、留言板部分留言板采取仿的慧编程上述三个红框分别代表三个回复的状态。1、tablet 没有replyId（回复方的ID），判定为扔向一级回复。2、如果回复的是一级回复，则有replyId,但没有parentId，数据的parentId需指向一级帖子的id。3、如果回复的是二级回复，则有replyId,有parentId,数据parentId即parentId。注：上述三个状态为二...

2020-05-13 10:23:25 374

原创 Scratch上传作品加载之分析（封面获取），base64转blob 前后端方案，前端 & 后端解析base64为Blob，2021年较底层进行sb3作品渲染

采坑的初衷：考虑到作品的私有性。用户上传的作品必须是私有的，当且仅当用户设置作品公开（理论上得提交给管理员，进行审核，管理员进行操作）。那么才能够通过projectHost的方式去请求。也就是说：1、已公开的作品 -> 走projectHost接口（nginx静态资源代理，通过#方式get请求，直接加载。**2、私人作品 -> 走,work/getProject后端接口，(...

2020-05-12 23:08:34 1015

原创简单分页导航器自实现

分页导航器先看看各平台的分页导航器优快云:Iconfont:经分析比对，上述两种都是通过实时计算页码的展示形态，动态insert DOM。本质是：强算法我自身实现的有点像，但是较低难度。嘿嘿。直接看效果吧。后期会将 “共31页”的31改成input 点击即跳转即可。动画：1、 overflow 配合 inline-block transition动画移动即可2、....

2020-03-10 16:58:35 244

原创 React小经验，关于多级选项卡的匹配问题，设计一个URL和选项卡逻辑关联的API，可进行书签保存并跳转指定页。

多级选项卡，应该仍有少部分人。会选择写死，其实是有必要去动态渲染的。毕竟，代码虽然服务于产品，但是产品的支撑性离不开代码的健壮度。先上代码：// ...import { hashToObj, tabArrBindClick } from '../../../lib/kids-tools';// ...const CategoryPage = ({ ...props}) =&gt...

2020-02-28 19:05:14 244

原创（收集3）待读，unicode相关，单线程事件循环，宏任务和微任务，Proxy，ES6-10，正则断言，https发http（代理转发），lodash拷贝，H5自定义video功能与样式处理

unicode相关1、Unicode 及编码方式概述2、Unicode、UTF-8、UTF-16之间的区别

2020-02-25 19:45:27 201

原创（杂七杂八）npm镜像查看与修改，nrm，axios.create作用，Proxy代理升降序案例，Proxy的has，babel处理js，查看webkit属性，关于state的赋值，模块化非导出项问题

1、npm镜像查看查看 npm config get registry修改 npm config set registry http://registry.npm.taobao.org2、nrmnrm 管理镜像源地址nrm npm地址

2020-02-19 19:52:11 289

原创 ES6-10进阶学习作用域，win10命令行新建文件，类，正则u修饰符，模板字符串&函数，Reflect反射，Proxy，监控错误-拦截并上报，随机ID生成，yield，迭代器，Module

1、作用域全局作用域函数作用域块级作用域动态作用域

2020-02-16 12:54:21 280

原创伪元素动态content，三目运算，img标签无法伪元素，ol序号样式，flex栅格方案，图片加载抖动，数组填充，吸顶效果，cover和contain，BrowserRouter开发模式无法刷新

伪元素动态content来自简书的大佬代码如下：// html<div class="list2"> <ul> <li>吃了好吃的 <ul> <li>content</li> <li>conte...

2020-01-14 10:03:25 449

原创 vue路由守卫与菜单高亮，vue日志，element树案例，树形数据&扁平化，react&原生监听路由变化，路由跳转滚动条置顶，react获取事件对象，CSS定位知识，构造器返回return

vue路由守卫与菜单高亮思路：1、router.js中注册路由，路由的（path&name），导出router实例2、在beforeEach钩子中，使用vuex去双向绑定菜单索引（数据驱动）。vue日志import Vue from 'vue'import Vuex from 'vuex'import * as actions from './actions'import...

2020-01-09 14:30:37 429

原创 webpack注入process.env，命令行改变配置文件，哈希路由和历史路由，全局引入scss，HOC注入redux，获取上一轮state，模块样式引入失败，CSS特殊形状，WEB原生动画

注入process.env命令行改变配置文件

2019-12-23 19:18:39 667

原创 Electron学习之旅9，create-react-app和electron完成应用打包 + 注意事项，项目错误解决方案（down失败），pack到底做了什么，生成安装包，打包优化，自动更新，总结

记录：electron-vue大佬博客一、应用打包使用electron-builder库，先安装它。cnpm i electron-builder -D生产环境build代码1、尝试使用npm run build打包react项目2、修改生产环境，环境参数注意事项一：注：electron-is-dev 需要变成生产依赖3、根据electron-builder配置文档去实施...

2019-12-09 17:00:06 1051 1

原创 Electron学习之旅7，前置数组遍历取值，nodemon监听重启项目，Menu项获取，云端同步文件，云端获取文件，finally，electron乱码问题，参数注释

1、前置数组遍历取值需求背景：关于多选项卡同时保存页面全部内容，码农式操作：一项一项set，初始化时，一项一项get。优化之后：将项全部存入数组，遍历项，而不是重复写set和get。 // 其实还是有点弱智2、nodemon监听重启项目注：...

2019-12-06 20:02:00 571

原创 11.4 win10开启ftp，import深层解构无效，事件代理与阻止事件冒泡深度，canvas绘图污染问题，link标签rel，border样式收集，HTTP腾讯协议，Vue React框架比较

1、win10开启ftp

2019-12-05 13:40:46 321

原创 Electron学习之旅6，快捷键，shell模块，优雅显示窗口 -> 类封装，设置模块开发，七牛云对象存储 -> （上传下载）类封装+高阶函数，流（介绍概念使用），时间戳作用

1、Electron定义快捷键1、先看下electron默认菜单项github地址注:darwin 是指MacOS平台2、shell模块shell 模块提供与桌面集成相关的功能。// main和renderer均可以使用比如引入链接并打开浏览器 // 以下是MenuItem某菜单项...

2019-12-05 13:39:51 498

原创 Electron学习之旅5，dialog模块，path模块取文件名，Menu模块，元素contains以及类名contains，data-*存储信息，hooks存在数据闭包

Dialog模块1、dialog.showOpenDialog

2019-12-01 22:15:29 609

原创 Electron学习之旅4，渲染进程require模块fs失败 ,查看electron自身node版本，fs.promises，Elec的getPath()，持久化保存数据

一、渲染进程require模块fs失败打印出来是空对象。经过查阅electron issue，原因：webpack在打包时截胡了require(‘fs’)，使其去找node_modules下的fs，其实是不存的。解决方案如下：二、查看electron自身node版本在electron进程中，有全局对象process控制台打印。process.versions.node三、fs....

2019-11-29 09:01:11 3644 1

原创 Electron学习之旅3，富文本编辑器与选择，state设计原则，回调数据流，反向数据流，vh，state和useState的immutable问题，uuid，flatten state哈希map

1、富文本编辑器与选择根据七牛云自身的需求，符合的开源项目为：simplemde-markdown-editor但是其最后一次维护是4年前，经fork搜寻。定位新项目：easy-markdown-editor，github官网地址但是该项目并非基于react框架环境，然后继续在开源世界寻找，果然找到了react可用的依赖。RIP21/react-simplemde-editor git地...

2019-11-29 09:01:02 996

原创 Electron学习之旅2，bootstrap小记，全局监听键盘事件，useRef（记值、获取节点)，react-fontawesome，清除黄色边框，状态提升，解构拿事件对象，classnames

1、全局监听键盘事件 // 避免组件的重复监听document.addEventListener('keyup', handleInputEvent);2、useRef使react提供的hook，用于记录值或节点。let number = useRef(1);number.current++; // 计数累加2,3,4...let node = useRef(null);cons...

2019-11-27 09:11:24 1144

原创 Electron学习之旅1，进程间的通讯，React Hook 自定义Hook，React HOC，electron-is-dev，concurrently + wait-on + cross-env

一、基础知识1、进程与线程内存使用方面通信机制方面量级方面2、使用nodemon重启动工程"dev": "nodemon --watch main.js --exec electron ."3、安装devtroncnpm i devtron -D// 在main.js中app.on('ready', () => { require('devtron').instal...

2019-11-25 13:15:17 1574

原创 KOA学习，KOA文件上传下载，koa-static-cache，koa-router，koa-swig，koa-bodyparser

KOA学习Application对象： new Koa()保存了应用全局状态以及其他对象，后面的Context、Request、Response对象都是该对象下的子对象。context对象 // 精简为ctx每一次请求都会包装一个context对象该对象对node和request和response对象进行了封装1、提供Koa的ctx.request和ctx.response2、为开发...

2019-11-17 16:37:05 234

原创 10.30 mysql[2]初级，初阶语法，分页查询，语句建表，sequelize入门学习(增删查改，连表查询)

1、查询占位符 ?? ?var userId = 1;var columns = ['username', 'email'];var query = connection.query( 'SELECT ?? FROM ?? WHERE id = ?', [columns, 'users', userId], function (error, results, fields) {...

2019-11-04 11:14:36 424

原创 10.9 http学习，使用原生http保存图片，MIME以及node-mime框架，原生实现百度代理，jsdom爬天气预报，vue数据驱动原理待解析，声明式渲染，v-cloak，vue事件修饰符

HTTP：Request消息分为三个部分：RequestLine：请求行RequestHeader:请求头RequestBody：请求正文RequestLine：METHOD/path-to-resourceHTTP/Version-number原生http模块请求图片并保存到本地...

2019-11-01 10:08:27 220

原创 10.17 样式初始化，selector内存地址和栈，redis常用命令，nodeMysql时区问题，fs常用语法，react按下事件的坑，vue变异方法修改对象和数组，V|R监听事件对象，计算属性

样式初始化https://www.cnblogs.com/liangfc/p/7736567.html

2019-10-31 16:31:20 122

原创 10.12 记录kids-coding登录注册模块开发过程，日期转换+库，eject报错，react-webpack配置相关，react目录结构，props为空，Iconfont引入失效，边框单边控制

在没有任何指导以及明确的需求的情况下，我只能仿。用户表字段设计1、注释老猫登录模块2、注释文件夹模块3、注释意见反馈模块即注释 644-705 行回顾组件定义原则：基础组件功能组件1、开发头像按钮完毕2、开发弹出层 // 应根据redux呼出隐藏，但成本问题，直接整合入一个menubar/kids-login.jsx中，实现登录逻辑。...

2019-10-20 13:47:26 141

原创 9.15 width: calc()，边框bcgImage表示，React大众点评学习4，WebpackDefinePlugin，blob相关学习, textarea { resize:none; }

width: calc(100% - 68px);css3 的 calc()函数。这里的意思是设置宽度比100%的宽度少68px。边框bcgImage表示 // image分别表示2条边框，以position和size进行边框描绘。...

2019-10-17 11:19:36 179

原创 10.6 react性能优化 Reselect，路由懒加载dynamic import()，项目的构建与部署，打包路径问题

一、Reselect1、使页面更关注组件本身而不是状态量，避免页面组件需要计算得到selector。2、reselect可以提升redux性能。// 前几次参数是selector，最后一个回调函数是，前面selector的集合，并操作。export const getTotalPrice = createSelector( getQuantity, getProduct, (q...

2019-10-08 20:21:43 856

原创 10.1个人小结：Blob | File 文件类型 + FileReaer类，相互的转化。

function download() { // 1、定义字符串 const obj = { name: '手儿', age: '23', character: ['respect', 'honor'] } // 2、生成blob对象 const blob = new Blob([JSON.stringify(obj)...

2019-10-02 11:52:25 380

原创 9.22 妙味学习：commander两种命令方式运行，chalk，inquirer，npm i -g 原理，Electron案例+菜单构建+数据共享+todo案例

1.1、定义子命令，若空占位。则交由主命令执行。1.2、若不为空，则交由子命令执行。总结：空占，直接在根引入模块commander.command()触发。不空占，需重新const subCommander 子命令在subCommander.active() 上挂载逻辑。action的回调参数就是command定义的参数。2、以选项方式运行命令。 // 打印当前文件名案例1：...

2019-10-02 11:51:31 823

原创 9.12 scratch gui vm安装，运行scratch-vm（以及问题），chrome-app文档的serial和runtime

1、官方的例子-快速启动一个electron程序git clone https://github.com/electron/electron-quick-start.git2、

2019-10-02 11:51:04 1123 1

原创 web常用技巧收集2=>各种导入导出规范 + 移动端meta + 路由守卫 + element-resize-detector，NVM，express后端跨域手写，HTTP各种文件格式的上传与解析

各种导入导出规范https://www.cnblogs.com/lishuxue/p/6000205.html

2019-09-30 23:10:20 133

原创 9.14 工作学习：React.createClass和React.component区别，redux缓存层，Router思路，星级评分，li圆点距离变化，路由后退，移动端手机拨号，html自身有间隔

React.createClassthis自绑定。React.componentthis不会自绑定三种绑定方式 1、constructor声明期bind 2、this.handleClick.bind(this) 3、() => this.handleClick()以及初始状态state的配置不同，和mixin混入差异。来自大佬：...

2019-09-14 23:48:52 139

原创 9.4 Scratch3/www，踩坑，修改chroblocks模块LED输入方式，第五天：修改模块并同步一键云部署（软连接制作，密钥生成，编写shell脚本实现发布，与git pull 分支更新)。

1、git clone 官网的scratch3.0/www问题1： python2模块。方案：需安装到c://Python27下问题2：先安装Cocos2d-x模块。https://cocos2d-x.org/download

2019-09-13 09:36:08 558

原创 vue 进阶之路1，温故知新，组件的拆分， props之validator()验证，下拉刷新预设，组件通信篇，before+proxy+easy-mock，动态路由思路

温故知新1、path: ‘*’ // 定位不存在的路由2、v-if="$slot.left" // 若name为left的插槽为空。3、相邻兄弟选择器.nav-left { margin-left: 10px; ~ .nav-right { position: static; }}4、幻灯片自身属于基础组件(base)，页面组件(page)中引入业务组件(Slider.vu...

2019-09-13 09:33:07 620

原创 8.31 React 大众点评学习2，网络请求层，react-slick，规范之间的关系，package.json配置eslint，伪元素￥对应content: '\A5'，视口宽高获取偏差异常

redux-thunk常规使用方式1.1、action 注册（包括描述形参、types集合）。1.2、异步action，需要使用中间件。返回一个带有dispatch的函数，在请求完成dispatch(requestSuccess(data))将data传给reducer。2、reducer 解析（对action行为的实现，最终改变state）使用redux中间件封装...

2019-09-13 09:29:55 248

原创 React 大众点评学习1，VScode-React常用插件，初始化react项目，Redux入门总结，设计State的原则，view层与state层独立，Immutable，架构设计之目录结构

传统的js,jquery开发都是基于面向过程的开发react或vue 都是基于面向组件（对象）的开发面向对象的三大基本特征：封装,继承,多态。VScode-React常用插件prettier // 格式化代码reactjs code snippets // 快速生成react代码 rcc初始化react项目1、npx create-react-app todolist2、cn...

2019-08-31 10:06:25 431

原创 Node 进阶之路1，递归删除文件与文件夹，命令行开发入门commander+相关收集+child_process

1、Buffer：用于操作二进制数据的类。（比如图片音频非字符串描述文件）2、Buffer将存储为16进制3、位(0&1) -> 字节(8位)4、一个中文在UTF-8编码下，字节长度为3。字符长度为2，字段（汉字本身）长度1.Buffer1、Buffer缓冲区，程序读取数据向写入硬盘，没有Buffer，则必须等硬盘写入完毕才能继续操作。所以，加入了Buffer缓冲区的概...

2019-08-31 10:05:35 246

空空如也

空空如也