2019 年 3月随笔档案 - 苏荷酒吧

前端技术栈

摘要：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 苏荷酒吧阅读(441) 评论(0) 推荐(0) 编辑

Nuxt

摘要：安装阅读全文

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

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 苏荷酒吧阅读(316) 评论(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 苏荷酒吧阅读(202) 评论(0) 推荐(0) 编辑

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 苏荷酒吧阅读(394) 评论(0) 推荐(0) 编辑

React面试题

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

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

JS面试题

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

posted @ 2019-03-18 12:43 苏荷酒吧阅读(246) 评论(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 苏荷酒吧阅读(309) 评论(0) 推荐(0) 编辑

CSS面试题

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

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

HTML面试题

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

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

JS笔试题

摘要：1、如何实现一个数组arr=[1,2,3,4,5,6,7,8,9,10]转换成二维数组arr=[ [1, 2, 3, 4, 5, 6, 7, 8], [9, 10] ] 2、封装一个localStorage方法，比如一个用户ID为1001本地存储一个address:上海，该如何封装。如何获取ID10 阅读全文

posted @ 2019-03-18 09:00 苏荷酒吧阅读(259) 评论(0) 推荐(0) 编辑

CSS笔试题

摘要：如何实现移动端9宫格宽度百分比高度设置0 padding-top百分比可实现宽高 View Code 具体代码 .container div{ height: 0; padding-top: 33%; flex: 0 0 33%; width: 33%; } View Code 如何实现移动端阅读全文

posted @ 2019-03-18 08:58 苏荷酒吧阅读(196) 评论(0) 推荐(0) 编辑

JS高级-虚拟DOM

摘要：virtual dom 虚拟DOM是Vue和React的核心用JS模拟DOM结构 DOM变化的相比，放在JS层来做遇到问题 DOM操作是“昂贵”的，js运行效率高尽量减少DOM操作，而不是“推到重来” 项目越复杂，影响就越严重 vdom可以解决这个问题阅读全文

posted @ 2019-03-16 02:36 苏荷酒吧阅读(258) 评论(0) 推荐(0) 编辑

JS高级-异步

摘要：单线程只有一个线程，同一时间只能做一件事原因：避免DOM渲染的冲突浏览器需要渲染DOM JS可以修改DOM结果 JS执行的时候，浏览器DOM渲染会暂停两段JS也不能同时执行（修改DOM就冲突） webworker支持多线程，但是不能访问DOM，本质JS还是单线程解决方案：异步 case1 阅读全文

posted @ 2019-03-16 00:41 苏荷酒吧阅读(322) 评论(0) 推荐(0) 编辑

JS高级-ES6

摘要：let/const 变量和常量不能重复定义 case1 存在块级作用域 case2 多行字符串/模板变量 case 解构赋值 case1 case2 块级作用域 case 函数默认参数 case 箭头函数 case1 case2 分析：第一个this是{a:10}，第二个this是window对象阅读全文

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

webpack4.0

摘要：安装快速入门项目下新建src/index.js webpack.config.js 在dist目录下新建index.html页面运行 Entry 用法 entry:string|Array(string) Output 用法： filename:用于文件名的输出 path:目标输出目录，绝对路阅读全文

posted @ 2019-03-14 10:04 苏荷酒吧阅读(130) 评论(0) 推荐(0) 编辑

JS基础

摘要：值类型 Number，String，Boolean，Null，undefined case 值类型中值赋值是不会相互影响引用类型对象，数组和函数 case 引用类型是变量公用一个内存块，节省内存空间，引用类型赋值会相互影响 typeof运算符只能区分值类型，不能区分引用类型，能区分函数 cas 阅读全文

posted @ 2019-03-14 00:51 苏荷酒吧阅读(287) 评论(0) 推荐(0) 编辑

前端性能优化

摘要：在讲前端性能优化前，先了解下一个网站在浏览器端是如何渲染的 1、首先输入url地址 2、浏览器根据url向服务器发送http请求 3、服务器端接收请求并返回html代码返回浏览器 4、浏览器接收html代码并解析生成页面 5、解析页面过程 a、HTML文档生成DOM和CSS生成CSSOM b、DOM 阅读全文

posted @ 2019-03-13 16:37 苏荷酒吧阅读(228) 评论(0) 推荐(0) 编辑

安装开发工具

摘要：工具 nodejs VSCode Subline git cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org yarn VSCode 安装汉化插件 chinese 快捷键 ctrl+c复制 ctrl+v黏贴 ctrl 阅读全文

posted @ 2019-03-10 20:26 苏荷酒吧阅读(178) 评论(0) 推荐(0) 编辑

CSS基础

摘要：CSS基础选择器阅读全文

posted @ 2019-03-08 22:48 苏荷酒吧阅读(113) 评论(0) 推荐(0) 编辑

CSS动画

摘要：CS动画原理视觉暂留画面逐渐变化作用用户体验好引起注意 CSS中的动画类型 transition补间动画位置-平移 left/right/margin/transform 方位 transform 透明度 opacity keyframe关键帧动画相当于多个补间动画与元素状态的变化阅读全文

posted @ 2019-03-08 22:47 苏荷酒吧阅读(172) 评论(0) 推荐(0) 编辑

CSS效果

摘要：效果属性 box-shadow/text-shadow/border-radius/background/clip-path box-shadow 图形阴影 <style type="text/css"> .container{ width: 50px; height:50px; backgroun 阅读全文

posted @ 2019-03-08 21:39 苏荷酒吧阅读(234) 评论(0) 推荐(0) 编辑

CSS布局

摘要：常用布局方法 table float+margin inline-block flexbox table 非常方便的布局方案，属于传统布局方案， display table table-row table-cell 跟表格布局相似 <div class="table"> <div class="ta 阅读全文

posted @ 2019-03-08 19:20 苏荷酒吧阅读(225) 评论(0) 推荐(0) 编辑

CSS预处理语言

摘要：CSS预处理语言 Less,Sass,Stylus 安装 Less yarn add less 运行命令 ./node_modules/.bin/lessc 嵌套规则 Less、Sass嵌套规则一样变量 Less Sass Less变量采用的是@ Sass变量采用的是$ 混合(mixin) Les 阅读全文

posted @ 2019-03-07 22:28 苏荷酒吧阅读(863) 评论(0) 推荐(0) 编辑

React开发笔记

摘要：项目环境搭建使用create-react-app CSS使用styled-components yarn add styled-components 引入reset.css样式 import { createGlobalStyle } from 'styled-components' export 阅读全文

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

Vue2.0学习笔记

摘要：环境搭建 vue-cli@3 vue-cli@2.X npm i -g @vue/cli 模板语法文本 <span>Message: {{ msg }}</span> 原始HTML <span v-html="msghtml"></span> 特性 <div v-bind:id="dynamicI 阅读全文

posted @ 2019-03-04 09:54 苏荷酒吧阅读(194) 评论(0) 推荐(0) 编辑

搜索

常用链接

随笔分类

随笔档案

文章分类

相册

阅读排行榜