自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(77)
  • 资源 (1)
  • 收藏
  • 关注

原创 python答题0409

What do these do? 36. for x in range( 0, 4 ): print( x ) if x == 1: continue print( 'Last line' ) 0 Last line 1 Last line 2 Last line 37. message1 = 'Global Varia...

2020-04-09 14:08:55 316

原创 koa路由解析

解析参数 body需要使用‘koa-bodyparser’ const parser = require('koa-bodyparser'); app.use(parser()); const Router = require('koa-router'); const router = new Router(); router.post('/v1/:id/classic/latest', (c...

2020-04-08 19:34:29 292

原创 let与const

Let & Const 全局作用域 函数作用域 块状作用域 动态作用域 全局作用域 函数外部定义的遍历,基本都是全局作用域 全局作用域的变量可以在文件任何位置访问到 在a.js中定义 var first = ‘123’, 新建b.js,在b.js中还可以访问到first second = '1345' second没有使用var,拥有全局作用域,但不是全局变量。 变量不可以被删除,属性可...

2020-03-29 10:50:44 197

原创 python答题0325

What do these do? 20. [ 18, 19, 20, 21, 22 ] [ -2 ]//21 21. [ 18, 19, 20, 21, 22 ] [ 2:4 ]//[20,21] 22. [ 18, 19, 20, 21, 22 ] [ -2:-5:-1 ]//[21, 20, 19] 23. input( 'Please enter your name: ' ) //P...

2020-03-25 14:08:30 273

原创 富文本插件react-draft-wysiwyg使用

第一次用富文本插件 react-draft-wysiwyg draft-js draftjs-to-html html-to-draftjs 安装四个插件。 配合antd使用。 import React from 'react'; import {Button,Card,Modal} from 'antd'; import {Editor} from 'react-draft-wysiwy...

2020-03-19 14:51:17 607

原创 嵌套路由

<HashRouter> <App> <Route path="/login" component={Login}/> <Route path="/admin" render={()=> <Admin> <Route pa...

2020-03-18 13:26:02 157

原创 react中使用antd需要的配置,初步布局

npm i react-router-dom axios less-loader --save yarn eject//暴露配置 npm i babel-plugin-import -D options: { plugins: [ ['import', { libraryName: 'antd', style: true }], // import less ],...

2020-03-16 16:35:06 315

原创 python lab3 week3-1 遍历list

遍历一维二维list #生成向量 def make_vector(len,num): l = [] for i in range(len): l.append(num) return l #生成矩阵 def make_matrix(row,col,num): c = make_vector(col,num) l = [] for i...

2020-03-16 11:36:13 214

原创 python lab week2 lab2

要求: person是三个字典的list。然后写两个函数符合函数名和输入输出要求。 知识点: dict,list, for in, print, function. 遍历list中的dict person=[{},{},{}] sports(people) #yuri paly 2 sports plays_sport(people,'tennis') #yuri #tiffany people...

2020-03-15 15:50:34 169

原创 基础目录

变量类型和计算 ajax基础相关 Web API 异步基础 原型和原型链基础 作用域和闭包 开发环境 运行环境

2020-03-14 21:32:23 133

原创 开发环境

抓包 移动端h5页,查看网络请求,需要用工具抓包 windows一般用fiddler Mac OS 一般用charles 手机和电脑连同一个局域网 将手机代理到电脑上 手机浏览网页,即可抓包 查看网络请求 网址代理 https linux常用命令 公司的线上机器一般都是linux(参考阿里云) 测试机也需要保持一致,用linux 测试机或者线上机出了问题,本地又不能复现,需要去排查,所以要知道一些...

2020-03-13 15:06:30 138

原创 运行环境

运行环境即浏览器( server 端有 nodejs ) 下载网页代码,渲染出页面,期间会执行若干JS 要保证代码在浏览器中:稳定且高效 网页加载过程 性能优化 安全 页面加载过程 题目 从输入url到渲染出页面的整个过程 window.onload 和 DOMContentLoaded 的区别 知识点 加载资源的形式 html 代码 媒体文件,如图片、视频等 javascript css 加载资...

2020-03-13 12:52:52 988

原创 作用域和闭包

题目 this的不同应用场景,如何取值 手写 bind 函数 // 模拟 bind Function.prototype.bind1 = function () { // 将参数拆解为数组 const args = Array.prototype.slice.call(arguments) // 获取 this(取出数组第一项,数组剩余的就是传递的参数) ...

2020-03-12 16:55:40 124

原创 原型和原型链基础

题目 如何准确判断一个变量是不是数组? a instanceof Array 手写一个简易jQuery,考虑插件和扩展性 class jQuery { constructor(selector) { const result = document.querySelectorAll(selector) const length = result.length ...

2020-03-12 14:30:26 170

原创 异步基础

异步和单线程 题目 同步和异步的区别是什么 手写Promise加载一张图片 function loadImg(src) { const p = new Promise( (resolve, reject) => { const img = document.createElement('img') img.onload ...

2020-03-11 20:39:58 146

原创 JS Web API

JS基础知识,规定语法(ECMA262标准) JS Web API,网页操作的API (W3C标准) 前者是后者的基础,两者结合才能真正实际应用 JS Web API DOM vue 和 React 框架应用广泛,封装了DOM操作 但DOM操作一直都会是前端工程师的基础必备知识 只会 vue 而不懂 DOM 操作的前端程序员, 不会长久 DOM操作(Document Object Model) 题...

2020-03-11 20:36:22 308

原创 Ajax基础相关

题目 手写一个简易的ajax function ajax(url) { const p = new Promise((resolve, reject) => { const xhr = new XMLHttpRequest() xhr.open('GET', url, true) xhr.onreadystatechange = fun...

2020-03-11 20:35:23 137

原创 python答题0311

What is CJKV? CJKV Information Processing Ken Lunde O'Reilly 2009 912 pages Excellent reference for CJKV issues such as Unicode GB2312, GBK, GB18030 etc. Who is Guido van Rossum? Guido van Rossu...

2020-03-11 13:46:00 650

原创 JS基础-变量类型和计算

变量类型和计算 题目 typeof 能判断哪些类型 何时使用 === 何时使用 == 值类型和引用类型的区别 手写深拷贝 知识点 变量类型 值类型 let a = 100 let b = a a = 200 console.log(b)//100 引用类型 let a = { age : 20 } let b = a b.age = 21 console.log(a.age)//21 值类型...

2020-03-09 14:39:17 162

原创 Manifest结构关系

<manifest> <uses-permission /> <permission /> <permission-tree /> <permission-group /> <instrumentation /> <uses-sdk /> <uses-c...

2020-03-04 22:43:52 305

原创 React Web App基础知识准备

一、移动web开发硬知识 什么是移动web iOS,Android 2G, 3G, 4G HTML5 viewport hybrid 移动web开发概述: 跑在手机端的web页面(H5页面) 跨平台 基于webview 告别IE拥抱webkit 更高的适配和性能要求 移动web调试篇 Chrome Devtools调试 真机调试 移动web适配篇 web前端适配方法: PC 960px/1000p...

2020-02-28 22:38:26 444

原创 PM2介绍

线上环境 服务器稳定性 充分利用服务器硬件资源,以便提高性能 线上日志记录 PM2 进程守护,系统崩溃自动重启 启动多进程,充分利用CPU和内存 自带日志记录功能 PM2介绍 下载安装 npm install pm2 -g pm2 --version 基本使用 package.json里“scripts”下加 “prd”:"cross-env NODE_ENV=production pm2 st...

2020-02-27 13:47:35 513

原创 HTTP特点与报文解析

HTTP的特点 支持客户/服务器模式 客户/服务器模式工作的方式是由客户端向服务器发出请求,服务器响应请求,并进行相应服务 简单快速: 客户向服务器请求服务时,只需要传送请求方法和路径。 请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同 由于HTTP协议简单,使得HTTP服务器的程序规模小,因而通讯速度很快。 灵活 HTTP允许传输任意类型的对象 正在传输的类型...

2020-02-24 21:34:16 717

原创 你输入网址到页面显示中间发生了什么

浏览器背后的故事 www.imooc.com域名 访问地址的url ip地址 浏览器 域名查询 DNS服务器 获取IP 浏览器 浏览器 发送请求 web服务器 回传页面内容 浏览器 浏览器 渲染 个人PC HTTP 超文本传输协议(HTTP)是一种通信协议,它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器 HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适...

2020-02-24 18:28:34 269

原创 iconfont的使用(搭配styled-components)

建议边看边操作。 此处以放大镜为例。 首页地址: iconfont.cn 进入首页,搜索框输入“放大镜” 选择你喜欢的图标,鼠标悬浮在图标上时,会有三个图标出现,点击第一个小车图标,加入库。 然后看到右上角购物车多了一个红点,且标为1,点击购物车图标,出现侧栏 点击添加至项目,可加入已有项目,也可新建项目(有一个带加号的文件夹图标就是新建项目),可以多挑几个一起加入项目 添加至项目之后,会直接...

2020-02-22 20:10:54 924

原创 开发环境

不定期更新 关于开发环境 面试中开发环境 面试想通过开发环境了解候选人的实际工作情况 开发环境的工具,能体现工作产出的效率 会以聊天形式为主,不会问具体的问题 主要内容 git 调试工具 抓包 webpack babel linux常用命令 git git介绍 最常用的代码版本管理工具 大型项目需要多人协作开发,必须熟用git git服务端常见的有github coding.net等 大公司会搭建...

2020-02-22 13:39:34 133

原创 redux入门和升级

React入门 Redux概念简述 react是一个轻量级的视图层框架 组件很多,经常共享数据,组件传值很麻烦 把组件中的数据放到公共存储数据区。 Redux = Reducer + Flux Redux的工作流程 Redux工作流 React Components 借书的用户 Action Creators “我要借XX书” Store 图书管理员 Reducers 借阅历史记录本 使用an...

2020-02-21 14:03:48 282

原创 react头部组件开发

styled-components css文件是全局引用的,一个组件中引用了,所有组件都可以用 建议用第三方组件管理css yarn add styled-components import { createGlobalStyle } from 'styled-components' export const injectGlobal = createGlobalStyle` body...

2020-02-21 13:43:15 796

原创 react项目相关文档网址

react https://reactjs.org/docs/getting-started.html redux https://redux.js.org/ react-redux https://react-redux.js.org/ redux-saga https://redux-saga.js.org/ redux-thunk https://github.com/reduxjs...

2020-02-21 13:19:20 251

原创 首页、详情和登录功能

学习过程中记录的笔记,比较简略 什么是路由,如何在React中使用路由功能 yarn add react-router-dom react router4.0 打开App.js import { BrowserRouter, Route } from 'react-router-dom'; function App() { return ( <Provider store = ...

2020-02-20 19:13:53 393

原创 css工程化面试真题

如何解决CSS模块化问题 Less Sass等CSS预处理器 PostCSS插件(postcss-import/precss等) webpack处理CSS (css-loader + style-loader) PostCSS 可以做什么 取决于插件可以做什么 autoprefiixer cssnext precss等 兼容性处理 import模块合并 css语法检查 兼容性检查 压缩文件cssn...

2020-02-20 18:16:23 125

原创 CSS与webpack

webpack JS是整个应用的核心入口 一起资源均由JS管理依赖 一切资源均有webpack打包发布 npm install webpack webpack-cli --save-dev 安装

2020-02-20 16:42:57 177

原创 CSS工程化简单介绍 PostCSS介绍与插件使用

css工程化在不同公司有不同做法,主要关注四个方面 组织:代码的组织,怎么划分模块,怎么更方便合作 优化:代码怎样写更好,团队合作中为什么要这么做 构建:代码的压缩、上线等等 维护 PostCSS介绍 知识 CSS->PostCSS解析转化->CSS PostCSS解析转化阶段可以做的事: 模块化,加前缀,兼容性等等 PostCSS本身只有解析能力 各种神器特性全靠插件 目前至少有20...

2020-02-19 22:24:28 158

原创 CSS五种布局方式

是CSS知识体系的重中之重 早期以table为主(简单) 后来以技巧性布局为主(难) 现在有flexbox/grid(偏简单) 响应式布局是必备知识 常用布局方法 table表格布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name...

2020-02-19 20:45:17 4825

原创 CSS非布局样式补充

雪碧图的原理 利用background的属性,大小、位置、position位移 自定义字体的使用场景 宣传/品牌/banner等固定文案 字体图标 伪类和伪元素的区别 伪类表状态 伪元素是真的有元素 前者单冒号,后者双冒号 如何美化checkbox label[for]和id 隐藏原生input :checked + label ...

2020-02-19 16:47:02 91

原创 CSS Hack与CSS美化Checkbox

CSS Hack 只在特定浏览器生效的写法就叫css hack Hack即不合法但生效的写法 主要用于区分不同浏览器 缺点:难理解 难维护 容易失效 替代方案:特性检测 替代方案: 针对性加class 注意: 标准属性写前面,hack写后面 案例-checkbox <!DOCTYPE html> <html> <head> <meta charse...

2020-02-19 16:37:40 250

原创 CSS非布局样式滚动、文字折行、装饰性属性及其它

非布局样式-滚动 滚动行为和滚动条 visible 超出则撑出容器 hidden 超出直接隐藏 scroll 一定有有滚动条 auto 没超出没有滚动条,超出则有滚动条 非布局样式-文字折行 overflow-wrap(word-wrap)通用换行控制 -是否保留单词 word-break 针对多字节文字 -设置中文句子是单词 或者中文字为单词 white-space 空白处是否断行 <...

2020-02-19 16:25:57 357

原创 CSS非布局样式背景、边框

非布局样式-背景 知识点 背景颜色 hsla(60,100%,50%) 四个参数: 颜色(0-360)、饱和度、亮度、透明度 hsl()可以不设透明度 渐变色背景 background: -webkit-linear-gradient(left, red, green); background: linear-gradient(to right, red, green); 线性渐变 demo1...

2020-02-19 15:58:48 191

原创 CSS非布局样式字体、行高

非布局样式 字体、字重、颜色、大小、行高 背景、边框 滚动、换行 粗体、斜体、下划线 其它 字体族 一堆字体 serif 衬线字体 sans-serif 非衬线字体 monospace 等宽字体 cursive 手写体 fantasy 花体 多字体fallback 按照字体排列顺序逐个适配,直到有适配的。 <!DOCTYPE html> <html...

2020-02-19 13:10:44 299

原创 CSS用途、分类、权重、性能

CSS基础 Cascading Style Sheet 层叠样式表 选择器{ 属性:值; 属性:值 } 分号是分隔符 选择器: 1. 用于匹配HTML元素 有不同的匹配规则,多个选择器可叠加 2. 分类和权重 选择器分类 元素选择器a{} 伪元素选择器::before{} 类选择器.link{} 属性选择器 [type=radio]{} 伪类选择器:hover{} ID选择器 #id{}...

2020-02-18 19:50:57 149

redux的todolist

redux的todolist, 两个,分别使用redux-thunk和redux-saga,练手demo,快速入门redux

2020-02-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除