CNSamRol的博客

点击上传选择要上传的图片。上传成功会加载图片的缩略图。此时，图片以保存在后端的静态目录中。

JWT是JSON Web Token的缩写，jsonwebtoken这个模块有两个常用的方法，sign()和verify()作用分别是生成token和验证token，sign()方法需要3个基本的参数，1.加密内容，2.密钥，3.过期时间。访问/login时后端会做：拿到前端请求带过来的账户和密码，连接数据库，查询登录信息是否正确，不正确则回应登录错误给前端，信息正确：生成token，把token添加到header的Authorization里，返回成功信息。补充一个数据库连接配置。

在网速较低或者网站的服务器宽带只有几MB的情况下，网页中的图片加载时，要么空白，要么像打印机一样一行一行地“扫描”出来，为了提升用户体验，可以给图片标签外加一层骨架。

这幅饼状图由title、legend、series和tooltip这四个组件组成，每个组件都有对应的属性来调节参数，下面是组件的具体内容。

我们知道input的color只有rgb而没有rgba，所以我们需要写一个函数来生成rgba。为input标签绑定v-modle，来实现双向绑定。为box绑定内联样式。

Webpack 本身只能处理 is、ison 等资源，其他资源需要借助 loader，Webpack 才能解析。eslint是用于检查javascript语法的，帮助我们检查语法错误和纠正语法错误。以开发模式打包 main.js（production--生产模式）指示Webpack打包完的文件输出到哪里去，如何命名等。以CSS为例：在入口文件中导入css样式文件。指示Webpack在哪里开始打包。扩展 Webpack 的功能。生产模式:production。创建webpack配置文件。

第一行是创建一个timeline,这是gsap中一个强大的排序工具，易于把一套动画作为一个整体进行控制并且能精确管理时间。是挨个运行的，就是说第一个动画运行完第二个才开始运行，当然你可以设置某个动画提前运行，defaults是默认属性，ease是。这里用的是选项式，在methods属性中创建一个方法用来写gsap的动画。最终位置，就是说你要填的是元素最终的样式。下面几行就是写gasp的动画，to()方法的意思是，导入GSAP，如果需要导入gsap的插件可以。，duration是每个动画的过渡时间。

新建一个js文件mixin.js。Vue中引入Mixin。

动态组件<component>可以实现组件之间的动态切换。

封装WebSocket基本框架。必备监听器值open、close、error、message。在页面调用封装好的WebSocket。send()为发送函数。创建js文件， ↓↓↓↓↓参考代码↓↓↓↓↓。连接websocket时触发。关闭websocke时触发。

【代码】【小程序】pages,subPackages,tabbar结构(仅供回忆)

点击事件，如果子组件要通过点击事件来触发。时，可以在子组件中用。

注意：Mobx相关的包安装完毕之后，记得删除miniprogram_npm目录后，再进行npm重构。创建一个文件夹，再创建一个js文件用来创建Store的实例对象。mobx-miniprogram-bindings用来。把Store中的共享数据或方法，绑定到组件或页面中使用。创建actions方法，用来修改store中的数据。用来创建Store实例对象。btnHandler2方法。btnHandler方法。

behaviors是小程序中，用于实现组件之间代码共享的特性，类似于vue.js中的"mixins"。

里调用this.selectComponent("id或class选择器"),获取子组件的实例对象，从而直接访问子组件的任意数据和方法。● 父组件可以通过this.selectComponent()获取子组件实例对象， 这样就可以直接访问子组件的任意数据和方法。的xml中，通过自定义事件的形式，将步骤1中定义的函数引用，传递给子组件。④ 在父组件的js中，通过e.detail获取到子组件传递过来的数据。的js中，定义一个函数，这个函数通过自定义事件的形式传递给子组件。件传递数据，可以传递任意数据。

滚动条效果实现步骤1、隐藏默认滚动条::-webkit-scrollbar{ width: 0;}2.仿制滚动条创建两个div，一个是滚动条的槽，一个滚动条。<div id="progressbar"></div><div id="scrollPath"></div>...