自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

胡世林的博客

希望能帮到你

原创 Git:使用ssh的方式拉取项目

前言 当我们克隆一个项目的时候,我们常用的是http的模式去克隆下来,这对我们小白来说比较简单,这样当我们拉代码的时候,直接的做法就是去获取地址,然后再在git中使用我们的指令 git clone 地址 拉下来的就是我们的项目了,但是每次去fetch/push的时候,都需要重新输入一边账号...

2020-04-08 15:03:14 678 0

原创 antd-pro:简单的使用dva
原力计划

前言 之前简单的写了对antd-pro的构建以及运行,并未对antd-pro等进行过多的描述,也不打算,毕竟官网会给出答案,个人奉承‘洞其万理,致之一用’,接下来就大概的讲解怎么更好的使用umi/dva/antd的特色 序言 在一个项目中,状态管理始终是最重要的,如同面试时候,vuex/re...

2020-03-12 11:07:29 174 0

原创 andt-pro:搭建一个ant-design-pro项目(模板)

前言 每天得生活都要继续,每天的学习不能放弃,最近开始学习下umi/dva/antd的后台管理系统,首推自然是antd-pro了,有些朋友应该比较熟悉这个了,就不多说,直接正言介绍下 ...

2020-03-12 10:25:48 323 0

原创 typescript:怎么在vue项目中使用ts

前言 最近结束了vue-react的学习,开始学习下typescript,毕竟也是需要学习的, 下面讲解的是关于在vue中怎么去使用ts进行开发的 介绍 关于typescript的重要性,其实我们可以在另一个方面体现出来,就是现在的公司或多或少在工作上,有用到了typescript,或...

2020-02-26 17:17:22 394 0

原创 vue事件修饰符

简介 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。 为了解决这个问题,Vue.js 为 v-on...

2020-02-17 18:31:34 26 0

原创 Vue:filter全局使用

filter简介 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部 使用 因为现在很少有人用导入js文件的方式去开发项目了,...

2020-02-17 12:08:50 70 0

原创 React Hook

前言 假设读者已经有对react有基本得入门基础,那么现在就可以直接讲讲react-16.8.0开始,主推得react-hook 文档链接:react-hooks文档(记得选择语言为中文版本) 其实看完文档,就可以知到我这个文章是在水经验得,但是还是有很多不喜欢看文档得同志,毕竟我也是一个,...

2020-01-16 18:20:27 103 0

原创 css:stacking context

层叠上下文是HTML元素的三维概念,这些HTML元素在一条假想的相对于面向(电脑屏幕的)视窗或者网页的用户的z轴上延伸,HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。 关于上方的文字的描述,我想起了大一的时候,一开始,老师给我们讲解定位的时候,说到了:‘’想象下,我们的页面是有很...

2019-10-21 11:52:40 54 0

原创 微信小程序:使用svg

先确定一点,微信小程序中使用svg标签,并不会像沃恩在html中使用<svg>一样,因为小程序并不会认可‘svg’这个标签,所以我们要讨论的,是微信小程序中怎么使用svg, 先备注一点:为啥使用svg?这个没有理由,喜欢就是喜欢,非要说就是减少网络请求 以icon-font上的代码...

2019-10-17 16:54:33 1467 0

原创 微信小程序:6.一个input输入框

封了一个输入框的组件,大概的逻辑是: 1.输入框监听input事件,confirm事件,当数据发生变化时,反馈给外界 2.要带上一个删除图标的样式 不是很麻烦,就直接吧代码贴上来 <view class='component'> <view cl...

2019-09-02 22:28:22 251 0

原创 微信小程序:5.写一个下载的组件

