飞扬_柳絮的专栏

微信开放平台： 给非微信内的应用，提供使用微信能力　　非微信内的应用包括：独立的app，第三方网站（通常是pc站）　　　　　 核心能力：授权登录、微信支付、分享朋友圈。。。　　eg: 一个App，需要使用微信登录或者微信支付，那么就需要在开放平台中做相应的配置与操作微信公众平台： 给运行在微信内的小程序&网页，提供使用微信接口的能力【相关接口的权限绑定在注册的微信公众号上】　　　　　　核心能力：授权登录、微信支付、分享、JS-SDK相关能力。。。　　　eg: 开发一个网页，用户会在微信打

1、唤出vscode控制台, 输入win: Ctrl + Shift + Pmac: command + Shift + P2、输入snippets, 点击 首选项：配置用户代码片段3、在出现的框中输入 vue 之后按回车键, 出现 vue.json 文件4、在vscode中创建一个vue新文件，敲上你想要的组件模板5、打开配置生成地址，把模板复制到左侧 your snippet 里面，右侧就会生成配置模版。6、将配置模版复制到 vue.json 即可7、测试下，新建个

1.npm init -y // 快速初始化一个项目2.新建命令行的入口文件 /bin/cli.js #! /usr/bin/env node //用于解释程序的脚本 console.log('Hello World!') //为了测试是否正常3.在package.json中新建bin对象,存放之后需要执行的js文件 { ...., "bin": { "temp-cli": "./bin/cli.js" } .... }4.将np

参考：vue cli2.x及3.x多环境打包配置

window上搭建npm私仓（verdaccio）搭建npm私库1、安装verdaccio首先电脑上要安装有nodejs【具体安装流程请自行网上搜索】npm install -g verdaccio --unsafe-perm如下图所示：安装完成后如果没有提示错误则表示安装2、启动verdaccio3、修改配置文件 config.yaml3.1 在配置文件的末尾添加listen: 0.0.0.0:4873【配置此选项则是允许任何外部的所有IP都可以访问到此服务】3.2 配置npm

获取小程序码参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html自定义分享按钮参考文档：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object...

Json 常用方法json --> 数组let jsonObj = {'未完成':5, '已完成':8, '待确认':4, '已取消':6};let arr = []for (let i in jsonObj) { let item = {}; item[i] = jsonObj[i]; arr.push(item);}console.log(arr); // [{未完成: 5},{已完成: 8},{待确认: 4},{已取消: 6}]获取json对象长度let

Payload(默认) Content-Type: ‘application/json; charset=utf-8’ 【序列化的JSON字符串】　　let data = { name: “jack”, sex: “man”};　　提交数据格式：JSON.stringify(data)备注：ajax 默认请求格式; axios会发两个请求，第一个是options，然后再就是实际的请求方式。Form Data　 Content-Type: ‘application/x-www-form-url

一、md5 加密1、在项目中引入 md5.js/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributors: Greg Holt, Andrew Kepert, .

有效解决方案： 重新安装cnpm1.卸载原有旧的版本：npm uninstall -g cnpm --registry=https://registry.npm.taobao.org2.注册模块镜像：npm set registry https://registry.npm.taobao.org3.node-gyp 编译依赖的 node 源码镜像npm set disturl https://npm.taobao.org/dist4.清空缓存npm cache.

官网地址：https://v3.cn.vuejs.org/Vue3.x让人惊艳的一些新特性：一、新方法1、setup()、ref() 函数在<script >上 开始使用 setup()、ref() 函数 setup(): 可以代替 Vue2 中的 date 和 methods 属性 ref(): 要在template中使用的变量，必须用ref包装一下 return: return出去的数据和方法，在模板中才可以使用，这样可以精准的控制暴露的变量和方...

一、新建项目 1、vue create vue3_ts 【保证 vue-cli 的版本在V4.5.4以上《查看版本 vue -V》，此时才有创建Vue3的选项】$ vue create v3_ts? Please pick a preset: (Use arrow keys) //请选择预选项> Default ([Vue 2] babel, eslint) //使用Vue2默认模板进行创建 Default (Vue 3 Pr.

设置淘宝 NPM 镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org一、安装 安装某个npm包： npm i packageName 安装某个版本的包： npm i packageName@x.x.x安装并写入package.json生产依赖： npm i packageName -S安装并写入packag...

1、安装：npm install --save vue-router2、基本配置：// 2.1 路由声明： index.js import Vue from 'vue';import Router from 'vue-router';Vue.use(Router) // 全局使用import Home from "./views/home";export default new Router({ mode:'history', // 刷新会跳转到首页 routes:[

命名规则： 组件：组件名应该始终是多个单词的，首字母大写，标签上小写，用 - 分隔export default的写法顺序： - name - data - props - computed - watch - metods - components - created - mounted参考：https://cn.vuejs.org/v2/style-guide/index.html...

BFC(Block formatting context)的定义：块级格式化上下文 BFC是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC(Block formatting context)的触发条件==满足下列条件之一就可触发BFC==【1】根元素，即HTML元素【2】float的值不为none【3】overflow的值不为visible【4】display的值为inline-blo..

一、小程序原生-云函数1、在项目根目录下新建云函数存放的文件夹目录： "functions/"，并在project.config.json 中加入配置2、右击functions 文件夹选择当前环境，环境选择好后，再右击选择：新建Node.js云函数 ３、云函数代码编写４、安装依赖Node.js + wx-server-sdk包(云开发的node包文件)　　4.1) 安装wx-server-sdk包： cnpm install wx-server-sdk --sav...

实际开发需求： A域名网页 --> B域名网页传值 解决方案： window.postMessage 和 iframe相结合的方法window.postMessage(message, targetOrigin) message: 将要发送到其他 window的数据，在传递参数时需要使用JSON.stringify()方法对参数序列化 targetOrigin：指定哪些窗口能接收到消息事件，其值可以是字符串"*"（表示无限制）或者一个URI。在发送消息的时候，如果目标窗口的协议...

前端UI设计稿对比工具 - chrome+webpack插件

一、父组件、子组件通信1、父子组件通信： 父组件通过 props 向下传递数据给子组件 父-->子(方法)：可以通过ref直接获取子组件实例XX，方法调用XX.xx 备注： 1) 单向数据流，所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。额外的，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为...