飞扬_柳絮的专栏

原创 飞扬_柳絮的博客导航

HTML移动端基本Mate合理选择图像格式CssCss 记事伪元素 & 伪类网页自定义字体使用 @font-faceiconfont 图标字体的使用Css3动画弹框水平垂直居中自定义radio样式行内元素在div中水平垂直居中多行文本最后行末尾省略号显示Sticky footer布局两列自适应布局三列布局--双飞翼布局设备像素...

原创 TypeScript 简介

什么是 TypeScript

原创 前端统一开发环境

前端统一开发环境

原创 whistle 的使用

whistle 手机抓包

原创 nvm 安装【Mac M1】及使用

nvm 安装及使用

原创 HBuilerX 运行支付宝小程序

支付宝小程序

原创 移动端Web开发调试之真机连调（安卓、iphone）

移动端Web开发调试之Chrome远程调试(Remote Debugging)

原创 初识 【快应用】

快应用官网、九大厂商名、测试环境调试

原创 Git 权限问题

git 权限问题

原创 VuePress 搭建开发文档

目录结构.├── docs│ ├── .vuepress (可选的)│ │ ├── components (可选的)│ │ ├── theme (可选的)│ │ │ └── Layout.vue│ │ ├── public (可选的)│ │ ├── styles (可选的)│ │ │ ├── index.styl│ │ │ └── palette.styl│ │ ├── templates (可选的, 谨慎

原创 微信开放平台、公众平台的区别

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

原创 vscode 配置vue模版

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

原创 如何搭建一个自己的 cli 脚手架

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多环境打包配置

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

原创 window上搭建npm私仓（verdaccio）

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...

原创 JavaScripts 数组 Json相关

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

原创 axios 请求数据格式

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

原创 uni-app 中使用md5加密；AES加解密

一、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, .

原创 cnpm 安装成功，cnpm i 无反应，光标一直闪烁

有效解决方案： 重新安装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.

原创 Vue3.x 新特性

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

原创 如何搭建 Vue3 + TypeScript 开发框架

一、新建项目 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 镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org一、安装 安装某个npm包： npm i packageName 安装某个版本的包： npm i [email protected]安装并写入package.json生产依赖： npm i packageName -S安装并写入packag...

原创 vue 路由

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:[

原创 vue 风格指南

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

原创 BFC：块级格式化上下文

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...

原创 localStorage 跨域存储方案

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

原创 前端UI设计稿对比工具

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

原创 Vue 组件通信

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

原创 正则表达式

1、什么是正则表达式 正则表达式是一个强大的字符串匹配工具，通常被用来检索、替换那些符合某个模式(规则)的文本。

转载 URL中的#

URL中的#：https://juejin.im/post/6844903705809010696

原创 JavaScript 编码＆解码

解码url里的gbk汉字编码function urldecode(str, charset, callback) { window._urlDecodeFn_ = callback; var script = document.createElement('script'); script.id = '_urlDecodeFn_'; var src = 'data:text/javascript;charset=' + charset + ',_urlDecodeFn_("' + st

原创 unionID & appID 的区别

原创 vsCode vetur插件 + .prettierrc.js 配置格式化规范

前言 用vsCode开发Vue项目，Vetur插件是必装的，然后有时候为了格式化代码，我们还装了Prettier插件、ESLint插件，而且Vue CLI也装了ESLint，其实，都没必要。格式规范大多是浮云 先了解一下ESLint的Airbnb、Standard、Prettier三个Lint规则： 1.Airbnb、Standard这两个要比Prettier严苛，它两个会对代码逻辑做约束，而Prettier很少从代码逻辑上考虑优化。也就是说，Airbnb、Stand...

原创 web、pc、wap、app的区别

通常情况下web=pc，wap=app，前者指电脑用的程序，后者指手机用的程序；更深层的区别： web电脑上网页，pc电脑上软件，wap手机上网页，app手机用软件

原创 微信小程序 cover-view 简单介绍/使用

cover-view：覆盖在原生组件之上的文本视图(可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher) 1、cover-view 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button 2、cover-view 不支持设置单边的border、background-image、shadow、overflow: visible等备注：1、使用场景：在 web-view &amp...

原创 uni-app 框架简介

什么是 uni-app uni-app: 一个使用 Vue.js 开发所有前端应用的框架【vue的语法、微信小程序api】外部文件引用变化js模块(注意不是文件)引用：<script> var util = require('../../../common/util.js'); //require这个js模块 var formatedPlayTime = util.formatTime(playTime); //调用js模块的方法 </scri...

原创 vuex 状态管理模式

Vuex： 单一状态树Vuex 的定义：import Vue from 'vue'import Vuex from 'vuex'const store = new Vuex.Store({ state: { // 数据 count: 0 }, mutations: { // 修改Store 内数据状态的方法，必须是同步事务 increment (state,n) {

转载 HTTP 常用知识点

转载：https://www.0php.net/posts/HTTP 常用知识点.html0x00 报文格式一个普通的HTTP请求报文格式如下： [请求方法] [URI] [HTTP版本]Host: [主机地址]// ... 其它请求头信息// 一行空行[请求实体] 简单例子如下： GET / HTTP/1.1Host: www.baidu.com 上述例子有两个空行，但并非无意义。第一行空行为分割请求头和请求实体的标志，第二行是因为..