自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

兔子零

偶尔发点代码

  • 博客(195)
  • 收藏
  • 关注

原创 Flutter环境配置(MAC OS环境)

https://www.jianshu.com/p/b50a92afbef1java安装地址: http://www.oracle.com如果你是第一次配置环境变量,可以使用touch .bash_profile 创建一个.bash_profile的隐藏配置文件(如果你是为编辑已存在的配置文件,则使用open -e .bash_profile命令):JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk12.0.1.jdk/Contents/HomePA

2020-11-04 10:34:57 388

原创 Flutter环境配置(window10环境)最完善版本

搞搞flutter,首先是环境配置,此前提是已经安装Android studio和对应的Android SDK。废话不多说,看具体步骤:配置依赖环境java环境配置自行百度,Python环境配置自行百度node环境自行百度SDK下载https://flutter.dev/docs/get-started/install/windows解压文件 复制C:\flutter\bin去系统环境变量path中配置我是放到了G:\flutter\bin必须配置以下配置国内镜像。桌.

2020-09-02 00:28:23 1965

原创 vue-element-admin登录流程

1.安装最新的vue-element-admin;2.如有需要可以去掉eslint;在下面这个文件里面全局搜索3.删除所有的eslint文件4.开始安装依赖包, npm install5.启动服务:npm run dev ,但是打开的是两个窗口,需要把open设置为false;6.进入登录页面:7.后端编写登录接口(这里以java为列):验证码根据需求来进行设置;8....

2019-09-24 21:52:23 42722 43

原创 MacBook M1安装Mongodb

下载地址:https://www.mongodb.com/try/download/community# 进入 /usr/localcd /usr/local# 下载sudo curl -O https://fastdl.mongodb.org/osx/mongodb-osx-ssl-x86_64-4.0.9.tgz# 解压sudo tar -zxvf mongodb-osx-ssl-x86_64-4.0.9.tgz# 重命名为 mongodb 目录sudo mv mongodb-

2022-04-19 14:47:46 1134

原创 vuedraggable clone

vuedraggable 提供了一个 clone事件,这个事件会返回 克隆目标、来源、索引等相关信息。事件名称说明clone从一个数组拖拽到另外一个数组时触发的事件和add不同,clone是复制了数组元素<!-- * @Description: vuedraggable * @Version: 0.1 * @Autor: wangmiao * @Date: 2021-06-12 20:54:49 * @LastEditors: wangmiao * @Last

2021-06-12 21:38:03 3116 1

原创 vue组件排序(动态组件)

渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。<!-- * @Description: * @Version: 0.1 * @Autor: wangmiao * @Date: 2019-03-14 21:21:25 * @LastEditors: wangmiao * @LastEditTime: 2021-06-05 17:24:59--><template> <div class="test"> <!-- &

2021-06-05 17:36:15 1758

原创 Mac卸载vue不成功

npm install -g @vue/clinpm uninstall -g @vue/cli yarn global add @vue/cliyarn global remove @vue/cli首先确定你的是npm安装的还是yarn安装的,要用对应的卸载方式如果还是卸载不成功,那么有以下办法找到这些目录 进行删除/usr/local/bin/vue-ini/usr/local/bin/vue-list/usr/local/bin/vue/usr/local/lib/node_

2021-05-15 18:24:29 764

原创 基于koa开发的微信小程序博客

About整个项目分为两部分:前台项目接口、后台管理接口。涉及登陆、注册、自动部署、文章展示、文章详情、文章分类、获取用户信息、用户收藏等,构成一个完整的流程。注:此项目纯属个人瞎搞,不用于任何商业用途。本项目是2018年学习koa搭建的是老板本不在维护,现在最新版本前端和服务端采用了egg,接口项目重构了说明如果对您对此项目有兴趣,可以点 “Star” 支持一下 谢谢! _开发环境 macOS windows10 nodejs 10.12.4部署环境 阿里云 CentOS 7.2 6

2021-03-24 22:11:53 392

原创 vue3修改端口

