- 博客(39)
- 收藏
- 关注
RSS订阅原创 vue + vscode 插件
这里写自定义目录标题欢迎使用Markdown编辑器完整的settin.json配置文件，如下欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。1.Chinese (Simplified) Language Pack for Visual Studio Code（汉化）2.Bracket Pair Colorizer（给代码中的括号添加亮色）3.A
2022-04-07 10:58:07
2925
原创 Flutter学习笔记（三） && 第一个flutter
一、创建Flutter应用模板// 1、导入了 Material UI 组件库import 'package:flutter/material.dart';// 2、应用入口// main 函数中调用了runApp 方法，//它的功能是启动Flutter应用。//runApp它接受一个 Widget参数，//在本示例中它是一个MyApp对象，//MyApp()是 Flutter 应用的根组件void main() => runApp(const MyApp());class M
2021-12-02 14:54:35
2017
原创 Flutter学习笔记（二）&& Windows 上面搭建 Flutter Android 运行 环境
一、安装配置 JDK1、下载安装JDK2、配置JDK1、系统变量里面新增 JAVA_HOME2、在 Path 环境变量里面增加如下代码;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin3、验证JDK是否成功,出现一以下情况，表示安装成功二、电脑上下载安装 Android Studio下载地址、安装教程三、下载配置 Flutter Sdk1、下载地址2、把下载好的 Flutter SDK 随便减压到你想安装 Sdk 的目录如（E:\flutter2.2）3
2021-11-25 10:13:09
1828
原创 Flutter学习笔记（一）&& Dart环境搭建
这里写自定义目录标题一、安装Dart SdkDart 开发工具一、安装Dart Sdk官网：https://dart.dev/官方文档：https://dart.dev/get-dartwindows(推荐): 安装包 http://www.gekorm.com/dart-windows/mac：第一步需要安装： https://brew.sh/brew tap dart-lang/dartbrew install dartDart 开发工具Dart的开发工具有： IntelliJ
2021-11-24 14:25:56
8383
原创 VueTreeselect el-tree-select 多选
1、VueTreeselect是一个多选组件npm install --save @riophae/vue-treeselect全部代码<!-- Vue SFC --><template> <div id="app"> <treeselect v-model="value" :multiple="true" :options="options" /> </div></template><..
2021-03-18 13:55:33
5679
1
原创 vue+element 二次分装Table
1、src\components\Table\index.vue<!-- * @Description: render函数封装table * @Author: 刘龙蛟 * @Email: 88420413@cnsuning.com * @Date: 2019-10-24 09:45:04 * @LastEditTime: 2021-03-18 09:58:15 * @LastEditors: Dragon --><template> <div cla
2021-03-18 10:41:40
330
原创 javascript vue 常用正则记录
1、用户名正则//用户名正则，4到16位（字母，数字，下划线，减号）var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("iFat3"));2、密码强度正则//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&.
2021-03-18 09:43:55
270
原创 vue element 封装通用分页组件
1、\src\components\Pagination\index.vue<!-- * @Description: 分页 * @Author: Dragon * @Date: 2021-03-09 13:32:37 * @LastEditTime: 2021-03-16 15:25:42 * @LastEditors: Dragon--><template> <div :class="{'hidden':hidden}" class="pagina
2021-03-17 16:53:35
611
原创 vue + element 假分页
this.listQuery.data.page// 当前页this.listQuery.data.pagesize// 每页展示多少条this.dataList // 需要展示的数据letstart=(this.listQuery.data.page-1)*this.listQuery.data.pagesize // 数组截取开始位置letend=(this.listQuery.data.page-1)*this.listQuery.data.pa...
2021-03-17 16:44:15
262
原创 cnpm 安装
1、安装cnpm，输入以下命令：npm install -g cnpm --registry=https://registry.npm.taobao.org2、输入cnpm -v，检测是否正常cnpm -v失败配置淘宝镜像npm config set registry https://registry.npm.taobao.org配置完成后检验是否成功npm config get registry...
2021-01-28 11:22:44
3960
原创 前端代码统计行数（工具cloc）用法
地址1、首先下载包https://github.com/AlDanial/cloc.git2、安装npm install -g cloc # https://www.npmjs.com/package/cloc3、检测哪个文件就cd到哪个文件里
2021-01-25 13:43:37
1383
原创 vue2.x和vue3.x 自定义指令对比
以阻止连续点击为例1、全局main.jsimport { createApp } from 'vue'... 省略代码const app = createApp({});app.directive('preventContinuityClick', { mounted(el, binding) { el.addEventListener('click', () => { if (!el.disabled) {
2021-01-22 14:45:10
484
原创 vue3.x element-plus 表单遇到ref响应式丢失了的问题
现在具体什么原理还没理清楚，只知道不可以重名就可以解决响应式丢失了的问题
2021-01-06 10:08:01
2187
12
原创 vue-baidu-map添加覆盖物-点
vue-baidu-map 简单f封装了components/index.vue引用vue插槽 方便使用，也可直接插入 <slot></slot><!-- * @Description: 百度地图组件 * @Author: Dragon * @Date: 2020-12-31 13:18:38 * @LastEditTime: 2020-12-31 16:19:24 * @LastEditors: Dragon--><templat.
2020-12-31 16:44:14
2084
2
原创 Git 项目中简单步骤
1、git clone 远程仓库地址2、git checkout -b aaa 新建并切换到aaa分支3、git branch --set-upstream-to=origin/远程分支name 本地分支name // 本地仓库和远程仓库建联4、git status 检查修改文件5、git add . 添加全部修改文件到暂存区6、git commit -m "提交修改描述...
2020-12-29 14:25:19
151
原创 vue+openlayers 自定义底图运动轨迹回放
<!-- * @Description: 轨迹回放 * @Author: Dragon * @Email: 153284575@qq.com * @Date: 2020-11-20 22:05:31 * @LastEditTime: 2020-12-29 10:08:46 * @LastEditors: Dragon--><template> <div class="base-tracks"> <div class="query-wra
2020-12-29 10:19:21
2272
11
原创 Vue + Openlayers 绘制多边形（Polygon）查询区域内的人数（Feature）
完整代码<!-- * @Description: 绘制图形统计圈内点数 * @Author: Dragon * @Date: 2020-12-21 13:19:47 * @LastEditTime: 2020-12-21 13:56:04 * @LastEditors: Dragon--><template> <div> <div class="query-wrap"> <el-button type="p
2020-12-21 14:45:09
2683
8
原创 Vue + Openlayers - Overlay hover展示覆盖物
1、组件import{Overlay}from"ol";2、html => <divid="popup"/>3、 style =>#popup{width:200px;padding:020px;border-radius:5px;z-index:1;opacity:1;position:absolute;bottom:0;left:...
2020-12-21 11:09:58
903
8
原创 vue create demo cli3 拉取的脚手架 + element-plus安装
Node 版本要求Vue CLI 4.x 需要Node.jsv8.9 或更高版本 (推荐 v10 以上)。你可以使用n，nvm或nvm-windows在同一台电脑中管理多个 Node 版本。1、安装3.X版本的Vue脚手架：npm install -g @vue/cli ，查看版本vue -V2、基于3.X版本的脚手架创建Vue项目：vue create my-demo3、运行 cd my-demo , npm run serve官网地址：https://cli.vuejs...
2020-12-21 10:34:32
1777
原创 Vue + Openlayers 展示实时坐标点
直接上代码<!-- * @Description: 实时坐标点 * @Author: Dragon * @Date: 2020-12-18 10:08:40 * @LastEditTime: 2020-12-18 15:59:29 * @LastEditors: Dragon--><template> <div id="map"></div></template> <script>import "ol.
2020-12-18 16:59:00
1515
4
原创 openlayers开始、openlayers官网示例的本地运行、vue修改openlayers的示例
官网地址地址：https://openlayers.org/示例：https://openlayers.org/en/latest/examples/#API：https://openlayers.org/en/latest/apidoc/一、openlayers开始初始化页面，您将需要三件事：引入css和js <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers....
2020-12-17 11:10:57
1499
1
原创 vuex存储数据，刷新页面阻止数据丢失（插件vuex-persistedstate）登录的基本配置
npm/cnpm install --save vuex-persistedstate1、vuex - index.jsimport Vue from 'vue'import Vuex from 'vuex'import getters from './getters'import persistedState from 'vuex-persistedstate'Vue.use(Vuex)const modulesFiles = require.context('./module...
2020-12-03 16:39:23
465
原创 Vue + Openlayers 绘制多边形及展示
<template> <div class="map-warp"> <h3> <a href="https://openlayers.org/en/latest/examples/tracing.html" target="_bank">Openlayers多边形</a> </h3> <el-row :gutter="10"> <el-col :span="5"&g.
2020-06-30 15:46:02
3657
1
原创 Vue + Openlayers 自定义轨迹动画
<template> <div class="map-warp"> <h3> <a href="https://openlayers.org/en/latest/examples/feature-move-animation.html?q=polyline" target="_bank" >OpenlayersTrack</a> <!--js 轨迹回放 http
2020-06-30 14:31:18
3626
7
原创 vue-baidu-map 多边形 区域
<template> <div class="map-warp"> <h3> <a href="https://dafrok.github.io/vue-baidu-map/#/zh/start/installation" target="_bank">百度地图</a> </h3> <el-row :gutter="20" style="padding: 20px 0
2020-05-27 17:13:26
2456
10
原创 Vue + Openlayers加载静态底图
<template> <div class="map-warp"> <h3> <a href="https://openlayers.org/en/latest/examples/" target="_bank">openlayers拖拽</a> </h3> <div id="map" ref="rootmap"></div> </div></tem
2020-05-14 15:13:41
2420
5
原创 Vue cli3 + vue-baidu-map 百度地图学习笔记
1、创建项目npm create bai-du-map2、启动项目cd bai-du-mapnpm run serve3、安装百度地图npm install vue-baidu-map --save全局注册main.js import Vue from 'vue' import BaiduMap from 'vue-baidu-map' Vue.use(BaiduMap, {...
2020-04-24 13:03:49
1914
3
原创 Vue SessionStorage传值
1、创建storage.js 封装下方法exportconstsetSessionStorage=(k,v)=>{ // 设置if(!k||!v)returnvarjson=JSON.stringify(v)sessionStorage.setItem(k,json)}exportconstgetSessionSt...
2019-12-26 12:14:23
1226
原创 Vue 状态集中管理vuex
1、store ==>index.jsimportVuefrom'vue'importVuexfrom'vuex'importtypesfrom'./types' ////mutations的函数名放在这个文件里importtaskManagefrom'./modules/taskManage'Vue.use(Vuex);e...
2019-12-25 16:40:49
267
原创 Vue 兄弟之间可通过eventbus通信
第一步创建 ==》eventBus.jsimportVuefrom'vue';exportdefaultnewVue();第二步创建父组件 ==》Fathter.vueimportEventBusfrom'./eventBus'exportdefault{provide (){ // 父组件return{...
2019-12-25 15:48:25
138
原创 Vue 组件之间的通信
1、父传子props父组件 ==》<Children:dataInfo="dataInfo" />子组件普通 ==》props: ["dataInfo"]严谨给默认值 ==》props: {dataInfo: { type: Object, default: () => {}}动态传值 wacth监听 ==》在子组件中用w...
2019-12-25 15:27:54
120
转载 前端开发 - 数组相关
三）数组相关1）数组的方法：1.push()从后面添加元素，返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]2.pop()从后面删除元素，只能是一个，返回值是删除的元素let arr = [1,2,3,4,5]con...
2019-12-23 15:56:48
245
原创 WEB前端判断页面是首次加载还是刷新
首次加载是name为空或其他，这是给设定个isReload。刷新页面这时候name ，为isReloadhandleIsRefresh() {if(window.name == “”){console.log(“首次被加载”);window.name = “isReload”;}else if(window.name == “isReload”){console.log(“页面被刷新...
2019-10-30 15:23:05
1178
原创 Vue3 + element-ui + axios + sessionStorage 搭建简单的登录接口调用
1、安装Vue3.xnpm install -g @vue/cli # OR yarn global add @vue/cli2、npm install axios --save3、npm i element-ui -SLogin/index.vue<template><divclass="login"><divclass...
2019-09-26 19:56:40
1989
原创 Vscode添加新建文件头部注释和函数注释
搜索添加koroFileHeader插件，安装 进入设置setting.json文件代码"fileheader.configObj":{"autoAdd":false, // 阻止自动保存添加头部注释"prohibitAutoAdd":["md","json"]},"fileheader.customMade...
2019-09-23 17:27:34
3277
转载 NPM 安装使用，及相关命令
Window 系统使用以下命令即可npm install npm -g使用淘宝镜像的命令npm install -g cnpm --registry=https://registry.npm.taobao.org全局安装与本地安装npm install express # 本地安装npm install express -g # 全局安装如果出...
2019-09-23 10:09:11
545
原创 Node封装基本方法增删改查 学习笔记一
myfs.jslet fs = require("fs");// 读取文件let myReadFile = function(path, option, callback) {fs.readFile(path, option, function(err,data){if(err) {console.log(`Err:${err}`)}else {callback...
2019-09-22 20:34:47
156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人