自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(294)
  • 资源 (7)
  • 收藏
  • 关注

原创 webpack dll如何单独打包独立库

1. 项目根目录创建webpack.dll.js文件//webpack.dll.jsconst { resolve } = require('path')const { webpack } = require('webpack')module.exports = { entry: { //这里以单独打包jquery库为例 jquery: [ 'jquery' ] }, output: { filename: '[name].js', //打包后的文件名 path:

2020-11-28 20:40:27 7

原创 创建一个vue3的项目

1. 创建一个普通的vue3项目npm instal -g @vue/cli //全局安装最新vue构建工具 (默认最新)npm create testvue3 //创建一个名为myvue3的项目选择 Default ( Vue 3 Preview)//运行项目cd testvue3yarn serve效果图:2. 创建一个基于vite开发的vue3项目npm instal -g create-vite-app //全局安装最新vite构建工具 (默认最新)crea

2020-11-22 18:20:12 32

原创 Github中如何给项目创建GitHub Pages官方网页

实现效果图:我的项目是:https://github.com/shunyue1320/uab-ui我需要给项目创建一个官方文档的网页如:https://shunyue1320.github.io/uab-ui看着Github大项目都有一个高大上的官方文档,而这是怎么实现的呢? 其实很简单,接下来我们就来自己动手实现一下吧!1. 项目根目录创建一个docs文件docs文件其实就是存放你的项目官方文档所描述的信息。我们这里拿VuePress为例,VuePress的目的其实就是给项目更简单的写一

2020-11-21 17:53:12 22 3

原创 electron在window7上安装白屏问题

问题描述:electron5.0.13以上的版本打包win7上需要.NET Framework 4.6 版本及以上版本才可以运行,但是有些win7由于是SP1的系统属于精简版window所以无法安装 .NET Framework 4.6及其以上版本.NET Framework官方下载地址解决方法:可以安装的话安装.NET Framework 4.6版本及其以上版本升级或重新重装win7标准版系统降低electron版本至5.0.13参考文献:https://blog.csdn.net/

2020-11-20 10:14:13 31

原创 手写一个react-redux,原理一目了然

react-redux的功能如下:Provider 为后代组件提供storeconnect 为组件提供数据和变更方法数据变化时自动更新组件了解react-redux的功能移步这里下面我们开始实现react-redux的几个功能://my-react-redux.jsimport React, {useContext, useReducer, useLayoutEffect} from "react";const Context = React.createContext(); //创建全

2020-11-14 18:52:37 25

原创 react-redux用法以及Hooks API的使用

Hooks APIuseReducer用法:useReducer是useState 的替代方案。它接收一个形如 (state, action) => newState 的 reducer,并返回当前的 state 以及与其配套的 dispatch 方法。例子:import React, {useReducer, useLayoutEffect, useEffect} from "react"import {counterReducer} from "../store"const init

2020-11-14 17:57:14 39

原创 commonjs, es6 module什么是循环依赖?

什么是循环依赖?循环依赖是指模块A依赖于模块B,同时模块B依赖于模块A。比如下面这个例子:// foo.jsconst bar = require('./bar.js');console.log('value of bar:', bar);module.exports = 'This is foo.js';// bar.jsconst foo = require('./foo.js');console.log('value of foo:', foo);module.exports =

2020-11-14 17:23:13 12

原创 redux 配置@connect()装饰器

package.json"dependencies": { "@babel/plugin-proposal-decorators": "^7.12.1", "@craco/craco": "^5.8.0", "craco-less": "^1.17.0",}"scripts": { "start": "craco start", "build": "craco build", "test": "craco test" },craco.config.jsconst Cra

2020-11-12 21:56:29 22

原创 深入浅出 redux中间件

redux中间件是什么?理解redux中间件首先我们需要理解redux是什么, Redux是JavaScript应⽤的状态容器。它保证程序⾏为⼀致性且易于测试。当业务足够复杂时,我们就需要使用redux来存储我们的多页面共同数据redux的使用范例://src/store/index.jsfunction countReducer(state = 0, action) { switch (action.type) { case "ADD": return state + (action.p

