- 博客(19)
- 收藏
- 关注
RSS订阅原创 Nuxt.js开启SSR渲染的教程详解
第一节：nuxt.js相关概述nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。1.那服务器端渲染到底有什么好处呢？主要的原因时SPA（单页应用）不利于搜索引擎的SEO操作，Nuxt.js适合...
2019-01-28 17:10:49
4423
原创 详解vantUI框架在vue项目中的应用踩坑
1.订单提交地址等组件的应用。使用的组件有如下：import {Card,button,Toast,AddressList,Popup,AddressEdit,Area} from 'vant'主要是配货地址编辑这块；<van-address-edit :area-list="areaList" :address-info="addressI...
2019-01-24 15:21:37
7265
1
原创 详解nodejs基础之多进程实例
Node.js 多进程我们都知道 Node.js 是以单线程的模式运行的，但它使用的是事件驱动来处理并发，这样有助于我们在多核 cpu 的系统上创建多个子进程，从而提高性能。每个子进程总是带有三个流对象：child.stdin, child.stdout 和child.stderr。他们可能会共享父进程的 stdio 流，或者也可以是独立的被导流的流对象。Node 提供了 child_pro...
2019-01-21 22:20:28
555
原创 原生js实现移动端Touch轮播图的方法步骤
Touch 轮播图touch轮播图其实就是通过手指的滑动，来左右切换轮播图，下面我们通过一个案例，来实现下。1. html 结构结构上，还是用ul、li来存放轮播图片，ol、li来存放轮播小圆点：2. 样式初始化html的一些标签，都会有一些默认样式，比如body标签默认是有一个边距的，为了不影响美观，我们需要清除掉。/* 清除标签默认边距 */body,ul,li,ol,img ...
2019-01-20 14:24:32
783
原创 BAT面试官：一文带你读懂前端面试套路
名词解释程度副词对于不同程度的词，我的理解如下：精通：了解背后的原理和规范动手重写过实现代码可以以此为基础做二次开发掌握：曾在项目中大量使用过此技术可以自如的使用这项技术进行开发参与技术社区讨论或者写过相关文章熟悉：曾在项目中使用过通读过相关文档可以快速对相关问题定位到文档内容中了解：未在开发中使用过但写过Demo阅读过相关文档可以用五分钟时间向...
2019-01-17 15:45:31
1204
原创 新腾讯前端面试题：“大公司问的核心在于JavaScript”
腾讯面试对基础比较看重，然后需要你有两三个比较好的项目，一面重视面试者对前端基础的把握，还要手写代码，不过不难，二面部门的leader面，这一面比较难，面试官会对你的项目细节进行深挖，所以说项目要牛逼一点，最后还会有一道逻辑题，三面是HR面，如果你想进大公司的话，下面这些技术是肯定要掌握的：html5，css3，JavaScript，略懂一点jQuery源码，Node.js，express，mon...
2019-01-16 14:59:43
1562
原创 webpack 静态资源集中输出的方法示例
目录结构copy-webpack-plugin工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源（比如设计图、开发文档），这些静态资源有可能是文档，也有可能是一些额外的图片。打包时保留这些静态资源，直接打包到制定文件夹安装依赖cnpm install copy-webpack-plugin --save-devwebpack.config.jsfrom:要打包的静...
2019-01-15 19:53:44
1477
原创 阿里P7谈：前端工程师的技术进阶点在哪里？
前端开发的难点到底在什么地方？这个问题是一个比较全能的JavaP7工程师提出来的,总结一下大家的回答：需求变化快,需要良好的复用、可拓展能力，否则动不动重写。兼容性问题,需要兼容各种移动设备的各种浏览器。CSS非正交,对于绝大多数人来说属于『玄学』。那么问题来了,普通前端工程师的技术进阶突破点在什么地方?有哪些方向可以突破,以后端为例全局方向: 做业务整体架构深度方向: 做性能调优、...
2019-01-15 17:49:26
2289
原创 vue中eslintrc.js配置最详细介绍
本文是对vue项目中自带文件eslintrc.js的内容解析，介绍了各个eslint配置项的作用，以及为什么这样设置。比较详细，看完能对eslint有较为全面的了解，基本解除对该文件的疑惑。/** * 参考文档 * 【eslint英文文档】https://eslint.org/docs/user-guide/configuring * 【eslint中文文档】http://eslint...
2019-01-14 14:57:34
14611
2
原创 axios携带cookie配置详解(axios+koa)
话不多说，一个字，干！前端配置如下：axios.defaults.withCredentials = true; //配置为true axios.post('http://localhost:3000/tpzdz/vote/all', { openid: 'oJ0mVw4QrfS603gFa_uAFDADH2Uc', date: '2018-11-21'}).then(functio...
2019-01-14 14:02:21
29548
原创 详解在Vue中使用TypeScript的一些思考(实践)
Vue.extend or vue-class-component使用 TypeScript 写 Vue 组件时，有两种推荐形式：Vue.extend()：使用基础 Vue 构造器，创建一个“子类”。此种写法与 Vue 单文件组件标准形式最为接近，唯一不同仅是组件选项需要被包裹在 Vue.extend() 中。vue-class-component：通常与 vue-property-dec...
2019-01-11 21:45:42
3318
1
原创 JavaScript中发出HTTP请求最常用的方法
JavaScript具有很好的模块和方法来发送可用于从服务器端资源发送或接收数据的HTTP请求。在本文中，我们将介绍一些在JavaScript中发出HTTP请求的流行方法。AjaxAjax是发出异步HTTP请求的传统方式。可以使用HTTP POST方法发送数据，并使用HTTP GET方法接收数据。我们来看看发送GET请求。我将使用JSONPlaceholder，这是一个免费的在线REST AP...
2019-01-10 19:35:35
3807
原创 浅谈“全栈工程师需要掌握哪些技能”
全栈工程师有很多种，以经典有Web开发体系中有：Java + JavaScript/css/htmlNodejs + JavaScript/css/html其他服务端语言 + JavaScript/css/html本次给大家推荐的就是用 Nodejs + JavaScript/css/html成为全栈的学习路线。第一阶段：web网页基础第二阶段：web编程基础第三阶段：we...
2019-01-10 16:54:25
5675
原创 vue实现div拖拽互换位置
template模板<transition-group tag="div" class="container"> <div class="item" v-for="(item,index) in items" :key="item.key" :style="{background:item.color,width:'80px',height:'80px
2019-01-08 19:29:55
8608
6
原创 JavaScript this绑定过程
在理解this 的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置（而不是声明的位置）。只有仔细分析调用位置才能回答这个问题：这个this 到底引用的是什么？通常来说，寻找调用位置就是寻找“函数被调用的位置”，但是做起来并没有这么简单，因为某些编程模式可能会隐藏真正的调用位置。最重要的是要分析调用栈（就是为了到达当前执行位置所调用的所有函数）。我们关心的调用位置就在当前正在执...
2019-01-08 14:25:14
349
原创 react 应用多入口配置及实践总结
背景还是之前的那个项目，做完国际化没多久，还没来得及划水， 又有新的活了 – 移动端的兼容。 考虑到后期的复杂度， 需要做两套资源。 具体的目标是：同一个URL，PC打开就显示PC的那一套， M端打开就显示Mobile的页面。 create-react-app 脚手架本身不支持多入口， 需要改造，今天下午研究了一下，改造了一波， 基本达到了预期， 在这里简单把经验总结分享下。先睹为快Mobi...
2019-01-07 21:10:51
2108
原创 详解如何使用koa实现socket.io官网的例子
socket.io官网中使用express实现了一个最简单的IM即时聊天，今天我们使用koa来实现一下框架准备1.确保你本地已经安装好了nodejs和npm，使用koa要求node版本>7.62.在你需要的位置新建一个文件夹（官网的简单命名为chat-example）3.进入项目目录，创建package.json文件：{ "name": "socket-chat-example"...
2019-01-07 15:20:50
4418
原创 基础篇—CSS3盒模型
CSS3盒模型CSS有一种基础设计模式叫盒模型， 定义了Web页面中的元素是如何看做盒子来解析的。 每一个盒子有不同的展示界面， 在 CSS 中 主要有以下几种盒模型： inline、inline- block、block、table、absolute，position、float。 浏览器把每个元素看 一个盒模型， 每一个盒模型是由以下几个属性组合所决定的： display、position、...
2019-01-05 20:55:14
520
原创 ES6系列之私有变量的实现
前言在阅读 《ECMAScript 6 入门》的时候，零散的看到有私有变量的实现，所以在此总结一篇。1. 约定实现class Example { constructor() { this._private = 'private'; } getName() { return this._private }} var ex = new Example();...
2019-01-04 19:37:58
974
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人