2 biaov

尚未进行身份认证

我要认证

欢迎大家来交流关于前端方面的技术。

等级
TA的排名 16w+

使用 VuePress 搭建个人博客

又有一个可以装逼的技术点了初始化项目npm init -y安装依赖vuepress:用来开发博客项目的依赖site-ftp:用来上传文件到服务器的依赖npm i -D vuepress site-ftp初始化目录|-- wordpress -------------------- 项目名称 |-- .gitignore --------------- git忽略文件 |-- ftp.js ------------------- 上传配置文件 |-- pac.

2020-10-31 12:03:28

推荐一些你可能需要的 UI 组件库

Element UI简介Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:46.9k。免费开源,不过最近发现已经几个月不维护了,issues 也 Closed,如果你后面用上了 Vue3.0,那么就不能继续使用这一套 UI 框架,因为容易出现许多的问题解决方法:新的项目的话可以考虑其他的 UI 框架:vuetifyAnt Design of VueFork 一份自己

2020-08-25 17:04:53

TypeScript + NodeJs 编写一个 React 脚手架工具

搭建一个适合项目的脚手架有时候还是有必要的,除了增加你的技术以外,还可以在开发项目时更快的初始化。今天就分享一下如何使用TypeScript+NodeJs编写一个React脚手架工具,不是很难,因为都是踩在巨人的肩膀上。初始化 TypeScript 配置初始化 TypeScript 项目并创建 tsconfig.json 文件。tsc --init修改 tsconfig.json 配置文件。{ "compilerOptions": { "target": "es5", .

2020-08-12 18:16:14

使用 Gulp 开发 HTML 静态页面和 Less 实时更新

之前一直在用 Vue 或者 React 在写 SPA 项目的时候,因为使用了 Less 感觉很不错,现在转回来写纯 css 的时候,感觉很难受(特别是写很长的选择器时)。然后就分享一下在 HTML 静态页面中如何使用 Less(当然你也可以使用 Sass 或者 Stylus),以及实时更新。如果你没有用过 Gulp,请点击这里 Gulp 官网搭建项目目录这个是我的 gulp-demo 的项目目录。创建 package.json使用 npm init 按照步骤往下走或者使用 npm .

2020-08-03 16:52:20

React路由匹配的问题

最近在写 React 项目时,被 React 路由匹配的问题折磨的够呛,这里来分享一下其中的一些坑,以及我的路由配置组件。前提安装路由npm i react-router-dom -S用 react-router-dom 不用 react-router 的原因:react-router-dom多出<Link> <BrowserRouter>等组件。更适合,更好用,更简单(没有这些组件就需要你自己去封装)。配置 history 模式如果使用 hash.

2020-07-17 10:49:17

JavaScript深拷贝封装

深拷贝和浅拷贝概述为什么会有深拷贝和浅拷贝?JS的数据类型分为基本类型和接应类型。基本类型:直接存储在栈(stack)中的数据。接引类型:存储的是该对象在栈中的引用(即指针),真实的数据存放在堆内存里。深拷贝和浅拷贝针对的是接引类型。理论上基本类型赋值都属于深拷贝,这是因为基本类型的不可变性。深拷贝复制接应类型的真实数据。不直接复制引用地址(即指针)。浅拷贝只复制引用地址(即指针)。不改变接应类型的真实数据实现一层深拷贝的一些方法for in 循环复制对象const

2020-06-18 11:50:09

前端跨域原理的一些猜想

什么是跨域?每一个web服务都是一个区域,当两个web服务之间相互通讯时,所以产生了跨域。为什么会存在跨域?这是由于浏览器的同源策略的限制。同源策略规定了如果不是同源的服务,相互之间通讯是不允许的,因为这样可能存在安全问题。同源策略:同协议、同域名、同端口如何处理跨域如果不是相互通讯的话即可以不受同源策略的影响。例如:script标签和iframe标签都是属于引用外部资源,不存在跨域问题。跨域方法JSONP通过script标签引用接口出传递回调函数,通过回调函数

2020-06-08 16:30:38

Uni-App+Vue+NodeJs+Express开发一个开源项目

前言有一段时间没有发布博客了,前段时间写了一个由 Uni-App+Vue+NodeJs+Express 开发的一个开源项目,今天来发布一篇关于这个的博客。此项目主要兼容H5、小程序、App 这三个端。项目地址:MINEAPP技术栈名称描述uni-app框架一个使用 Vue.js 开发所有前端应用的框架。5+Api和手机交互的一些API。VueJs一套用于构建用户界面的渐进式框架。Vuex一个专为 Vue.js 应用程序开发的状态管理模式。No

2020-05-29 14:15:00

浅谈uni-app页面传值问题

前言作为一个前端开发者,现在大前端的概念比较深入人心,比如小程序、Android和iOS跨端,前端H5等。而最近在使用uni-app跨端开发App,遇到些问题分享一下。uni-app页面传值传递基础类型数据// A页面-传递参数let value = "参数值";uni.navigateTo({ url:`/pages/home/index?data=${value}`});...

2019-12-27 11:52:52

VUE发送Formdata数据,NodeJS接收

VUE发送Formdata数据参数blob是通过this.cropper.getCroppedCanvas().toBlob(blob => { });获取到的。具体使用方法,参考此链接地址// 这里我使用的是cropperjs插件,裁剪图片成功执行此方法 crop(blob) { const formData = new FormData(); let uid = ...

2019-04-29 17:22:14

使用autoprefixer和postcss-cli给css加上浏览器厂商前缀

在写css的时候,总会使用到css3的许多好的东西,但是有一个我们不得不考虑的问题,那就是兼容性,通过Can I use这个网站我们就会发现兼容性的东西真多。但是我们在写css的过程中,每一个都去手写的话,就会降低自己的开发效率。所以我们应该要让它自动给所有的css文件添加浏览器厂商前缀。因此我们可以使用autoprefixer这个插件来自动给css文件加上浏览器厂商前缀。那么就开始吧,首...

2019-03-12 17:07:33

使用axios的post请求,node.js后台接收不到参数解决方法

简单说明一下,最近在写个人网站的后台管理系统,前端界面使用的是Vue框架,后台使用的是Node.js。因为后台管理系统有登录,所以在写的时候发现一个小问题,因为以前没有登录,所以用的都是get请求,后台一直用的是req.query接收参数,但是post请求完成之后,req.query是一个空对象,req.params也是空对象,接收不到参数。前台请求成功。后台接收成功。...

2019-01-10 10:20:03

Vue/cli3.0的一些小技巧

vue/cli3.0比起vue/cli2.*来说,最明显的区别就是简化了两个文件,一个是build文件和config文件。vue/cli3.0把这两个文件的配置写进了node_modules里面去了。不过有些时候我们也需要配置一些适合自己项目开发的东西,所以我们可以把自己的相关配置写入vue.config.js文件中。(这个文件需要自己在src同目录下新建,下面统一说成根目录)介绍一下今天...

2018-09-29 17:12:24

使用Git,从码云上clone项目到本地,修改完之后提交项目到码云

最近在写公司的项目,用的比较多的就是使用Git,从码云上clone下来项目,到修改完之后,再提交项目到码云上去,这样的方法很适用于团队协作,以及避免电脑里的代码,因为特殊情况而丢失。所以把这个过程简单的分享一下!欢迎大家讨论。闲话少说,开始进入正题。一、把项目从码云上clone下来。(这里以一个自己的简单分支做演示)1.先简单创建一个临时演示的项目。(已有项目直接进入2)2.点...

2018-09-25 13:54:06

谈一谈使用webpack开发时,Vue组件之间的数据传递

  我们在学习Vue的时候,难免会使用各个组件之间传递数据。  先来介绍一下Vue中组件传递的方式,有父组件传递给子组件数据,子组件传递给父组件数据,父组件直接获取子组件中数据,子组件直接获取父组件数据以及兄弟组件之间传递数据这五种方式。  接下来介绍一下这五种组件传递数据的方式在webpack中如何使用的。一、父组件传递给子组件数据  第一步,新建一个子组件放在component...

2018-08-08 18:27:41

vue.js打包之后遇到的坑!!!

最近在用webpack+vue写项目,经过几天的熬夜加班改BUG,终于把基本的框架给写完了,后面只要加一些小功能就可以了,太好吧!先来npm run build 打包出来看看吧!打包中...,我们用本地服务器打开看一下。额,不看不知道,一看吓一跳,坑咋这么多呢!但是作为一名积极向上的IT从业者,填坑吧。1.打包之后没有被渲染出来。怎么回事,刚打开就告诉我啥也没有,这是要搞事情的前奏啊!,我们看一下...

2018-06-01 17:38:15
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到达人
    签到达人
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。