- 博客(37)
- 收藏
- 关注
RSS订阅转载 React Hooks 你不来了解下？
前言最近在看 React 的新语法—— React Hooks，只能一句话概括：React 语法真的是越来越强大，越写代码越少。强烈推荐还没看 React Hooks 的同学去学习下，这会让你写react 项目变得非常爽！以前 React 组件可以看成是： 无状态组件（function定义）和有状态组件（class 定义），React Hooks 出现之后，我们基本所有的组件都可以...
2019-09-16 19:29:00
174
转载 移动端开发必须知道的小技巧
前言最近在公司写一个混合 app 项目，页面基本全部都是用 H5 完成，嵌入到原生 webview 下。发现一个问题，在 iPhone 6 下 苹果手机的状态栏会挡住页面，导致页面下移，样式错乱，最后网上查找了些解决办法，加了一条 meta 标签解决了问题。今天特来总结下常用的移动端开发需要注意的meta标签及一些小技巧。viewport<meta name="viewp...
2019-08-31 17:07:00
198
转载 你真的了解setState()吗？
React 中 setState()详细解读对于 setState() 相信伙伴们都用过，它是 React 官方推荐用来更新组件 state 的 API，但是对于 setState() 你真的了解吗？且待我慢慢详聊一番。setState() 官方用法指南语法1： setState(updater[, callback])updater：函数类型，返回一个更新后的 state 中...
2019-08-25 19:49:00
224
转载 数组方法不混淆
多且易乱的数组方法js 中对数组操作比比皆是，不管是单纯前端操作数组变量，还是后台返回的数组形式接口数据，都需要用到数组一些方法操作数组。不知道大家是不是和我一样经常忘记或混乱数组一些方法，什么 find()，some()，reduce()等等，还有哪些会改变原始数组哪些返回新数组，真是一头雾水。来张图片压压惊这张图是我收藏的数组方法图，上面列出了常见的数组方法及解释，界面很舒服...
2019-07-18 21:44:00
390
转载 react-redux 的使用
前言最近在学 React，看到 react-redux 这里，刚开始觉得一脸懵逼，后面通过查阅相关资料和一些对源码的解释，总算有点头绪，今天在这里总结下。类似于 Vue，React 中组件之间的状态管理 第三方包为：react-redux。react-redux 其实是 Redux的官方React绑定库，它能够使你的React组件从Redux store中读取数据，并且向store分...
2019-07-08 15:16:00
91
转载 你值得关注的几种常见的js设计模式
前言潜水了一段时间，今天空闲时间复盘下之前的知识点，聊聊 js 几种常见的设计模式。掌握 JavaScript 中常见的一些设计模式，对我们书写规范性代码，可维护性代码有很大的帮助。ps：最近在一些好友的鼓励下，pubdreamcc 准备着手经营一个公众号了，具体信息会在接下来的两天时间内发布，新手上路，欢迎大伙提供一些宝贵的建议，cc 在这里先谢了~内容主体单例模式所谓...
2019-06-25 16:56:00
252
转载 mongoDB看这篇就够了
写在前面hello，小伙伴们，我是 pubdreamcc ，本篇文章依旧出至于我的 GitHub仓库 node学习教程 ，如果你觉得我写的还不错，欢迎给个 star ，小伙伴们的 star 是我持续更新的动力 ！node学习教程GitHub安装 mongoDB安装这里，我就不详细介绍，大家可以根据官网选择匹配自己电脑系统的版本安装即可。mongoDB download地址：...
2019-05-31 14:27:00
113
转载 聊聊webpack 4
前言hello，小伙伴们，本篇仓库出至于我的GitHub仓库 web-study ，如果你觉得对你有帮助的话欢迎star，你们的点赞是我持续更新的动力web-studywebpack 打包工具webpack 毫无疑问现在是非常火热的前端自动化打包工具，本系列教程是基于最新版 webpack 4.X.X 来编写。webpack 4：零配置开始创建一个目录然后进入，初始化生...
2019-05-29 18:16:00
105
转载 教你三步爬取掘金优质前端文章
前言hello，小伙伴们，我是你们的pubdreamcc，本篇博文出至于我的GitHub仓库node学习教程资料，欢迎小伙伴们点赞和star，你们的点赞是我持续更新的动力。GitHub仓库地址：node学习教程好了，废话不多说，今天我们来玩一个有意思的 demo ：Node实现爬虫抓取掘金点赞大于 50 的优质前端文章先来看以下效果：服务器会每10分钟更新相关内容，...
2019-05-28 19:39:00
246
转载 可能是全网最详细的express--middleware
写在前面hello，小伙伴们，我是你们的pubdreamcc，本篇博文出至于我的GitHub仓库node学习教程资料，欢迎小伙伴们点赞和star，你们的点赞是我持续更新的动力。GitHub仓库地址：node学习教程好了，废话不多说了，今天继续我们express的学习~开篇今天我们来聊一聊express中非常重要的一个概念——express middleware （expre...
2019-05-25 20:12:00
124
转载 带你学Node系列之express-CRUD
前言hello，小伙伴们，我是你们的pubdreamcc，本篇博文出至于我的GitHub仓库node学习教程资料，欢迎小伙伴们点赞和star，你们的点赞是我持续更新的动力。GitHub仓库地址：node学习教程本篇文章对应的源码：Student-Management-System好了，废话不多说了，今天继续我们express的学习~Student-Management-...
2019-05-24 18:48:00
108
转载 简单聊聊ES6-Promise和Async
前言本篇博文出至于我的github仓库：web-study，如果你觉得对你有帮助欢迎star，你们的点赞是我持续更新的动力，谢谢！异步编程在前端开发中尤为常见，从最早的XHR，到后来的各种封装ajax，再到DOM事件触发的回调，无不涉及异步编程。今天咱们来聊聊ES6中新提出的异步解决方案：Promise和async/await。Promise的原理和基本用法Promis...
2019-05-23 16:51:00
132
转载 Node学习图文教程之express重写留言本案例
写在前面小伙伴们大家好，我是你们的pubdreamcc，接着前面的学习，这篇博文出至于我的GitHub仓库：Node学习教程资料，如果你觉得对你有帮助，欢迎star，你们的点赞是我持续更新的动力，谢谢！Node.js学习教程资料：GitHub前言我们在之前的node.js学习的基础课程中已经完成了一个简单的用户发表评论社区，今天我们利用web开发框架--express来重写案...
2019-05-22 14:31:00
89
转载 Node.js学习（第四章：初见express）
Express框架是一款简洁而灵活的node.js web应用框架。前面我们自己手动创建服务器在Express中就是一个API的事情，这就使得我们更加注重业务的功能和开发效率上，不必纠结过多底层的事情。Express中文官网：Express快速入门安装：npm install express --save项目中引入：const express = require('e...
2019-05-21 11:17:00
103
转载 彻底弄懂ES6中的Map和Set
MapMap对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。构造函数Map可以接受一个数组作为参数。Map和Object的区别一个Object 的键只能是字符串或者 Symbols，但一个Map 的键可以是任意值。Map中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。Map的键值对个数可以从 size 属性获取，而 Object 的键值对个数...
2019-05-20 10:58:00
1639
转载 全网最easy的better-scroll实现上拉加载和下拉刷新
前言移动端页面常见的一种效果：下拉刷新（pulldownrefresh）和上拉加载（pullupload），目的都是为了增强用户的体验效果，因此各种移动端滑动插件也是层出不穷，今天小编也在这里给大家推荐一个滑动插件：better-scroll。GitHub地址：better-scroll利用better-scroll也很轻易的实现上述效果。vue创建项目项目是基于vue...
2019-05-16 19:21:00
239
转载 Node中require第三方模块的规则
Node.js中使用CommonJs模块化机制，通过npm下载的第三方包，我们在项目中引入第三方包都是：let xx = require('第三方包名')，究竟require方法加载第三方包的原理机制是什么，今天我们来探讨下。require('第三方包名')优先在加载该包的模块的同级目录node_modules中查找第三方包。let template = require('art...
2019-05-11 19:27:00
118
转载 canvas实现酷炫气泡效果
canvas实现动画主要是靠设置定时器（setinterval（））和定时清除画布里的元素实现，canvas动画上手很简单，今天可以自己动手来实现一个酷炫气泡效果。气泡炸裂效果（类似水面波纹）代码如下：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8">...
2019-05-09 18:18:00
565
转载 Node.js实现用户评论社区（体验前后端开发的乐趣）
前面接着上一节的内容来，今天我们要完成一个用Node开发后台服务器，实现一个简单的用户评论社区。可以先看下效果图：开始建立项目文件夹comment-list，在里面新建一个public文件夹，public文件夹存放我们允许客户端访问的资源，这里是公开的。app.js文件是我们服务端代码。在index.html文件中放的是网站的首页内容，这里采用bootstrap框架快速...
2019-05-09 15:52:00
117
转载 Node学习之（第三章：仿Apache显示目录列表的功能）
前言今天咱们用Node.js中的核心模块以及上节学习的模板引擎art-template来实现服务器软件Apache的大体功能。用过Apache的朋友都知道，我们只需把本地文件放置在Apache的www目录下，开启服务器后，浏览器便可通过服务器访问本地文件。创建server和www文件夹，server文件夹用来存放Node脚本文件，www文件夹（类似Apache的www目录）即是我们...
2019-05-07 14:09:00
150
转载 一张图弄懂js原型和原型链
前言JavaScript的原型和原型链是面试的时候经常被问及到的问题，考察了我们对JavaScript的基础掌握情况，今天我们在这里用一张图来梳理下其中的知识点。下面我来引入这张非常经典的图，我也是亲手画了下，大家也可以自己动手去画，对理解原型及原型链有很大的帮助。这张图详细的描述了构造函数Function，Object以及它们实例之间的原型关系。大致总结下就是如下几点：大致...
2019-05-07 09:49:00
102
转载 Node学习之（第三章：art-template模板引擎的使用）
前言大家之前都有使用过浏览器中js模板引擎，其实在Node.js中也可以使用模板引擎，最早使用模板引擎的概念是在服务端新起的。art-templateart-template是一款高性能的JavaScript 模板引擎，不仅可以在浏览器（前端）使用，同时也可以在Node中使用。GitHub地址：art-template文档：官方中文本章节我们来探讨下Node中使用ar...
2019-05-06 23:04:00
182
转载 Node.js学习之（第三章：简易小demo）
前言我们前面已经学习完了Node中一些核心模块还有如何正确配置响应头的Content-Type，今天我们来实现一个简单的demo，巩固下之前学习的内容。需求我们平时访问百度或者其他大的门户网站的时候，服务器给我们返回的基本都是一个HTML文档，然后浏览器解析渲染成页面。今天我们就用Node.js来搭建一个简单的web服务器实现上面的类似效果。主体创建一个文件夹baidu，...
2019-05-04 20:55:00
77
转载 Node.js学习之（第二章：exports和module.exports）
前言Node中，每个模块都有一个exports接口对象，我们需要把公共的方法或者字符串挂载在这个接口对象中，其他的模块才可以使用。Node.js中只有模块作用域，默认两个模块之间的变量，方法互不冲突，互不影响，这样就导致一个问题，我们怎样使用加载进来的模块中的方法呢？这就需要在另外一个模块exports接口对象中挂载模块中公共的方法。exports我们在a.js中有以下代...
2019-05-03 20:50:00
86
转载 Node学习之（第二章：http模块）
前言继续上一节的探讨，今天我们来聊聊Node中怎么搭建一个简单的web服务器。平时大家在撸码的过程中，经常需要向服务器发送请求，然后服务器接受请求，响应数据。今天我们就来自己手写一个简单服务器，根据前端请求，我们来响应相关数据。开始开启一个本地服务器需要Node.js中http核心模块，至于核心模块是什么，我会在接下来的章节中和大家解释，也欢迎大家持续关注我的前端Node.js的学...
2019-05-03 15:04:00
72
转载 Node.js学习（第二章：node核心模块--fs）
前言Node.js中赋予了JavaScript很多在浏览器中没有的能力，譬如：文件读写，创建http服务器等等，今天我们就来看看在node中怎样用JavaScript进行文件的读写操作。读文件我们在data文件夹下新建一个hello.txt，并且在里面写入：hello， node.js!! ，如图：我们在hello.txt同级目录下创建一个hello.js文件，我们在...
2019-05-02 22:00:00
86
转载 Node.js学习（第一章：Node.js安装和模块化理解）
Node.js安装和简单使用安装方法简单的安装方式是直接官网下载，然后本地安装即可。官网地址：nodejs.orgWindows系统下，选择和系统版本匹配的.msi后缀的安装文件。Mac OS X系统下，选择.pkg后缀的安装文件。测试是否安装成功打开终端，键入命令node，如果进入命令行式js交互环境，即安装成功。如图：我们可以直接在终端node环境下输入简短...
2019-04-28 18:40:00
92
转载 Node.js学习（第一章：Node.js简介）
Node.js是什么？Node.js 诞生于 2009 年，由 Joyent 的员工 Ryan Dahl 开发而成, 目前官网最新版本已经更新到 12.0.0版本，最新稳定的是10.15.3。Node.js 不是一门语言也不是框架，它只是基于 Google V8 引擎的 JavaScript 运行时环境，同时结合 Libuv 扩展了 JavaScript 功能，使之支持 io、fs...
2019-04-26 21:03:00
59
转载 从零到一详聊如何创建Vue工程及遇到的常见问题
前言本文也会在github上我的web-study仓库中同步更新，欢迎star。 戳这里，传送准备工作判断是否需要翻墙或安装镜像，镜像一般可安装国内淘宝镜像，详情可看这里：cnpmnpm install -g cnpm --registry="cnpm"全局安装淘宝cnpm。开发工具选择很多，VUE无专用开发工具，开发项目多以SPA形式体现，本例使用 Visual Stu...
2019-04-25 10:22:00
116
转载 谈谈axios配置请求头content-type
现在前端开发中需要通过Ajax发送请求获取后端数据是很普遍的一件事情了，鉴于我平时在撸码中用的是vue技术栈，今天这里来谈谈我们常用的发Ajax请求的一个插件—axios。> 现在网上可能发送Ajax请求有很多种插件，每种用法可能略有差异，大家只需挑选一种自己喜欢的即可。毕竟现在还有很多人使用jQuery，$.ajax用法也是很多了。开始因为需要用到axios插件，所以我们现...
2019-04-22 20:01:00
1190
转载 vue-router导航守卫（router.beforeEach()）的使用
好久没写一些东西了，总是感觉有啥缺少的。~~~~恰好碰到最近在写一个移动端项目，遇到了如何使同一个链接在不同条件下跳转到不同路由组件问题，譬如大家经常看到手机中没登录跳转登录页，登陆后跳转个人信息页等。废话不多说了，直接上图：这是没登录状态，点击下面mine按钮跳转至登录页这个是我登录了自己的账号后，再次点击mine按钮会跳转至个人信息页面好了，看到了这个效果今天咱们来实现...
2019-04-18 18:16:00
476
转载 vue-cli项目使用mock数据的方法（借助express）
前言现如今前后端分离开发越来越普遍，前端人员写好页面后可以自己模拟一些数据进行代码测试，这样就不必等后端接口，提高了我们开发效率。今天就来分析下前端常用的mock数据的方式是如何实现的。主体项目是基于vue-cli的，首先必须搭建好vue项目环境。如果有同学不知道如何搭建vue项目，可以参考我的另外一篇文章。因为mock数据需要借助node.js中express框架，所以必须先在项...
2019-04-14 16:53:00
109
转载 vue.js移动端配置flexible.js
前言最近在用vue做移动端项目，网上找了一些移动端适配的方案，个人觉得手淘团队flexible.js还是比较容易上手，在这里做下总结。主体flexible.js适配方案采用rem布局，根据屏幕分辨率大小不同，调整根元素html的font-size，从而达到每个元素宽高自动变化，适配不同屏幕安装lib-flexible.jsnpm install lib-flexible -...
2019-04-10 09:35:00
110
转载 图解CSS3-flex布局
前言最近笔者在复习以前基础知识，发现很多细的知识点还是需要重新再总结一番。本文对flex布局进行图解说明，以后忘了的同学可以随时过来查看，欢迎转载，烦请注明出处。主体万丈高楼平地起，熟悉flex，先来了解下以下7种css属性display: flex;/* 设置父级元素flex模式 */flex-direction: column;/* 设置子级元素排列方式，主...
2019-04-01 00:53:00
103
转载 vue工程利用pubsub-js实现兄弟组件之间的通信
前言项目是基于vue-cli创建的，不会搭建vue开发环境的同学可以百度，这里不再赘述。步骤流程vue项目搭建完成之后的文件图如下：我的上一篇博客已经详细叙述vue工程中各个文件的作用，不清楚的同学可以移步看这里项目中需要用到axios这个包，所以我们先安装相应的包，项目终端输入：npm install axios -S 。后面兄弟组件之间通信我们采用的是“订阅消息/发...
2019-03-21 11:11:00
251
转载 基于vue-cli构建vue-router的入门级demo
前言本案列仅针对刚刚入门vue学习的伙伴，博主也是刚刚在学基于vue-cli搭建脚手架项目，对于前端大牛，可以移步。快速搭建vue-cli环境如何搭建基于vue-cli项目，这里不再叙述，如果不会的伙伴可以自己百度。项目搭建完成后，基本文件目录如下：打开我们刚刚创建的my-project文件夹，这里对文件夹下的一些文件做简要说明：实现具体流程新建三个单组件文件，m...
2019-03-18 16:40:00
72
转载 3.15 与博客的第一次接触
前言在3月15日这个国家法定打假日，我开通了博客。莫非是种寓意，从来不做假冒伪劣的产品，哈哈，开个玩笑了。。。摘要首先简单介绍下自己吧，我叫王展，dream.cc是我自己给自己起的英文名，大家也可以叫我cc，或者dream.cc 。至于为啥要加个后缀.cc，纯属因为平日写代码多见obj.xxx，因此特定加个后缀标识自己的独特属性。毕业在武汉，工作在深圳，从事web前端开发职位，意向...
2019-03-15 20:10:00
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人