第一步找到package.json文件dev修改为:"dev": "vite --port 8085"{ "name": "web", "version": "0.0.0", "scripts": { "dev": "vite --port 8085", "build": "vite build" }, "dependencies": { "vue": "^3.0.4" }, "devDependencies": { "vite": "^1

2021-02-15 23:54:11 1627

原创 gulpInst.start.apply(gulpInst, toRun);(已解决)

gulpInst.start.apply(gulpInst, toRun);一般是gulp cli 和gulp版本不兼容或根本没装gulp cli或者node 版本没有对应上不要一上来就操作猛于虎,你先分析是什么问题导致的吧,动不动一言不合就执行 npm i gulp-cli -g你没有安装cli可以执行这个命令输入命令:gulp -v[14:20:53] CLI version 3.9.1[14:20:53] Local version 4.0.2可以看到上面版本是gulp-cli

2021-02-14 23:26:03 698

原创 兔子零

兔子零

2021-01-25 22:53:04 622

原创 dart中class类

Dart面向对象的介绍 以及Data内置对象面向对象编程(OOP)的三个基本特征是:封装、继承、多态封装:封装是对象和类概念的主要特性。封装,把客观事物封装成抽象的类,并且把自己的部分属性和方法提供给其他对象调用, 而一部分属性和方法则隐藏。继承:面向对象编程 (OOP) 语言的一个主要功能就是“继承”。继承是指这样一种能力:它可以使用现有类的功能,并在无需重新编写原来的类的情况下对这些功能进行扩展。多态:允许将子类类型的指针赋值给父类类型的指针, 同一个函数调用会有不同的执行效果.

2021-01-25 00:26:03 2050

原创 原生js全选反选实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>全选.

2021-01-24 12:58:14 171

原创 node-sass 下载失败 解决方案

下载项目的时候run install时,node-sass下载失败后来我在项目根目录下添加了一个.npmrcsass_binary_site=https://npm.taobao.org/mirrors/node-sass/registry=https://registry.npm.taobao.org

2021-01-16 14:57:36 251

原创 mac环境安装Gradle及配置

mac环境安装Gradle及配置下载安装Gradle官网gradle下载地址macOS可以使用brew安装—— Homebrew is “the missing package manager for macOS”.brew install gradle环境配置# Gradleexport GRADLE=/usr/local/bin/gradleexport PATH=$PATH:$GRADLE/bin# Gradle END版本查看 出现版本号证明成功了grad

2021-01-10 11:06:56 426

原创 flutter毛玻璃效果实现

import 'package:flutter/material.dart';import 'frosted_glass_demo.dart';void main()=> runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( .

2021-01-10 11:05:34 1087

原创 ExpansionTile列表

main.dartimport 'package:flutter/material.dart';import 'Expansion_panel_list.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext cont.

2021-01-10 11:03:53 282

原创 js删除对象中的某一个字段

// 以下方法不改变原来对象 let item = { name:'张三', age:'18', gender:'男' }; console.log(item) // {age: "18",gender: "男",name: "张三"} let { age,...params } = item; console.log(item) // {age: "18",gender: "男",name: ".

2021-01-10 10:42:25 3576

原创 ElementUI el-date-picker 限制选中日期前后30天,大于当天不可选

<template> <el-date-picker v-model="date" type="daterange" range-separator="—" align="right" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" :picker-options="pickerOptions" @chang

2020-12-04 20:21:13 1859

原创 element-UI级联选择器(Cascader)获取label值 - 代码篇

<el-cascader class="lk-cascader-turn-diagnosis" popper-class="common-select-popper" placeholder="" clearable ref="cascaderAddr"

2020-10-12 14:10:44 1026 3

原创 给二维数组每个对象加属性

let _data = [ { parentCode: "c001", parentName: "检查一", status: 0, id: "446e433a-6389-4fbe-a5c5-44ba543362d0", ...

2020-09-20 12:15:15 556

原创 js数组转对象

let list = ['31,王小明','1000,八重樱','200,卡莲']; let obj1 = Object.assign({},list) console.log(obj1) let resultArr = []; for( var key in obj1){ let obj = new Object(); obj.age = obj1[key].split(',')[0]

2020-09-07 21:16:28 1379 1

原创 fetch跨域问题

fetch默认不携带cookiefetch发送请求默认是不发送cookie的,不管是同域还是跨域;那么问题就来了,对于那些需要权限验证的请求就可能无法正常获取数据,这时可以配置其credentials项,其有3个值:omit: 默认值,忽略cookie的发送same-origin: 表示cookie只能同域发送,不能跨域发送include: cookie既可以同域发送,也可以跨域发送credentials所表达的含义,其实与XHR2中的withCredentials属性类似,表示请求是否携带c

2020-08-06 14:45:30 3125

原创 Mixed Content: The page at ‘https://www.wangmiaozero.cn/‘ was loaded over HTTPS, but requested an in

Mixed Content: The page at ‘https://www.wangmiaozero.cn/’ was loaded over HTTPS, but requested an insecure resource ‘http://www.eggadmin.wangmiaozero.cn’. This request has been blocked; the content must be served over HTTPShttps域名中,接口也得必须https.不是的话,会进行阻止

2020-08-05 15:36:43 1404

原创 Invalid DOM property `contenteditable`. Did you mean `contentEditable`?

Invalid DOM property contenteditable. Did you mean contentEditable?在react中 contenteditable 是关键字 你换 contentEditable 就可以了

2020-08-01 15:51:32 1398

原创 统计某个分类的文章数目

统计某个分类的文章数目SELECT t.id AS id, t.typeName AS typeName, count( * ) AS num FROM articles a LEFT JOIN articletype t ON a.typeID = t.id WHERE t.isShow = 1GROUP BY t.id

2020-07-08 12:04:24 292

原创 Next.js 配置接口跨域代理转发

使用 create-next-app 创建的 Next.js 项目配置接口跨域代理转发需要用到 custom server 功能。先安装好 express 和 http-proxy-middlewarenpm install express http-proxy-middlewareconst express = require('express')const next = require('next')const {createProxyMiddleware } = require('htt.

2020-07-06 00:00:40 2106 2

原创 js多对象遍历成数组集合

后端返回的数组格式let = shop_info: {2: {insert_time: "2015-06-08 11:03:08", shop_name: "优衣库官方旗舰店", shop_id: "2",…},…}2: {insert_time: "2015-06-08 11:03:08", shop_name: "优衣库官方旗舰店", shop_id: "2",…}4: {insert_time: "2015-06-08 11:06:06", shop_name: "名鞋库运动直销店1", sh

2020-06-11 20:09:02 1003

原创 vue明明有值undefined

"TypeError: Cannot read property 'valuie' of undefined"解决方法:// 你的value需要判断下let result = data&&data.value// 或者 dataDispose(value) { if (value !== null && value !== undefined) { return value } return

2020-05-26 18:54:01 3012

原创 webpack4

const path = require('path')const HtmlWebPackPlugin = require('html-webpack-plugin') // 导入 在内存中自动生成 index 页面的插件// 创建一个插件的实例对象const htmlPlugin = new HtmlWebPackPlugin({ template: path.join(__dirname, '/src/index.html'), // 源文件 filename: 'index.h

2020-05-26 13:40:51 152

原创 js对象拆分多个对象

let obj = {裙子: 5, 上衣: 10, 短裙: 15, 内衣: 20, 内裤: 30}// 要求结果如下:[{name: "裙子", value: 5}{name: "上衣", value: 10}{name: "短裙", value: 15}{name: "内衣", value: 20}{name: "内裤", value: 30}] let list = []; for(var key in obj){ var temp = {} temp

2020-05-18 17:53:16 7281 1

原创 数组对象相同相加

let obj = {}; const arr = [ { name: 'A', stock: 1 }, { name: 'B', stock: 1 }, { name: 'A', stock: 33 }, { name: 'B', stock: 2 }, { name: 'C', stock: 0 } ];// 第一种方式 arr.forEach(v => obj[v.name] = obj[v.name] === undefined ? v.stock : obj[v..

2020-05-18 17:36:52 938

原创 Simple React Snippets插件

Simple React Snippetsreact 快速生成代码块插件输入imrc生成如下代码:import React, { Component } from 'react';输入cc生成如下代码:class Test extends Component { state = { } render() { return ( <div></div> ); }}export default Test;输入impt生成如下代码:import

2020-05-11 22:46:52 793

原创 获取localStorage和sessionStorage当前已存储大小

function get_cache_size(t){ t = t == undefined ? "l" : t; var obj = ""; if(t==='l'){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); }else{ ...

2020-05-04 22:44:02 1223

原创 版心

屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率:480x800, 480x854, 540x960, 720x1280, 1080x1920,而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了:640x960, 640x1136, 750x1334, 1242x2208。不管是设计师还是前端工程师,一定要遵守这些尺寸,不要设计超出版心的事.一定要多沟通/*版心*...

2020-05-04 22:23:37 505

原创 js随机数组集合对象

//获取min和max之间的一个随机整数[0,3]; function getRandomInt(min,max){ return Math.floor(Math.random()*(max-min+1))+min; } let frequentlyAskedQuestions = [ { "id":1, ...

2020-04-22 13:54:52 419

原创 hover整体微动

transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; transform:translate(0,-10px); -webkit-tran...

2020-04-21 17:45:15 191

原创 VsCode自动生成注释

第一步安装插件:KoroFileHeader第二步在setting.json中配置快捷键:文件头部注释:在当前编辑文件中使用快捷键:window:ctrl+alt+i/mac:ctrl+cmd+i,即可生成文件头部注释。函数注释:将光标放在函数行或者将光标放在函数上方的空白行使用快捷键window:ctrl+alt+t,mac:ctrl+cmd+t,即可生成函数注释...

2020-03-15 18:59:52 13564

原创 vue拖动上传

组件代码<template> <div class="img-uploader" @drop="handleDrop" ref="uploader"> <!--没有图片显示点击上传--> <p class="img-uploader-placeholder" v-if="!hasImages">{{...

2020-03-12 17:41:19 181

原创 commonjs

function my$(id) { return document.getElementById(id);}// 处理浏览器兼容性// 获取第一个子元素function getFirstElementChild(element) { var node, nodes = element.childNodes, i = 0; while (node = nodes[i+...

2020-03-06 12:56:34 153

空空如也

空空如也

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

TA关注的人

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