苏荷酒吧 - 博客园

2019年3月18日

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

2019年3月16日

JS高级-虚拟DOM

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

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

JS高级-异步

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

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

2019年3月14日

JS高级-ES6

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

posted @ 2019-03-14 23:31 苏荷酒吧阅读(319) 评论(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 苏荷酒吧阅读(128) 评论(0) 推荐(0) 编辑

JS基础

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

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

2019年3月13日

前端性能优化

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

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

2019年3月10日

安装开发工具

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

2019年3月8日

CSS基础

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

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

CSS动画

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

posted @ 2019-03-08 22:47 苏荷酒吧阅读(169) 评论(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 苏荷酒吧阅读(232) 评论(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 苏荷酒吧阅读(219) 评论(0) 推荐(0) 编辑

2019年3月7日

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

2019年3月6日

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

2019年3月4日

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

2019年2月28日

Vue-cli3.0开发笔记

摘要：安装版本为3.X 创建项目多页面应用VS单页面应用多页面应用返回HTML 优点首屏加载快 SEO好缺点页面切换慢单页面应用返回JS 优点页面切换快缺点首屏加载慢，SEO差 --解决办法服务器端渲染项目代码初始化移动端配置viewport reset.css 引入borde 阅读全文

posted @ 2019-02-28 16:47 苏荷酒吧阅读(260) 评论(0) 推荐(0) 编辑

2018年12月8日

项目开发技巧

摘要：淘宝镜像封装axios 搜索框，点击跳转可以使用setTimeout解决点击无效 react中iconfont不显示问题，原因是字体编码后四位是Unicode编码，可以将 "" 改为 “\ue655” 即可阅读全文

posted @ 2018-12-08 08:55 苏荷酒吧阅读(206) 评论(0) 推荐(0) 编辑

vue和react动画区别

摘要：触发动画 vue触发动画是 v-show，v-if ，动态组件或者组件的根节点 react 是CSSTransition上的属性 in 是true 或false触发动画阅读全文

posted @ 2018-12-08 01:12 苏荷酒吧阅读(150) 评论(0) 推荐(0) 编辑

2018年12月6日

2018前端工程师成长路线

摘要： 2018前端工程师需要哪些技术，首先放几张图片图片来自github https://github.com/flaviocopes/vue-developer-roadmap https://github.com/adam-golab/react-developer-roadmap https:// 阅读全文

posted @ 2018-12-06 10:23 苏荷酒吧阅读(164) 评论(0) 推荐(0) 编辑