苏荷酒吧 - 博客园

2019年4月18日

摘要：深入JSX 本质上来讲，JSX是为React.createElement方法提供的语法糖编译为点表示法用于JSX类型 JSX的属性使用JavaScript表达式作为属性字符串常量属性默认为True 展开属性，建议不要使用可能传递不必要的属性给组件 JSX中的子代字符串子面量 JavaSc 阅读全文

posted @ 2019-04-18 19:58 苏荷酒吧阅读(167) 评论(0) 推荐(0) 编辑

React基础概念

摘要： Hello Wrold 通过react渲染一个Hello, world! JSX 即不是字符串也不是HTML，而且是一种JS语法扩展在JSX中可以使用表达式 Babel会将JSX转换成React.createElement()的方法调用元素渲染在React中元素事实上是普通的对象将元素渲染到阅读全文

posted @ 2019-04-18 02:49 苏荷酒吧阅读(185) 评论(0) 推荐(0) 编辑

2019年4月13日

实现A-Z滑动检索菜单

摘要：我们实现一个A-Z滑动检索菜单，这是一个移动端非常常见的功能，页面效果图如下在实现代码之前我们先了解下JS滚动事件和滑动事件 scrollTop 一个元素的scrollTop是这个元素的顶部到可视区域顶部的距离，如果元素没有垂直方向的滚动条，那么scrollTop为0 scrollHeight 阅读全文

posted @ 2019-04-13 22:12 苏荷酒吧阅读(360) 评论(0) 推荐(0) 编辑

2019年4月12日

mpvue

摘要：使用mpvue开发小程序首先安装我们使用@vue/cli 无法使用vue init 可以全局安装一个@vue/cli-init 然后初始化mpvue项目然后小程序打开项目阅读全文

posted @ 2019-04-12 22:49 苏荷酒吧阅读(138) 评论(0) 推荐(0) 编辑

2019年4月10日

Array

摘要：创建数组通过索引访问数组元素遍历数组添加元素到数组尾部删除数组末尾的元素删除数组头部元素添加元素到数组头部找出某个元素在数组中的索引通过索引删除某个元素从一个索引位置删除多个元素复制一个数组（深拷贝）数组的索引是从0开始的，最后一个元素的索引等于该数组的长度减1。如果指定的索引阅读全文

posted @ 2019-04-10 19:28 苏荷酒吧阅读(133) 评论(0) 推荐(0) 编辑

移动端滚动加载

摘要：在做移动端加载更多的时候，需要了解三个属性 scrollTop 当前元素距离顶部的距离，换句话说就是元素滚出视窗到顶部的距离 document.documentElement.scrollTop clientHeight 可视区域高度 document.body.clientHeight scrol 阅读全文

posted @ 2019-04-10 15:43 苏荷酒吧阅读(258) 评论(0) 推荐(0) 编辑

2019年4月5日

微信小程序学习笔记

摘要：小程序相对路径和绝对路径以/开头的是绝对路径如何引用组件小程序尺寸 1px = .5rpx 小程序引用组件小程序全局样式组件继承全部font和color样式 page页可以继承全局样式事件绑定事件绑定和冒泡 bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上阅读全文

posted @ 2019-04-05 22:59 苏荷酒吧阅读(257) 评论(0) 推荐(0) 编辑

2019年4月4日

Mongoose

摘要：安装连接数据库插入数据把数据库连接代码改造成Promise 阅读全文

posted @ 2019-04-04 22:53 苏荷酒吧阅读(212) 评论(0) 推荐(0) 编辑

2019年4月3日

koa-passport实现本地验证

