完美前端

摘要：Favicon.ico的优化 // 如果不显式地设置这个图标，浏览器会默认地向网站的根目录发送请求以获取这个图标。 // 若网站根目录中也缺少这个图标，这将导致一个404错误。 // 为了优化用户体验和减少不必要的请求，有两种策略： // 1. 提供一个favicon.ico图标。 // 2. 显式 阅读全文

摘要：三种异步函数问题及解决方案 // 示例展示了一个函数中存在的异步问题。 // 在这个例子中，我们的函数并没有返回任何值，因为setTimeout是异步的。 let fn = () => { let name = '张三'; setTimeout(() => { return name; }, 100 阅读全文

摘要：第三方包 // 使用 'mkdirp' npm包可以创建多级文件夹 Node.js内置的文件系统模块方法 let fs = require('fs'); // 1. 检测是文件还是目录 // fs.stat('./package.json', (err, data) => { // if (err) 阅读全文

摘要：工具类定义 // 定义一个tools工具类 let tools = { // get方法,用于获取数据 get: function () { console.log('get获取'); } } 模块导出 // 导出tools模块，供其他文件使用 module.exports = tools; NPM 阅读全文

摘要：完整的代码, 可以复制引用 // 引入http模块 let http = require('http'); // 引入url模块 获取域名后面的url let url = require('url'); // 创建http服务 // request 获取客户端传过来的信息，response 给浏览器 阅读全文

摘要：Nodejs 介绍 Node.js 是一个 Javascript 运行环境(runtime)。它允许 JavaScript 开发后端程序，实现与其他后端语言相同的功能。Nodejs 基于 Google V8 引擎，这是 Google 发布的一个开源的 JavaScript 引擎，原本主要用于 Chr 阅读全文

摘要：新项目在创建的时候勾选上ts 已存在项目安装ts， vue add @vue/typescript 不建议在已有的项目安装ts 会把所有的js替换为ts，是破坏性的。 阅读全文

摘要：安卓图标mipmap-hdpi(文件夹名字) 72*72(图片尺寸) ic_launcher(图片名字) mipmap-mdpi(文件夹名字) 48*48(图片尺寸) ic_launcher(图片名字) mipmap-xhdpi(文件夹名字) 96*96(图片尺寸) ic_launcher(图片名字 阅读全文

摘要：#### 安装node.js sudo chmod -R 777 git # 释放读写权限。git是文件夹名 #### 单独vue 安装创建 cordova项目 (不要cnpm) sudo npm install -g cordova cordova create xuanwu com.exampl 阅读全文

摘要：创建证书 1. 打开 钥匙串访问 -> 证书助理 (如果找不到，可以在左上角查找) -> 从证书发布机构请求证书 2. 弹窗信息填写：电子邮件随意写，常用名称随便写。选择“存储到磁盘”并保存，注意：删除后会影响已经使用的app。 苹果开发者账户设置 1. 登录苹果开发者账户 -> 选择开发者中心 - 阅读全文

摘要：APP图标icon 57 * 57icon@2x 114 * 114icon-20 20 * 20icon-20@2x 40 * 40icon-20@3x 60 * 60icon-24@2x 48 * 48icon-29 29 * 29icon-29@2x 58 * 58icon-29@3x 87 阅读全文

摘要：1. 安装 Cordova 和 Ionic npm install -g cordova ionic // 如果npm安装不成功，可以使用cnpm // 首先安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2 阅读全文

摘要：完整的代码, 可以复制引用 <template> <div id="app"> <div class="nav_box"> <ul> <router-link :to="{name:'home'}" exact='exact' class="nav_list_lk" tag="li">home</r 阅读全文

摘要：完整的代码, 可以复制引用 新建animation.js文件 const Animation = { // 中奖排行榜ranking('meque', 'meque_text', -1) /** * @description 中奖排行榜滚动 * @function ranking * @param 阅读全文

摘要：完整的代码, 可以复制引用 个人在项目里的常用工具 新建utils.js文件 let Utils = { // 缓存处理工具 // let users = this.Utils.storage.get('users'); // if (users) {} storage: { /** * 存储数据到 阅读全文

摘要：完整的代码, 可以复制引用 vue2的vuex配置 import Vue from 'vue' import Vuex from 'vuex' // 导入API库 import Api from '../lib/api/api' // 导入工具库 import Utils from '../lib/ 阅读全文

摘要：完整的代码, 可以复制引用 vue2的router路由配置 // 引入所需的库和模块 import Vue from 'vue'; import Router from 'vue-router'; import store from '../store'; // 引入Vuex的store impor 阅读全文

摘要：完整的代码, 可以复制引用 vue2的axios http请求配置 import axios from 'axios'; import store from './store'; import { Toast } from 'path-to-toast-component'; // 全局Toast组 阅读全文

摘要：完整的代码, 可以复制引用 管理api地址的文件配置 // 引入api配置文件 import apiConfig from './config'; let Api = { // 定义API的基本域名 domain: process.env.URL, // 图片的基础URL imgUrl: proce 阅读全文

摘要：完整的代码, 可以复制引用 功能开关的组件, 左右开关 <template> <div> <div> <!-- 切换面板，通过点击事件来改变flag的值 --> <div class="switch-panel" @click="toggleFlag" :class="{'switch-left': 阅读全文

摘要：完整的代码, 可以复制引用 自定义单选框的组件 <div> <div> <!-- 按钮用于切换显示和隐藏性别选择 --> <button @click="show=!show">show</button> <!-- 使用Vue的transition组件实现动画效果 --> <transition n 阅读全文

摘要：Node.js安装 安装node.js 引入jQuery var $ = require('jquery'); window.$ = $; Vue CLI 安装与项目初始化 安装vue-cli npm install -g vue-cli vue init webpack 文件夹名 在安装文件夹下n 阅读全文

摘要：完整的代码, 可以复制引用 // 这部分简述了Flutter如何检测和监听网络连接的变化 // 使用了'connectivity'库来实现这一功能 Flutter检测网络完整示例代码 import 'package:flutter/material.dart'; import 'package:co 阅读全文

摘要：一、Flutter 扫描二维码条形码插件 barcode_scan 1. 安装 // 请按照官方文档或相关教程进行安装 2. 配置权限 // 在你的 AndroidManifest.xml 中添加摄像头权限 Add the camera permission to your AndroidManif 阅读全文

摘要：1. 支付宝客户端支付流程 // 官方支付流程文档提供了支付宝客户端支付的详细步骤 https://docs.open.alipay.com/59/103658/ 2. 准备已有的 Flutter 项目并安装插件 // 使用以下链接安装sy_flutter_alipay插件到你的Flutter项目中 阅读全文

摘要：1、微信 APP 支付前的准备工作，以及需要获取内容 // 准备工作: 必须要有企业营业执照、对公账户。 // 需要获取内容: APPID: 应用 APPID(必须配置，开户邮件中可查看) MCHID: 微信支付商户号(必须配置，开户邮件中可查看) KEY: API 密钥，参考开户邮件设置(必须配置 阅读全文

摘要：Flutter 微信支付流程 1. 官方流程图 https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=8_3 2. 简单流程: 1. 调用后台 api 接口生成签名字段 2. 调用支付插件传入签名字段完成支付 3. 支付完成以后处理回调 阅读全文

摘要：Flutter Android 中实现微信支付 sy_flutter_wechat Android 微信支付注意事项 // 说明: 微信支付无法直接通过调试工具进行测试。如果直接连接调试器，将返回错误码-1。 // 在这种情况下，我们需要使用之前的签名文件重新生成签名，然后将其发送到手机上进行测试。 阅读全文