- 博客(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
原创 开发环境
抓包 移动端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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人