摘要：安装先看下passport.js登录策略，判断用户和密码在入口中挂载passport 这时候passport策略配置完成登录接口实现 router.post('/signin', async ctx => { return Passport.authenticate('local', (err 阅读全文

posted @ 2019-04-03 13:39 苏荷酒吧阅读(778) 评论(0) 推荐(0) 编辑

2019年4月2日

headless 爬虫

摘要： headless 爬虫阅读全文

posted @ 2019-04-02 23:06 苏荷酒吧阅读(258) 评论(0) 推荐(0) 编辑

2019年3月31日

前端技术栈

摘要： JS JS基础 JS高级-ES6 JS高级-异步 JS高级-虚拟DOM axios koa-passport实现本地验证 Koa2 Mongoose Mock NodeJS-基础 NodeJS-静态服务器 React基础概念 React高级指引 React 基础语法 React Redux Reac 阅读全文

posted @ 2019-03-31 23:31 苏荷酒吧阅读(436) 评论(0) 推荐(0) 编辑

Nuxt

摘要：安装阅读全文

posted @ 2019-03-31 21:59 苏荷酒吧阅读(178) 评论(0) 推荐(0) 编辑

2019年3月30日

NodeJS-静态服务器

摘要：静态服务器代码 const http = require('http') const chalk = require('chalk') const conf = require('./config/default') const path = require('path') const fs = 阅读全文

posted @ 2019-03-30 22:43 苏荷酒吧阅读(307) 评论(0) 推荐(0) 编辑

NodeJS-基础

摘要：安装 https://nodejs.org/en/download/ 安装nvm nodejs多版本切换 window，github中搜索nvm-windows下载 nvm list 查看当前所有的node版本 nvm install v10.13.0 安装指定版本 nvm use --delete 阅读全文

posted @ 2019-03-30 00:19 苏荷酒吧阅读(195) 评论(0) 推荐(0) 编辑

2019年3月24日

Koa2

摘要：安装代码 Koa的核心代码就三行 const app = new Koa() app.use(middleware) app.listen(3000) const app = new Koa() app.use(middleware) app.listen(3000) 至此一个简单的服务器运行成功阅读全文

posted @ 2019-03-24 21:33 苏荷酒吧阅读(388) 评论(0) 推荐(0) 编辑

2019年3月18日

React面试题

摘要： React 简述下React的生命周期，性能优化在哪个生命周期，ajax操作在哪个生命周期 React中key的作用是什么什么是虚拟DOM diff算法原理 React中refs的作用是什么阅读全文

posted @ 2019-03-18 12:44 苏荷酒吧阅读(210) 评论(0) 推荐(0) 编辑

Vue面试题

摘要： Vue 简述下MVVM MVVM全称是MODEL-VIEW-VIEWMODEL Vue是以数据为驱动，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，当数据发生变化，DOM也会发生变化 ViewModel是Vue的核心，它是Vue实例。Vue实例的作用域是某个HTML元素 D 阅读全文

posted @ 2019-03-18 12:43 苏荷酒吧阅读(302) 评论(0) 推荐(0) 编辑

JS面试题

摘要：基础 JS中使用typeof能得到那些类型基础类型：number，string，boolean，null，undefined -- 栈引用类型：object，function，array --堆 typeof只能区分值类型，不能区分引用类型 Number，String，Boolean，Undef 阅读全文

posted @ 2019-03-18 12:43 苏荷酒吧阅读(241) 评论(0) 推荐(0) 编辑

CSS面试题

摘要：基础 CSS样式（选择器）的优先级计算权重 !important 内联样式后写的优先级高雪碧图的作用减少HTTP请求数，提高加载性能有一些情况下可以减少图片大小 base64的使用用于减少HTTP请求使用于小图片 base64的体积约为原图4/3 伪类和伪元素伪类表状态伪元素是真的阅读全文

posted @ 2019-03-18 12:42 苏荷酒吧阅读(182) 评论(0) 推荐(0) 编辑

HTML面试题

摘要：手写一个viewport 移动web开发有哪些适配方案阅读全文

posted @ 2019-03-18 12:41 苏荷酒吧阅读(155) 评论(0) 推荐(0) 编辑