- 博客(350)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 egg：使用ejs(ts)
egg使用ejs的方法很多博客都有，但是都是js版本的，也是偶然再github上看到了一些人ts版本的egg中用了插件，这才了解到怎么再js的版本基础上改动，所以写一下，方便别人项目使用ejs安装ejsnpm install -S egg-view-ejs配置config/plugin.tsconst plugin: EggPlugin = { static: true, // mongoose ejs: { enable: true, package: 'egg
2020-09-24 15:26:38
675
原创 egg:搭建一个简单的egg项目(ts)
搭建一个空白的EGG项目全局搭建eggjs的脚手架npm install egg-init -g初始化eggjs项目npm init egg --type=ts安装依赖npm i启动项目npm run dev
2020-09-24 15:16:04
1175
原创 typescript：一个关于导出excel的简单例子
前序导出excel的方法简单来说有两部思路，一个是‘excel格式’是什么格式，一个是怎么下载，后者比较简单，基本实现都是以一个a标签，设置link元素下载，问题在于前者，对于excel的格式了解比较少的时候，会比较难下手，以及再ie等其他版本的浏览器导出的时候，需要考虑什么因素？下面还是举一个简单点的例子（比较普遍的现象）导出一个excel文件核心在于导出流的时候的文件格式，一般选用的是csv格式，部分时候也有用table等html来假冒excel，但是试过会有错误提示，所以不考虑，而a标签的我们
2020-09-11 15:34:14
2097
4
原创 webpack构建一个lib项目
初始化一个项目npm initwebpack安装npm install webpack webpack-cli -S使用typescriptnpm install typescript ts-lint ts-loader选择性使用webpack的pluginnpm install -D clean-webpack-plugin编写webpack.config.js文件const path = require('path')const {CleanWebpackPlugin} =
2020-09-11 15:21:04
1078
原创 javascript：在es6中解构赋值设置默认值以及别名
还是废话不多说，直接写例子，方便点const data = { key: 'value' } const { key: key1 = 'default' } = data console.log(key1); console.log(key)// 报错测试结果
2020-06-11 01:06:03
4093
原创 javascript：es6中，使用变量作为对象的key
想了大概十分钟，不知道怎么描述场景，毕竟大家都遇到过，我就懒得描述了，直接写上代码还有测试的例子吧 const keyName = 'keyName1'; const obj = { [keyName]: 'keyname2' } console.log(obj)测试结果大概就这样子，没啥好写的，安...
2020-06-11 01:01:30
11846
4
原创 Git：使用ssh的方式拉取项目
前言当我们克隆一个项目的时候，我们常用的是http的模式去克隆下来，这对我们小白来说比较简单，这样当我们拉代码的时候，直接的做法就是去获取地址，然后再在git中使用我们的指令git clone 地址拉下来的就是我们的项目了，但是每次去fetch/push的时候，都需要重新输入一边账号密码，这就是使用http模式的麻烦之处；相反的，使用ssh的时候，只需要第一次配置的时候有点麻烦，后面...
2020-04-08 15:03:14
28528
原创 antd-pro：简单的使用dva
前言之前简单的写了对antd-pro的构建以及运行，并未对antd-pro等进行过多的描述，也不打算，毕竟官网会给出答案，个人奉承‘洞其万理，致之一用’，接下来就大概的讲解怎么更好的使用umi/dva/antd的特色序言在一个项目中，状态管理始终是最重要的，如同面试时候，vuex/react-redux/redux三者是必定问及的。而在单页面应用中，状态管理也是必须的，所以，我们也有必...
2020-03-12 11:07:29
3786
7
原创 andt-pro：搭建一个ant-design-pro项目(模板)
前言每天得生活都要继续，每天的学习不能放弃，最近开始学习下umi/dva/antd的后台管理系统，首推自然是antd-pro了，有些朋友应该比较熟悉这个了，就不多说，直接正言介绍下...
2020-03-12 10:25:48
6865
原创 typescript：怎么在vue项目中使用ts
前言最近结束了vue-react的学习，开始学习下typescript，毕竟也是需要学习的，下面讲解的是关于在vue中怎么去使用ts进行开发的介绍关于typescript的重要性，其实我们可以在另一个方面体现出来，就是现在的公司或多或少在工作上，有用到了typescript，或则是在招聘上写道了typescript等。所以多学一个。。多要点钱也是好的（个人的肮脏思想）使用T...
2020-02-26 17:17:22
3521
原创 vue事件修饰符
简介在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。大概的意思就是，我们添加一个事件...
2020-02-17 18:31:34
312
原创 Vue：filter全局使用
filter简介Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部使用因为现在很少有人用导入js文件的方式去开发项目了，所以默认是使用全局开发的比较多，所以接下来的讲解就以全局开发为例子1.创建一个filter文件夹，...
2020-02-17 12:08:50
3308
原创 React Hook
前言假设读者已经有对react有基本得入门基础，那么现在就可以直接讲讲react-16.8.0开始，主推得react-hook文档链接：react-hooks文档（记得选择语言为中文版本）其实看完文档，就可以知到我这个文章是在水经验得，但是还是有很多不喜欢看文档得同志，毕竟我也是一个，所以就写写几个常用得api，然后后面自己再去看文档，有了个理解，就不会那么蒙了，最基本的版本...
2020-01-16 18:20:27
336
原创 css：stacking context
层叠上下文是HTML元素的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的z轴上延伸，HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。关于上方的文字的描述，我想起了大一的时候，一开始，老师给我们讲解定位的时候，说到了：‘’想象下，我们的页面是有很多层的，我们可以完整看到的，就是距离我们最近的那一层，接下来，第二层，第三层，第四层，一层一层的扣着‘...
2019-10-21 11:52:40
301
原创 微信小程序：使用svg
先确定一点，微信小程序中使用svg标签，并不会像沃恩在html中使用<svg>一样，因为小程序并不会认可‘svg’这个标签，所以我们要讨论的，是微信小程序中怎么使用svg，先备注一点：为啥使用svg？这个没有理由，喜欢就是喜欢，非要说就是减少网络请求以icon-font上的代码为例子，首先，我们需要拿到一份‘svg代码；。比如：<svg t="15712928686...
2019-10-17 16:54:33
9587
1
原创 微信小程序：6.一个input输入框
封了一个输入框的组件，大概的逻辑是：1.输入框监听input事件，confirm事件，当数据发生变化时，反馈给外界2.要带上一个删除图标的样式不是很麻烦，就直接吧代码贴上来<view class='component'> <view class='inputbox'> <image class='image' src="../../ass...
2019-09-02 22:28:22
944
原创 微信小程序：5.写一个下载的组件
在前几篇的基础上，做出了下修改，逻辑大概是1.检查是否路径，没有的话，则显示加载中的标识2.检查用户是否开启保存相册/视频的权限(非初次),3.检查用户当前网络状态，4.开始下载任务，且若无progress返回，则取消progress的显示5.下载成功，则根据尾缀进行保存(大部分的尾缀类型)保存(非初次)6.提示下载成功/失败代码大概是下面这样，/** * 视频下载的组...
2019-08-29 19:15:53
380
原创 微信小程序：4在app.js中统一处理分享的方法
想到前一个多月都没写博客。内心阵阵不安（内心毫无波动），所以再写几篇博客来安慰下自己（闲得无聊）代码： qcshare() { wx.onAppRoute(function(data) { // 当前页面 let view = getCurrentPages()[getCurrentPages().length - 1]; console.lo...
2019-08-15 16:38:32
2974
原创 微信小程序：3用ansync/await这对混蛋还有可爱的promise来封装wx.request
功能的话，在标题讲出来了，我就不废话了，代码：写方法// url:路径// params：参数// args:其他参数import constant from './constant.js';export default function ghhttp({ url, params = {}, ...args}) { // 增加token Object.a...
2019-08-15 14:54:36
793
原创 微信小程序：2.自定义组件Component---加一点点强的版本
在上一篇的基础上，我们这儿再加上一些东西。上回忘记提到了‘监听’，好吧，就是观察者模式，不多说废话，直接上代码。这个是自己封的下载的组件，里面注释个人觉得够多了/** * 下载的组件 * params：{ * initshow：是否展示组件 * initshowprogress：是否展示进度条 * initpath:下载路径， * } * */let download...
2019-08-15 14:42:59
300
原创 微信小程序：1.自定义组件Component
1.自定义组件组件化的概念，大家都不太陌生，简单点来说，就是将一些常用的，比如一个页面的搜索框。可能很多页面都会用到，这时候，就可以将它封装成为一个组件，最近由于要开始微信小程序的开发，所以就开始查漏补缺，发现自己之前刚入门时候，没有具体的去看组件化，所以现在就写个demo给大家看看2.基本结构首先，最基本的文件结构，应该是这样子的：其中的component就是我们用于存放组件...
2019-08-12 23:09:55
1168
原创 css：高度不确定时候的transition问题
前提资料MDN中关于transition的介绍先决条件在页面需要展示过渡效果时候，很多情况我们会使用transition，而用transition做效果时候，很多情况是跟width/height做搭配的；但是transition有需要两个必要条件，一个是起点：如开始过渡效果的高度。以及过渡效果结束后的高度。速度等其他非必须的不在本文的讨论范围内，暂时忽略问题描述鉴于上述条...
2019-07-01 18:19:48
10126
1
原创 vue：slot
什么是slot差不多就是上面那个意思吧，由于更多的还是作为一个component的一个附属性的功能，所以不做过多的解释，就理解为“插槽”，由于基本都是用在“插入”的方式，所以用法比较单一，比较简单粗暴slot的常用方式一般来说有下面这两种情况：单个slot具名slot：结构大概是这样的：在界面/父界面中使用到组件，其次在组件中加入自己要编写的代码,然后再组件...
2019-06-17 16:57:23
767
原创 v-for在对象与数组中的区别
代码测试：<template> <div class="hello"> <div v-for='(args1,args2,args3) in myobject'> args:{{args1}},{{args2}},{{args3}} </div> <hr /> <div v-for='(args1,ar...
2019-06-15 17:38:04
1364
原创 css3下的width/height的一些”值“
有点忙里偷闲了。正好看到了css3里面width/height的自适应关键字，就学习了下（下面的例子基本是以width为例，百分比亚，数值这些要我再写一遍就过分了） fill-available 撑满可用高度，当当前元素的display为inline-block的时候，可将元素的大小设置为可用的宽度；当当前元素的dispaly为block的时候，你就当他不存在吧 fit-c...
2019-06-05 16:52:48
513
原创 怎么用node启动最简单的一个服务
就目的而言，这应该归类到vue的文集中，但是因为本身的大类是node，所以就归属到node的环境下。就个人而言，本篇的主要目的是启动一个node的服务，所以就以此为目标并展开。一.先决条件：在电脑上正确安装了node，npm(可无)步骤：1.在自己想要创建的目录中，创建一个服务出来，以下是我的目录，这儿以node-anywhere为例子2.使用cnpm/npm...
2019-05-31 21:47:54
3042
原创 css:background-attachment属性
今天偶然看到的，就做出了一些粗略的了解作用：设置背景图片的附着方式前提：需要设置background-image属性值有：scroll：The background is fixed relative to the element itself and does not scroll with its contents.背景相对于元素本身是固定的，不会随着其内容滚动fi...
2019-05-25 15:23:17
868
原创 vue的路由优化
最近有点皮忙，都不怎么写博客了。首先是换了份新工作，需要加班的情况比较多，其次的话年初给自己定下的目标(lol满英雄退游)还差差不多8/141,所以需要多花点时间去完成自己的电竞梦，写博客就随便来一篇糊弄下吧，反正我一直也是这样做的，看得懂我意思的人，自然一眼就明白精髓，看不太懂的，也只能让我指出，所以文章的质量就无所谓啦，而且把。。。准备一篇博客至少也要来个30分钟的时间，差不...
2019-05-06 18:01:18
1476
4
原创 http：tcp/ip协议
一.什么是ip，怎么工作的？ ip是用于计算机的通讯的，无连接的通信协议，ip将数据分隔成包的形式，并将其送到目的地；:网络协议二.什么是tcp，怎么工作的？ tcp是用于应用程序的通讯，在握手成功后，tcp会在两个通讯协议中建立双工道通讯，会占用通信线路；传输控制协议三.什么是dns，做什么工作的 dns是网络上作为域名与ip地址相互映射的分布式数据库，将访问输入...
2019-03-21 14:55:03
310
原创 css:使用硬件加速以及注意项
最近有点想换工作了。所以在看一些基础题，发现自己的基础还是不够沉淀，所以要多复习一些东西，才能更好的学习下之前逛博客的时候看到过一篇关于css的硬件加速的，百度了下，硬件加速是指在计算机中通过把计算量非常大的工作分配给专门的硬件来处理以减轻中央处理器的工作量之技术。尤其是在图像处理中这个技术经常被使用。简单来说，就像是我们看电影的时候，如果电脑卡的话，单单使用cpu的话，是很卡的，而这...
2019-03-17 15:42:20
860
原创 html5：离线存储：application cache
1.什么是应用程序缓存（Application Cache）？HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 （以上文本摘选自w3school，...
2019-03-17 11:24:55
653
原创 echart的学习：4.地图在微信小程序下的使用
这个系列的博客没什么大的用处，因为echart基本都有范例的了。我只是为了自己能更好的学习下这个插件，而写博客总结下经验由于echart在小程序的使用已经有demo了， 再为了他专门写一篇博客也是浪费时间，所以就写一篇在微信小程序中的使用，直接在原有demo上修改接下来，对比下两者的格式（以江苏省为例子）所以将其修改格式，就变成了：代码：（只修改了徐州市，其他的不变）...
2019-02-14 16:56:07
3827
8
原创 echart的学习：3.地图在vue下的使用
这个系列的博客没什么大的用处，因为echart基本都有范例的了。我只是为了自己能更好的学习下这个插件，而写博客总结下经验前两篇讲述的是基本图形的使用，今天写下关于地图的使用，因为地图的模板是已经停止供给的了，所以就用以前的那些地图，因为之前写过一个江苏的，就直接用江苏的作为模板 1..导入相对应的地图//在modle里面已经有的了，就直接使用的就可以的了 import ec...
2019-02-14 14:52:55
1159
原创 echart的学习：2.雷达图在vue下的使用
这个系列的博客没什么大的用处，因为echart基本都有范例的了。我只是为了自己能更好的学习下这个插件，而写博客总结下经验准备： 1.导入echart cnpm install echarts（-S）使用步骤： 2.在使用的vue文件中引入echart import echarts from 'echarts' 3.准备容器<d...
2019-02-13 14:38:33
5067
原创 echart的学习：1.雷达图在es5（不使用框架的原生情况下）下的使用
这个系列的博客没什么大的用处，因为echart基本都有范例的了。我只是为了自己能更好的学习下这个插件，而写博客总结下经验1.准备：使用雷达图不能直接下载常用的echart.js，需要下载完整的echart.js2.使用的代码： 1.title：标题的设置 2.legend：里程碑的设置 3.radar：雷达项的设置（使用的是雷达坐标系） 4...
2019-02-13 10:24:53
543
原创 websocket
废话：如果之前有看过类似的文章就直接跳过吧，这节是废话的，如果没有，就乖乖让我讲讲流程首先，我们socket是先发送一个称之为握手协议的东西去跟勾搭后台，如果1.成功了，后台就会返回ok，然后我们就可以跟后台慢慢玩了，2.后台鸟都不鸟我们，我们就厚着脸，等一段时间，还是不鸟我们，我们就告辞3.后台直接说滚，我们就带个tp，闪现，开幽梦回家 1.websocket是个协议...
2019-01-15 13:56:34
1298
原创 vue：打包过后的文件报js找不到
文章标题可能描述的不太清楚（反正我也不知道怎么写）大概理解为：打包过后的文件放在服务器上时一片空白，然后打开f12后是这样的错误：这个就比较明显了，是js的路径有问题，那么！请问，这个是哪一步环节出错了呢？先不着急百度，自己推一推，（为了排除很多其他的因素，这儿我就直接运行一开始的那个项目了） 大家猜一猜是上面哪个文件夹在起作用？vue文件目录结构：http://w...
2018-12-07 17:20:05
16546
原创 vu-cli 关闭es-lint的方法
今天下午懒得比较闲，所以就开始复习下我的vue，想搭建个后台管理的框架，但是忘了关闭es-lint，想到一连串的莫名其妙的错，比如：以上是项目刚生成时候的错误本来想严格要求下自己的，想想还是放弃了，不想影响自己美好的下午于是乎。我们打开 我们的vue项目目录下的build/webpacke.base.config.js接下来：将第四十三行的注释掉，在重启下（怎么...
2018-12-07 15:36:05
654
原创 一个后台的iframe版的架构
目的：使用类似layui的iframe版的后台管理系统。 过程：1.本来打算是使用vue-ivew的后台管理系统模板，而且已经基本熟练掌握了，但是！队友对vue不太了解，果断放弃2.本来打算使用layui-iframe版本的后台管理系统。但是！穷！！！！！而且界面跟要求的不一致（穷！）。。。3.自己写一个得了。真蛋疼。。。支持：jquery（后面可能会用到，所以就先...
2018-12-07 14:49:23
5305
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人