- 博客(65)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 typescript从入门到现在的总结2
总结一已经总结了差不多很多ts的东西啦这个总结2主要讲泛型，虽然丸子对这一块还是有点模糊，但说一下自己的理解了希望可以帮到大家/** * x 只能是数字类型，如果需要接收任意类型的参数，那么需要使用any，或者函数重载 * @param x */// function fn(x: number): number {// return x * 10;// }// f...
2019-12-16 16:01:26
483
原创 typescript从入门到现在的总结 1
前段时间发表了node的学习现在丸子终于要对ts进行总结跟回顾了目录函数类型约束函数重载this问题类.静态成员继承抽象类接口基础接口可选结构接口检测约束接口索引签名接口函数类型接口类接口案例/** * 函数 * 函数声明 * 函数表达式 * * 类型约束 * 函数参数 * 函数返回值 * * 如...
2019-12-16 11:48:30
196
原创 node js学习 [第六篇] koa教程 koa-swig koa-router koa-static-cache后端渲染模板 前端渲染模板
koaKoa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。//类似于http。包装过的http对象con...
2019-06-05 11:12:12
1017
原创 node js学习 [第五篇] gui,node网络 tcp udp http【新手向】
GUI下载electron图形用户界面（Graphical User Interface，简称 GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面与 CLI 相比，图形界面对于普通用户在视觉和操作上更加容易接受基于Node.js的GUI框架NW.JS（Node-Webkit）Electronnpm init设置项目入口文件：“main”: “index.js”...
2019-05-27 11:43:08
734
1
原创 node js学习 [第四篇] cli commander chalk Inquirer【新手向】
commander开发方向GUI - Graphical User Interface ： 图形用户界面office、vscode、浏览器、播放器……CLI - Command-Line Interface：命令行界面，也称为 CUI，字符用户界面虽然没有GUI操作直观，但是CLI更加节省计算机资源（所以一般用于服务器环境）babel、tsc / webpack / vue-cli...
2019-05-08 15:13:57
836
原创 node js学习 [第三篇] 文件系统，npm包发布新建【新手向】
文件系统fs写入//同步const fs = require('fs');//write//写入数据//output/input i/o操作 =》流 二进制//fs.writeFile(file, data[, options], callback)//'./1.txt E/cc/1.txt'//数据（字符串，音频，视频，二进制）=》buffer=>stream/...
2019-05-08 14:53:48
150
原创 node js学习 [第二篇] 创建文件 event buffer 命令行【新手向】
目录编译es6Node event模块命令行的扩展创建文件buffer 读取字节、缓冲普通的不行。在编译的时候要加开启支持–experimental-modules.mjs 后缀exporthttp://www.ecma-international.org/ecma-262/#table-42importhttp://www.ecma-international.o...
2019-04-02 11:05:36
197
原创 node js学习 [第一篇] 规范 读取文件 嵌套【新手向】
这一篇用于一点node知识都不懂的小白们【本人小前端，近来学Node】总结了一些经验。所以丸子先发一点小教程出来目录1，Node是什么2，第一个简单的node2，node的嵌套，基础知识Node是什么Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 简单的说...
2019-03-26 16:53:22
310
原创 vue3版本provide、inject用法
provide、inject作用：实现祖与后代组件间通信套路：父组件有一个 provide 选项来提供数据，后代组件有一个 inject 选项来开始使用这些数据祖组件中：<template><div class="app"> <h3>我是app组件,{{name}}--{{price}}</h3> <Child /></div> </template><script>imp
2021-11-03 15:17:07
409
原创 vue3前端青铜到黄金王者 - 第16个入门创建可重用组件
小知识，大挑战！本文正在参与「程序员必备小知识」创作活动本文已参与 「掘力星计划」 ，赢取创作大礼包，挑战创作激励金。丸子之前写了一篇 vue3前端青铜到黄金王者 - 第七个入门v组件开发 ， 这是在一个html文件内定义的组件，在当前页面中使用。这种做法适合创建一些匿名或者私密组件，如果我们想要重用组件，应该怎么做呢？创建可重用组件之前丸子创建了一个hello01项目（如下图目录和文件展示）我们发现src/components里面有个HelloWorld.vue。我们
2021-10-24 19:39:37
252
原创 vue3前端青铜到黄金王者 #15 vue-cli-service lint使用【补充】
前篇我们解析了一下Vue3项目构成，也学习了build和serve命令。这次我们看看lint命令。vue-cli-service是什么？在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。简单理解就是一个构建(build)编译vue项目的工具，还提供了服务页面
2021-10-22 06:00:00
6678
原创 vue3前端青铜到黄金王者 #14 vue-cli-service （下）serve使用
前篇我们解析了一下Vue3项目的构成，修改了一下组件的代码。效果如下， 我们也在package.json看到vue-cli-service, 这个到底是啥？我们一起看看。vue-cli-service是什么？在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。
2021-10-20 23:25:39
2591
1
原创 vue3前端青铜到黄金王者 #13 vue-cli-service是啥（上）
这是我参与8月更文挑战的第26天，活动详情查看：8月更文挑战前篇我们解析了一下Vue3项目的构成，修改了一下组件的代码。效果如下， 我们也在package.json看到vue-cli-service, 这个到底是啥？我们一起看看。vue-cli-service是什么？在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、
2021-10-19 00:07:09
1580
1
原创 vue3前端青铜到黄金王者 #12 项目结构解析
前篇我们建立一个vue3项目，大概展示了一下。其实可以修改，我们再深度看看。v 项目结构是什么？vue cli架起vue项目如下：./README.md./yarn.lock./public./public/favicon.ico./public/index.html./babel.config.js./package.json./src./src/App.vue./src/main.js./src/components./src/components/HelloWorld
2021-08-27 23:31:12
245
原创 vue3前端青铜到黄金王者 - 第11个入门Cli4创建Vue3项目
前篇写了很多vue的内容，都说单个页面的。这篇我们建立一个vue3项目。其实可以修改的我们再看看。v cli是什么？vue cli是用来架起vue项目的工具。cli2到cli3变化很大，cli3和cli4没什么区别，所有直接说cli2和cli4的区别。区别较大的地方有：npm安装命令的改变生成的目录结构不同 cli4目录更精简cli4可以在npm命令的时候自行选择是否生成vue-router、vue-x、typescript、scss，不用自己手动安装了cli4中要进行webpack配
2021-08-25 23:52:06
196
1
原创 vue3前端青铜到黄金王者 - 第10个入门computed使用set和get
前篇写了computed属性，但是我们发现不能修改computed属性的值。其实可以修改的我们再看看。v computed是什么？计算属性, 一个变量的值根据其他变量（一个或者多个）的变化，自动反映，算出新的结果。我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。好，复习前面的。我们这里改造成get 和set方法。代码如下：<!DOCTYPE html><html l
2021-08-24 23:19:43
1997
7
原创 vue3前端青铜到黄金王者 - 第9个入门computed使用
v computed是什么？计算属性, 一个变量的值根据其他变量（一个或者多个）的变化，自动反映，算出新的结果。我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行当我们计算一个属性并且显示它的时候, 最简单的做法就是用computed。代码如下：<!DOCTYPE html><html lang="en"
2021-08-24 22:49:58
126
原创 vue3前端青铜到黄金王者 - 第8个入门v watch使用
什么是Watchwatch 是 Vue.js 最强大的功能之一。当关注的某个变量的值变化时，watch监听到并且执行，注册监听该变量的函数（比如更根据变化执行一些数据，消息更新等）我们直接敲代码吧：<!DOCTYPE html><html lang="en"><head> <title>vue3青铜到黄金-丸子酱-vue-0n</title> <meta charset="UTF-8"> &
2021-08-24 22:48:25
139
原创 vue3前端青铜到黄金王者 - 第七个入门v组件开发
什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。也就是说，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生 HTML 元素。下面自定义一个wanzi-comp 组件。我们之间看组件代码吧：<body> <div id="wzApp"> <!-- 组件的使用 --> <wanz
2021-08-22 23:34:25
88
原创 vue3前端青铜到黄金王者 - 第六个入门v-model双向数据绑定！
今天学习v-model 展示一下我们的奥运获奖项目。它解决的问题把一个响应式对象绑定展示到html标签，也就是数据绑定显示/更新。比如我们有个状态更加用户数据重复更新。显示v-model来显示内容用法v-model 绑定了一个响应式对象，并把结果展示出来。<input v-model="account" type="text">代码展示<!DOCTYPE html><html lang="en"><head> <title
2021-08-09 23:28:53
256
原创 vue3前端青铜到黄金王者 - 第五个入门v-for循环为奥运加油！
今天学习v-for, 展示一下我们的奥运获奖项目。它解决的问题根据内容集合重复渲染展示html标签，也就是遍历迭代。用法v-for 用户重复输出模版内容，并在每次迭代替换模版为当前迭代的对象（比如当前对象，和下标等）稍微跟v-bind对比，该指令用于设置HTML属性：v-bind:href 缩写为 :href<li v-for="(item,index) of projects"> {{item}} - {{index}} </li>代码展示<!DOC
2021-08-08 22:22:47
135
1
原创 vue3前端青铜到黄金王者 - 第三个入门v-on指令监听事件
今天学习v-on。它解决的问题给HTML标签的绑定事件。用法v-on 指令用于绑定HTML事件 ：v-on:click 缩写为 @click<a @click=“get()”>aa稍微跟v-bind对比，该指令用于设置HTML属性：v-bind:href 缩写为 :href<a :href="{{url}}">aa</a>代码展示<!DOCTYPE html><html lang="en"><head>
2021-08-06 09:15:13
109
原创 vue3前端青铜到黄金王者 - 第二个入门v-bind
今天学习v-bind。它解决的问题给HTML标签的属性赋值用法给已知属性赋值，属性值通过js动态获取。<!DOCTYPE html><html lang="en"><head> <title>vue3青铜到黄金</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc
2021-08-05 22:43:01
112
原创 vue3前端青铜到黄金王者 - 第一个入门v-text
本文主要介绍了Vue3的 v-text指令简单使用方法.结合实例形式分析了v-text & v-html指令文本输出显示简单操作技巧,需要的朋友可以参考下
2021-08-03 01:11:42
424
原创 sonar windows教程 不用mysql
sonar windows教程 可直接测项目最近在研究sonar，因为自行研究，windows教程又太少了，猛然落泪。这是一篇详细详细超详细的教程安装包链接：https://pan.baidu.com/s/1IsAXYRTVe0BsCUfGSLAO0Q 提取码：bl8o 复制这段内容后打开百度网盘手机App，操作更方便哦首先在一个很干净的电脑上，需要准备这几样东西1，java SDk在我的百度云盘里面的是java 8的，一定要切记，有些java版本高的是不兼容的当你装完java就要开始配
2020-12-02 11:19:21
889
原创 npm supervisor window设置环境变量 [supervisor的坑 ]
supervisor npm i -g supervisor在你的目录下 supervisor 【xxx你要运行的文件，例如】supervisor app如果你可以运行，恭喜你安装成功了如果不行，请看下面的报错‘supervisor’ 不是内部或外部命令，也不是可运行的程序一开始我是supervisor npm i -g supervisor supervisor app就可以...
2019-05-28 15:19:20
1236
原创 js通过问号后面拿参数
$(function () { var search = location.search; // alert(search); //获取URL中?后的句子 var string = search.split("=")[1]; //分割取出cid // alert(string); var games = get...
2019-04-23 17:48:23
2916
原创 vue绑定数字类型 value为数字
直接加: <el-select v-model="searchData.status" filterable placeholder="请选择" @change="gamefilter" class="mr40"> <el-option label="开启" :value='0'></el-option> &...
2019-04-02 16:32:45
13586
原创 vue-element-admin element Pagination的坑，无法更改page的值去改Pagination
在工作的时候发现了Pagination 的坑，比如我在page页面 3的时候，请求后端的一个keyword数据，这个时候，我要把page设为1，重新开始，但Page虽然是可以设置为1了，但是我搜索的页面，在点页面3的时候，不会请求接口了，，原来才知道无法在触动page更新了。。。在网上看到很多种方法都没有效果然后一直不停的尝试，终于可以了，首先先看代码 template ...
2019-03-26 15:19:34
6663
原创 我的简单Ng配置
接着上一篇。git node ng全部都装好了然后就可以用git拉代码了，，systemctl start firewalld.servicesystemctl stop firewalld.service //防火墙关闭systemctl disable firewalld.service //开机也关闭防火墙防火墙记得要关闭呀我的项目放到了nginx -s reload ng...
2019-03-26 14:38:48
1943
原创 linux 安装git node nginx 等
接着上一篇 虚拟机之后linux 安装git node nginx 等yum install net-toolsyum install gitgit --version //查看git版本yum install vixnodecd ~wget https://npm.taobao.org/mirrors/node/v8.11.3/node-v8.11.3-linux-x64.t...
2019-03-25 09:34:44
194
原创 vmware 虚拟机安装
vmware 安装包 15版的链接：https://pan.baidu.com/s/1LO4OVwohre51Nk6-U_hDrg提取码：239p复制这段内容后打开百度网盘手机App，操作更方便哦然后要下载centos7的包。因为大于4g这里就不提供链接了下载xshell用来编辑，由于虚拟机上的centos不能复制什么的，所以我特别不喜欢 。就下了xshell下载完是这样的，，，然...
2019-03-22 18:28:46
220
原创 vm virtualbox虚拟机安装与使用 从零开始~适合新手
做为一个小前端，平时都不用linux，因为最近要用ng，所以想装一个虚拟机来~后面会出有ng的文章，一起探讨呀第一步当然是安装了，这里附上安装包的地址链接：https://pan.baidu.com/s/1iK6oXfro-ovU8uvfq_PYyw提取码：57ri复制这段内容后打开百度网盘手机App，操作更方便哦傻瓜式的安装，你也可以的我的是window 64位的电脑安装好的界...
2019-03-21 12:08:05
4790
2
原创 vue导出Excel表格
下载插件 npm install -S file-saver xlsx npm install -D script-loader建立文件夹 vendor 在src里面放置两个文件Blob.js/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, h...
2019-03-14 11:48:50
1231
原创 vur router keep-alive 路由缓存
很多时候列表页跳内页啥的，跳来返回都需要把前一页的数据缓存了我们之前用的文案是keep-alive但keep-alive有个问题是，三级菜单就会有奇奇怪怪的问题清除也没办法后面用了一个插件navigation。<navigation> <router-view></router-view> </navigati...
2019-03-14 11:37:49
254
原创 element tree点击动态请求数据
element tree点击动态请求数据用element 做树结构的时候发现如果要一次性加载所有数据 会很卡，所以就想点击一级菜单加载，我们的最多只有二级，所以我判断是只有二级。如果需要子节点，一定要让后端传children哦template <el-tree node-key="id" :data="dataList" icon-class="el-icon-arrow-rig...
2019-02-21 11:54:12
5071
原创 websocket通信vue vuex 全局封装
websocket通信 vuex 全局封装最近公司要用weboscket，但是要全局用，因为我们是想把导航上加上小红点，所以相对来讲比较简单，本人属于socket研究阶段// import Cookies from 'js-cookie'//后端给的端口号const wsuri = ‘ws:/xxxxxxxx’const websocket = { state: { webs...
2019-02-21 11:39:50
7915
原创 vue-element-admin table element table 自适应内容宽问题
vue-element-admin table element table 自适应内容宽问题很多情况下，我们的表头是没办法去自定义的，要从后端获取，但是element table又没办法不换行显示。。总之 就是显示的很丑先 说第一种：如果我们的表头是从后端获取的后端给我的数据是这样的{"code":200,"msg":"成功","data":{"total":"5",&quo
2018-11-23 10:18:22
12002
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人