在前几篇的基础上,做出了下修改,逻辑大概是 1.检查是否路径,没有的话,则显示加载中的标识 2.检查用户是否开启保存相册/视频的权限(非初次), 3.检查用户当前网络状态, 4.开始下载任务,且若无progress返回,则取消progress的显示 5.下载成功,则根据尾缀进行保存(大部分的尾...

2019-08-29 19:15:53 86 0

原创 微信小程序:4在app.js中统一处理分享的方法

想到前一个多月都没写博客。内心阵阵不安(内心毫无波动),所以再写几篇博客来安慰下自己(闲得无聊) 代码: qcshare() { wx.onAppRoute(function(data) { // 当前页面 let view = getCurrentPage...

2019-08-15 16:38:32 1136 0

原创 微信小程序:3用ansync/await这对混蛋还有可爱的promise来封装wx.request

功能的话,在标题讲出来了,我就不废话了, 代码: 写方法 // url:路径 // params:参数 // args:其他参数 import constant from './constant.js'; export default function ghhttp({...

2019-08-15 14:54:36 292 0

原创 微信小程序:2.自定义组件Component---加一点点强的版本

在上一篇的基础上,我们这儿再加上一些东西。 上回忘记提到了‘监听’,好吧,就是观察者模式,不多说废话,直接上代码。这个是自己封的下载的组件,里面注释个人觉得够多了 /** * 下载的组件 * params:{ * initshow:是否展示组件 * initshowprogress:...

2019-08-15 14:42:59 72 0

原创 微信小程序:1.自定义组件Component

1.自定义组件 组件化的概念,大家都不太陌生,简单点来说,就是将一些常用的,比如一个页面的搜索框。可能很多页面都会用到,这时候,就可以将它封装成为一个组件,最近由于要开始微信小程序的开发,所以就开始查漏补缺,发现自己之前刚入门时候,没有具体的去看组件化,所以现在就写个demo给大家看看 2.基...

2019-08-12 23:09:55 241 0

原创 css:高度不确定时候的transition问题

前提资料 MDN中关于transition的介绍 先决条件 在页面需要展示过渡效果时候,很多情况我们会使用transition,而用transition做效果时候,很多情况是跟width/height做搭配的; 但是transition有需要两个必要条件,一个是起点:如开始过渡效果的高度。...

2019-07-01 18:19:48 2851 0

原创 vue:slot

什么是slot 差不多就是上面那个意思吧,由于更多的还是作为一个component的一个附属性的功能,所以不做过多的解释,就理解为“插槽”,由于基本都是用在“插入”的方式,所以用法比较单一,比较简单粗暴 slot的常用方式 一般来说有下面这两种情况: 单个slot 具名slot:...

2019-06-17 16:57:23 510 0

原创 v-for在对象与数组中的区别

代码测试: <template> <div class="hello"> <div v-for='(args1,args2,args3) in myobject'> args:{{args1}},{{arg...

2019-06-15 17:38:04 688 0

原创 css3下的width/height的一些”值“

有点忙里偷闲了。正好看到了css3里面width/height的自适应关键字,就学习了下(下面的例子基本是以width为例,百分比亚,数值这些要我再写一遍就过分了) fill-available 撑满可用高度, 当当前元素的display为inline-block的时候,可将元素的大小...

2019-06-05 16:52:48 169 0

原创 怎么用node启动最简单的一个服务

就目的而言,这应该归类到vue的文集中,但是因为本身的大类是node,所以就归属到node的环境下。 就个人而言,本篇的主要目的是启动一个node的服务,所以就以此为目标并展开。 一.先决条件: 在电脑上正确安装了node,npm(可无) 步骤: 1.在自己想要创建的目录中,创建一个服务...

2019-05-31 21:47:54 1165 0

原创 css:background-attachment属性

今天偶然看到的,就做出了一些粗略的了解 作用:设置背景图片的附着方式 前提:需要设置background-image属性 值有: scroll: The background is fixed relative to the element itself and does not scr...

2019-05-25 15:23:17 120 0

原创 vue的路由优化

最近有点皮忙,都不怎么写博客了。首先是换了份新工作,需要加班的情况比较多,其次的话年初给自己定下的目标(lol满英雄退游)还差差不多8/141,所以需要多花点时间去完成自己的电竞梦,写博客就随便来一篇糊弄下吧,反正我一直也是这样做的,看得懂我意思的人,自然一眼就明白精髓,看不太懂的,也只能让我指出...

2019-05-06 18:01:18 393 3

原创 http:tcp/ip协议

一.什么是ip,怎么工作的? ip是用于计算机的通讯的,无连接的通信协议,ip将数据分隔成包的形式,并将其送到目的地;:网络协议 二.什么是tcp,怎么工作的? tcp是用于应用程序的通讯,在握手成功后,tcp会在两个通讯协议中建立双工道通讯,会占用通信线路;传输控制协议 三.什么是dns...

2019-03-21 14:55:03 124 0

原创 css:使用硬件加速以及注意项

最近有点想换工作了。所以在看一些基础题,发现自己的基础还是不够沉淀,所以要多复习一些东西,才能更好的学习下 之前逛博客的时候看到过一篇关于css的硬件加速的,百度了下, 硬件加速是指在计算机中通过把计算量非常大的工作分配给专门的硬件来处理以减轻中央处理器的工作量之技术。尤其是在图像处理中这个技...

2019-03-17 15:42:20 296 0

原创 html5:离线存储:application cache

1.什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 ...

2019-03-17 11:24:55 199 0

原创 echart的学习:4.地图在微信小程序下的使用

这个系列的博客没什么大的用处,因为echart基本都有范例的了。我只是为了自己能更好的学习下这个插件,而写博客总结下经验 由于echart在小程序的使用已经有demo了, 再为了他专门写一篇博客也是浪费时间,所以就写一篇在微信小程序中的使用,直接在原有demo上修改 接下来,对比下两者的格...

2019-02-14 16:56:07 1771 8

原创 echart的学习:3.地图在vue下的使用

这个系列的博客没什么大的用处,因为echart基本都有范例的了。我只是为了自己能更好的学习下这个插件,而写博客总结下经验 前两篇讲述的是基本图形的使用,今天写下关于地图的使用,因为地图的模板是已经停止供给的了,所以就用以前的那些地图,因为之前写过一个江苏的,就直接用江苏的作为模板   1...

2019-02-14 14:52:55 572 0

原创 echart的学习:2.雷达图在vue下的使用

这个系列的博客没什么大的用处,因为echart基本都有范例的了。我只是为了自己能更好的学习下这个插件,而写博客总结下经验 准备:  1.导入echart         cnpm install echarts(-S) 使用步骤:   2.在使用的vue文件中引入echart  ...

2019-02-13 14:38:33 2588 0

原创 echart的学习:1.雷达图在es5(不使用框架的原生情况下)下的使用

这个系列的博客没什么大的用处,因为echart基本都有范例的了。我只是为了自己能更好的学习下这个插件,而写博客总结下经验 1.准备: 使用雷达图不能直接下载常用的echart.js,需要下载完整的echart.js 2.使用的代码:     1.title:标题的设置      2.le...

2019-02-13 10:24:53 233 0

原创 websocket

废话: 如果之前有看过类似的文章就直接跳过吧,这节是废话的,如果没有,就乖乖让我讲讲流程 首先,我们socket是先发送一个称之为握手协议的东西去跟勾搭后台,如果 1.成功了,后台就会返回ok,然后我们就可以跟后台慢慢玩了, 2.后台鸟都不鸟我们,我们就厚着脸,等一段时间,还是不鸟我们...

2019-01-15 13:56:34 195 0

原创 2019

人生天地之间,若白驹过隙,忽然而已。 -----...

2019-01-03 15:59:06 647 0

原创 vue:打包过后的文件报js找不到

文章标题可能描述的不太清楚(反正我也不知道怎么写) 大概理解为: 打包过后的文件放在服务器上时一片空白,然后打开f12后是这样的错误: 这个就比较明显了,是js的路径有问题,那么!请问,这个是哪一步环节出错了呢? 先不着急百度,自己推一推,(为了排除很多其他的因素,这儿我就直接运行一开...

2018-12-07 17:20:05 5830 0

原创 vu-cli 关闭es-lint的方法

今天下午懒得比较闲,所以就开始复习下我的vue,想搭建个后台管理的框架,但是忘了关闭es-lint,想到一连串的莫名其妙的错,比如: 以上是项目刚生成时候的错误 本来想严格要求下自己的,想想还是放弃了,不想影响自己美好的下午 于是乎。我们打开 我们的vue项目目录下的build/webp...

2018-12-07 15:36:05 253 0

原创 一个后台的iframe版的架构

目的: 使用类似layui的iframe版的后台管理系统。   过程: 1.本来打算是使用vue-ivew的后台管理系统模板,而且已经基本熟练掌握了,但是!队友对vue不太了解,果断放弃 2.本来打算使用layui-iframe版本的后台管理系统。但是!穷!!!!!而且界面跟要求的不一致...

2018-12-07 14:49:23 3486 0

原创 hbuilder中如何使用sass

不知道之前有没有写过关于sass在编译工具中的使用,如果有就再见,没有的话就接着编。。。 if('你已经安装好了ruby还有sass的情况下'){ console.log('请接着看我编(以hbuilder为例)'); } else { return f...

2018-10-29 23:44:57 1304 0

原创 es6:proxy的简单使用

proxy,顾名思义是代理的意思;也就是对一个操作的代理,比如当我们对一个对象要进行操作的时候,我们是这样写的: 展示出来的效果是这样的:(浏览器有点问题,所以在node的环境下运行) 在使用了proxy后,我们的会变成这样: 结果如下: 流程的大概是这样, 1.当我们用...

2018-09-27 10:33:50 500 0

原创 es6:set

ES6提供了数据结构Set。类似于数组,但是没有重复值。 ---------------------百度 1.set使用构造方法来构建,且传入的值需要为数组,如: let arr = [1, 2, 3, 4]; console.log(arr); let set1 = new...

2018-08-28 23:16:22 863 0

原创 es6:数组的一些扩展

重点不多,就一些可能常用的还有不怎常用的,就直接列出来,给自己提醒下而已 1.Array(n):定义一个长度为n的数组 2.Array.of():将一个类似数组格式的对象转化为数组,注意length 3.Array.form:也是将一个类似数组/数组转为数组 4.copywithin:将数...

2018-08-25 13:26:43 170 0

原创 es6::语法模板

es5是怎么使用的innerhtml还有innertext,我就不多说了,重点讲下es6的语法模板 模板字符串 模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。------------...

2018-08-24 00:17:25 321 0

原创 微信小程序

1.图片的处理     1.图片宽度固定,高度不变 mode="widthFix"    2.缩放。显示最长的 aspectFill   3.打空格 &lt;text decode="{{true}}" space="...

2018-08-22 10:34:59 143 0

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