自定义博客皮肤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' )0Last line1Last line2Last line37. message1 = 'Global Varia...

2020-04-09 14:08:55 244

原创 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 230

原创 let与const

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

2020-03-29 10:50:44 133

原创 python答题0325

What do these do?20. [ 18, 19, 20, 21, 22 ] [ -2 ]//2121. [ 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 230

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

第一次用富文本插件react-draft-wysiwygdraft-jsdraftjs-to-htmlhtml-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 524

原创 嵌套路由

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

2020-03-18 13:26:02 100

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

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

2020-03-16 16:35:06 256

原创 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 154

原创 python lab week2 lab2

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

2020-03-15 15:50:34 100

原创 基础目录

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

2020-03-14 21:32:23 85

原创 开发环境

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

2020-03-13 15:06:30 105

原创 运行环境

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

2020-03-13 12:52:52 867

原创 作用域和闭包

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

2020-03-12 16:55:40 88

原创 原型和原型链基础

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

2020-03-12 14:30:26 125

原创 异步基础

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

2020-03-11 20:39:58 93

原创 JS Web API

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

2020-03-11 20:36:22 254

原创 Ajax基础相关

题目手写一个简易的ajaxfunction 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 91

原创 python答题0311

What is CJKV?CJKV Information ProcessingKen LundeO'Reilly2009912 pagesExcellent reference for CJKV issues such asUnicode GB2312, GBK, GB18030 etc.Who is Guido van Rossum?Guido van Rossu...

2020-03-11 13:46:00 581

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

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

2020-03-09 14:39:17 104

原创 Manifest结构关系

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

2020-03-04 22:43:52 238

原创 React Web App基础知识准备

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

2020-02-28 22:38:26 394

原创 PM2介绍

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

2020-02-27 13:47:35 425

原创 HTTP特点与报文解析

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

2020-02-24 21:34:16 644

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

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

2020-02-24 18:28:34 214

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

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

2020-02-22 20:10:54 810

原创 开发环境

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

2020-02-22 13:39:34 96

原创 redux入门和升级

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

2020-02-21 14:03:48 245

原创 react头部组件开发

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

2020-02-21 13:43:15 723

原创 react项目相关文档网址

reacthttps://reactjs.org/docs/getting-started.htmlreduxhttps://redux.js.org/react-reduxhttps://react-redux.js.org/redux-sagahttps://redux-saga.js.org/redux-thunkhttps://github.com/reduxjs...

2020-02-21 13:19:20 215

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

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

2020-02-20 19:13:53 343

原创 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 94

原创 CSS与webpack

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

2020-02-20 16:42:57 116

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

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

2020-02-19 22:24:28 119

原创 CSS五种布局方式

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

2020-02-19 20:45:17 4745

原创 CSS非布局样式补充

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

2020-02-19 16:47:02 58

原创 CSS Hack与CSS美化Checkbox

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

2020-02-19 16:37:40 187

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

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

2020-02-19 16:25:57 306

原创 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 108

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

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

2020-02-19 13:10:44 235

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

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

2020-02-18 19:50:57 88

redux的todolist

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

2020-02-21

空空如也

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

TA关注的人

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