2020-11-04 00:03:52 17

原创 我写了一个青铜版vue

我的青铜版vue代码地址: 【GitHub | 码云】【GitHub | 码云】——青铜版vue代码都是结核vue源码简化实现注释详细可放心品尝实现原理图:vue.js初始化流程图:对应vue源码数据响应式 Observer 原理:Observer 作用:通过Object.defineProperty给 data 内的所有层级的数据都进如下操作:class Observer { constructor(data) { //__ob__ 一个响应式标记 作用:将当前this'继承

2020-10-25 15:55:06 53

原创 electron npm快速安装electron最新版,leader再也不用担心我下载electron了

问题描述:npm install electron //…下载中//After one hour …下载中npm快速下载electron:删掉 ./node_modules/electron/ 目录进入 ./node_modules@electron\get\dist\cjs\index.js 文件,修改这里://54行下面追加如下代码 注意electron版本对应你自己的版本console.log(url);if (url.startsWith("http://npm.tao

2020-10-14 17:42:31 68

原创 vue 简单实现vuex原理

效果图如下:1. 准备好环境使用 vue/cil 初始化项目配置:npm install -g @vue/cli //全局安装@vue/clivue create demo-vue //创建项目yarn add vuex安装vuex创建一个store文件夹并使用:2. 实现目的stroe/index.js内容如下:(我们的目的将引入自写的vuex实现vuex基础功能)import Vue from 'vue'import Vuex from 'vuex' /

2020-10-11 00:00:13 52

原创 yarn android报错 未找到sdk (SDK location not found. Define location with an ANDROID_SDK_ROOT)

报错内容:What went wrong:Could not determine the dependencies of task ‘:app:installDebug’. > SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project’s local properties file at ‘

2020-10-09 16:00:02 128

原创 flutter 与 react-native 之gradle-x.x-all.zip 下载缓慢或失败解决方法

官网下载gradle-x.x-all.zip之后复制到文件夹C:\Users\用户名\.gradle\wrapper\dists\gradle-x.x-all\xxxxxx\内即可,不要解压。下载对应版本:

2020-10-09 14:54:05 26

原创 vue 手写一个vue-router

实现效果如下:1. 准备好环境使用 vue/cil 初始化项目配置:npm install -g @vue/cli //全局安装@vue/clivue create demo-vue //创建项目yarn add vue-router 安装vue-router创建一个router文件夹并使用:2. 实现目的router/index.js内容如下:(我们的目的将引入自写的vue-router实现vue路由跳转功能)import vue from 'vue'//imp

2020-10-04 21:55:14 101

原创 vue 的4种实现动画方式

效果图如下:1. 合使用第三方 JavaScript 动画库,如 Velocity.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&lt

2020-09-26 15:24:31 110

原创 nuxtjs 国际化i18n

1. 设置国际化匹配文字:locales/zh.json: (locales/en.json 英文同理){ "topbar": { "home": "首页", "pin": "沸点", "topic": "话题", "book": "小册", "search": "搜索" }, "menu": { "home": "我的主页", "label": "标签管理", "logout": "登出", "login": "

2020-09-19 10:08:07 138

原创 vetur mode_modules Cannot find name template 红色波浪不显示

解决方法:打开文件–首选项–设置中搜索Vetur,拉到最底部不勾选勾选Script即可:勾选前:取消后:

2020-08-28 10:24:11 107

原创 vue 录音navigator.mediaDevices.getUserMedia简单实现

vue 录音navigator.mediaDevices.getUserMedia简单实现<template> <div id="microphone-test"> <!-- controls 显示音频 --> <audio ref="recordPlayer" controls src="" /> <button @click="startRecord">开始录音</button> <b

2020-07-31 16:25:29 548 1

原创 js对象key使用变量命名

JavaScript object对象key使用变量命名let key = "name"let obj = { [key]: "Bob" } //{name: "Bob"}

2020-07-23 12:27:30 187

原创 vue获取form内所有name数据

vue获取form内所有name数据不使用 v-model 实现jQuery的 $(‘form’).serializeArray() 功能<div id="app"> <form ref="form" @submit.prevent="submit"> <input type="text" name="name"> <input type="number" name="age"> <button type="submit"

2020-07-23 12:17:40 916

原创 vue v-model接收组件内 type=“file“ @input传递文件

vue v-model接收子组件 type=“file” @input传递文件://使用组件时 接收的文件存在form.file中<FormFile v-model="form.file" />//组件内 //注意里面不可添加:value="value"<input type="file" @input="$emit('input', $event.target.files[0])">...

2020-07-13 11:28:03 246

原创 vue form表单最简写法

vue form表单最简单写法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> <title>vue</title></head><body>

2020-07-12 09:52:13 303

原创 flutter 渐变色

flutter 颜色渐变:Positioned.fill( //使用绝对定位可全局渐变(可不用) child: Container( decoration: BoxDecoration( gradient: LinearGradient( //渐变位置 begin: Alignment.topRight, //右上 end: Alignment.bottomLeft, //左下 stops: [0.0, 1.0],

2020-07-11 11:35:46 971

原创 flutter FlatButton 按钮填充满 Container

flutter FlatButton按钮填充满Container:Container( child: SizedBox( //使用SizedBox给子元素指定固定的宽高 width: double.infinity, //设置宽高最大 height: double.infinity, child: new FlatButton( onPressed: () { setState(() { }); },

2020-07-11 09:11:44 585

原创 flutter 数据存储3种方式

flutter 数据存储3种方式1. sqflite 插件 官方推荐的重量级存储插件 需要有sql基础,对数据库增删改查GitHub地址学习文档相关API2. shared_preferences插件 官方提供目前使用最广泛便捷的flutte存储数据方式,类似浏览器的localStorage存储官方地址学习文档3. flie 通过文件来存储数据,一般情况不推荐使用读取效率低官方地址学习文档...

2020-07-05 18:39:18 372

原创 flutter 路由插件fluro配置及其使用

flutter 路由插件fluro配置及其使用pubspec.yaml:引入插件dependencies: flutter: sdk: flutter fluro: "^1.6.3"1. 首先创建一个router_handler.dart文件,定义路由去到哪个部件,以及传递给该部件的参数:router_handler.dart文件如下:import 'pagckage:flutter/material.dart';//引入路由插件fluro 需要在pubspec.yaml文件中

2020-07-05 17:43:43 258

原创 flutter json工厂模式

请求到的JSON:{ "a": "aa", "b": [ { "ba": "b1111", "bb": "b2222" }, { "ba": "b3333", "bb": "b4444" } ], "c": { "ca": "c111", "cb": "c222" }}对

2020-07-05 10:00:42 121

原创 flutter 禁止GridView滚动

flutter 禁止GridView滚动:child: GridView.count( physics: NeverScrillableScrollPhysics(),)

2020-07-05 00:00:06 756 1

原创 flutter 页面缓存

flutter页面缓存方法:混入AutomaticKeepAliveClientMixin部件设置页面缓存://在动态部件内class Page1 extends StatefulWidget { @override _Page1State createState() => _Page1State();}//混入AutomaticKeepAliveClientMixin 设置缓存class _Page1State extends State<MyHomePage> wi

2020-07-04 20:30:46 585

原创 flutter 输入控件

flutter 输入控件的使用://1.声明控件TextEditingController typeController = TextEditingController()//2.使用输入框TextField( controller: typeController, decoration: InputDecoration( contentPadding: EdgeInsets.all(10.0), labelText: '用户名', helperText: '请输

2020-07-04 17:01:01 119

原创 flutter 去除超出警报

给超出内容套上SingleChildScrollView组件即可SingleChildScrollView( child: ...)

2020-07-04 16:53:01 140

原创 flutter 打开外部地图应用插件

效果图如下:1. 配置 pubspec.yaml文件:dependencies: map_launcher: ^0.6.02. 调用外部地图软件:IconButton(icon: Icon(Icons.map), onPressed: _showMap) //或 _gotoMap//直接进入地图组件_gotoMap() async { final availableMaps = await MapLauncher.installedMaps; print(availableM

2020-06-20 23:51:36 219

原创 flutter 下拉刷新插件flutter_easyrefresh

效果图如下1 . 配置文件 pubspec.yamldependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter ... flutter_easyrefresh: ^2.1.1**2 . 配置文件main.dart **...import 'package:flutter_easyrefresh/easy_refresh.dart';import 'package:flutte

2020-06-20 22:59:22 1484

原创 Cannot read property bindings of null 解决方法

安装@babel/preset-envyarn add @babel/preset-env或npm install @babel/preset-envwebpack.config.js:presets: ["env"]替换成presets: ["@babel/preset-env"]如下:{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, //排除掉node_modules下的js文件,即不解析

2020-06-18 17:18:22 1102 1

原创 flutter 路由守卫

main.dart文件void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', //路由守卫 路由执行顺序 home -> route -> onGenerateRoute -> onUn

2020-06-17 23:50:49 198

原创 flutter 路由配置多种跳转与传参

main.dart文件//1. 引入路由跳转的页面import 'package:app_ftr/pages/Page1.dart';import 'package:app_ftr/pages/Page2.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Material

2020-06-17 23:38:32 274

原创 vue webpck打包mp3

安装file-loader打包文件插件npm i file-loader --save-devwebpack.config.jsmodule:{ rules:[ { test: /\.(mp3|wav|wma|ape|aac)$/i, use:['file-loader'] } ]}.vue内引入mp3<audio ref="audioPlayer" class="mx-auto mb-3"></audio>//引入im

2020-06-17 13:59:19 171

原创 flutter 跳转页面传参与返回参数

普通页面跳转import './Detail.dart';//1. 跳转到Detail页面组件Navigator.of(context).push( MaterialPageRoute( builder: (context)=>Detail(Test:'我是参数')) );//2. 返回Navigator.of(context).pop();跳转后 页面返回时传值//跳转到Detail页面组件onPressed: () async { //从子页面中传递过来的数据是异步的 d

2020-06-16 22:47:56 453

原创 flutter 实现底部tabBar 页面跳转效果

效果图如下: 点击底部tabBar切换页面代码如下://主页面底部tabbarimport 'package:app_ftr/pages/DyPage.dart';import 'package:flutter/material.dart';import 'package:flutter_screenutil/screenutil.dart';//动态组件class IndexPage extends StatefulWidget { IndexPage({Key key}) : su

2020-06-16 22:28:25 203

自动健康打卡脚本-舜岳.zip

python一键健康打卡脚本,

2020-04-08

grayscale.js.zip

grayscale.js全网站变灰IE的js代码

2020-04-04

electron.zip

下载后解压到 node_modules / electron npm install electron安装后报错无法运行的小伙伴,说明electron没下载成功 下载后解压到node_modules目录即可,npm install electron安装后无法运行的小伙伴,下载这个electron压缩包,解压到node_modules

2020-03-24

Cocos Creator 打包成微信小游戏源代码

Cocos Creator 打包成微信小游戏源代码,Cocos Creator 打包成微信小游戏源代码,Cocos Creator 打包成微信小游戏源代码,Cocos Creator 打包成微信小游戏源代码,Cocos Creator 打包成微信小游戏源代码,Cocos Creator 打包成微信小游戏源代码

2020-02-25

录屏软件 可录制屏幕 mb小

录屏软件 可录制屏幕 mb小非常方便。本资源C币全免,喜欢就关注我哟!

2020-02-17

LICEcap录屏软件GIF

Make Animated Screenshots GIFs are a popular media format, no matter how you pronounce it. It has been used worldwide for various purposes, from fine arts to memes. And as it turns out, it cannot also be helpful for your work. LICEcap is a free desktop utility designed to capture a selection of your screen and export them to high-quality GIF animations. The program is very much suited for users who want to record their desktop activity for use in demonstrations and tutorials. It is easy to use, and as far as hardware perquisites are concerned, an average system will suffice.

2020-02-16

three.js 下载

three.js一个JavaScript的3D开源库,可以在微信小程序内引入开发3D项目,three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。

2020-02-16

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除