- 博客(22)
- 收藏
- 关注
原创 入手react
最近在换工作,很长一段时间没更新了,找工作的这段时间也不想闲着,没办法,作为一名女程序员来说,本来就有意见偏差,如果不学习的话就被淘汰。看招聘信息的时候,一个规律就是,大厂喜欢用react,面试的时候喜欢问很基础的问题,比如js,node相关方面的,小型的就喜欢vue这方面的框架,问项目相关的多些,后面会出一集面试相关的东西,目前写下react相关入手级别react生命周期(面试很多都问)先来张生命周期图片挂载,可以看出有两个生命周期,分布是组件挂载前componentWillMount(.
2020-11-25 17:04:53 123
原创 错误对象Error
error,指程序中的非正常运行状态,在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。
2019-09-02 17:11:19 211
翻译 CSDN的markdown编辑器使用
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-09-02 09:19:03 127
原创 vue cli3的http请求封装
import Cookies from 'js-cookie'const TokenKey = 'access_token'const contractNo = 'contractNo'export function getToken() { return Cookies.get(TokenKey)}export function setToken(token) { ret...
2019-04-23 15:55:47 3224
原创 vue路由死循环:RangeError: Maximum call stack size exceeded
先放图代码如下 //路由拦截 import {getToken} from './http/auth' // const whiteList = ['/login', '/auth-redirect']// 路由白名单 router.beforeEach((to, from, next) => { if(to.name=='login'){ ...
2019-04-23 15:41:03 3556
转载 使用CSDN-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-04-23 15:26:06 92
原创 浏览器加载页面流程--未完
了解浏览器加载html页面的流程及原理,是为前端开发页面的时候,更加优化页面性能,提高用户体验。在了解浏览器加载流程之前,我们先了解下浏览器内核。浏览器内核页面用到的语言主要有:html,css,javascript不同浏览器获取这些东西后,将代码渲染出来,内核就是完成渲染工作的。浏览器内核也被成为排版引擎layout engine、渲染引擎rendering engine1、tr...
2019-03-13 22:13:33 364
转载 git pullh&git fetch区别
– git pull = git fetch + git merge,建议使用git fetch+git merge ,不建议使用git pullgit fetch <远程主机名> <远程分支名>:<本地分支名>//在本地新建一个temp分支,并将远程origin仓库的master分支代码下载到本地temp分支git fetch origin master...
2019-02-27 00:32:45 150
转载 webpack2--6区别环境&集成gulp
区分开发环境和生产环境集成 gulp 实现自动构建打包部署github 发布 前端自动化构建的项目模块项目结构说明 ├── gulpfile.js # gulp任务配置 ├── mock/ # 假数据文件 ├── package.json # 项目配置 ├── ...
2019-02-24 19:48:27 155
转载 webpack2--5模块加载器&extractTextPlugin
介绍webpack将所有静态资源都认为是模块,比如javascript,css,less,typescript,jsx,图片等等。webpack引入了加载器的loader,对除javascript之外的资源处理成模块。webpack的加载器之间可以进行串联,一个加载器的输出可以成为另一个加载器的输入。常用loader安装css/sass/less loader加载器cnpm instal...
2019-02-24 19:20:05 393
转载 webpack2--4多页面支持& 公共组件单独打包
本篇主要介绍:如何自动构建入口文件,并生成对应的output;公共js库如何单独打包。多入口文件,自动扫描入口。同时支持SPA和多页面型的项目.公共js库如何单独打包。基础目录以下示例基于上一篇进行改进,上一篇项目源码.├── package.json # 项目配置├── src # 源码目录│ ├── ...
2019-02-23 22:27:21 861
原创 node.js中path的join和resolve的使用区别
path.join([path1],[path2])path.join()方法可以丽娜姐任意多个路径字符串。var path = require('path');//合法的字符串连接 path.join('/foo', 'bar', 'baz/asdf', 'quux', '..') // 连接后 '/foo/bar/baz/asdf'//不合法的字符串将抛出异常 path.jo...
2019-02-23 16:22:02 443
转载 webpack2教程--3如何集成第三方js库
本篇介绍本篇主要介绍如何集成常用的js库,以avalon 和jquery 为例,同理可扩展到其他js库。更高级的功能见后续文章。更高级的功能见后续文章avalon 是国内的一个轻量级 MVVM js框架,只是以此为例 并不仅限于它### 集成avalon由于项目用到了Avalon这个MVVM框架,webpack是兼容多种类型的加载器(AMD,CMD),平常用的avalon.js是自带加载器,用w...
2019-02-14 22:18:34 241
原创 webpack2教材--2webpack 介绍&常用命令&webpack-dev-server
webpack 介绍&amp;常用命令&amp;webpack-dev-server介绍Webpack是一款用户打包前端模块的工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源,包括css、image、font file、template等特点:代码拆分W...
2019-02-14 16:33:41 235
原创 webpack2教程--1webpack的安装和webpack.config.js介绍
之前都是gulp之类的,现在都什么时代了!是时候学习webpack,现在都webpack4.x了,没办法,我这种弱鸡就只能webpack2开始。webpack官网文件前提安装node,安装成功,npm -vcmd命令来检查是否安装成功。安装webpack,npm install webpack@x.x.x局部安装,全局安装使用npm install webpack@x.x.x -g,如果...
2019-02-11 21:14:54 303 1
原创 npm --save-dev和npm --save
先来package.json代码生成packjson.js的命令是npm initnpm init:这个命令用于创建一个新的package.json,会提问npm init --yes 或npm init -y:从当前目录中提取的信息生成默认的package.json,创建过程不会提问也可以完全自定义package.json文件的内容和在init期间提出的问题。这通过创建自定义.npm-i...
2019-02-10 20:18:46 170
原创 vue的css预处理器stylus
简介css出了sass、less预处理器外,vue使用更加简单的写法预处理器stylus。全面的 stylus 知识可以参考官方文档,或者张鑫旭翻译的中文文档。stylus的花括号和分号是可以省略的,不仅如此,冒号也是可以省略的,color: powderblue 你可以写成 color powderblue,没有问题。安装前提已经安装了nodejs。$ npm install st...
2019-01-28 23:28:30 420
原创 vue生命周期函数
生命周期图随着vue学习,生命周期图参考价值会越来越高。init events and lifecycle(初始化事件和生命周期)init injections or reactivity(初始注入和反应)has el option(具有el 选项)when vm.mount(el)iscalled(vm.mount(el) is called(vm.mount(el)iscall...
2019-01-24 22:13:59 281
原创 HTTP请求详解
简介HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。...
2019-01-04 23:28:13 121
原创 清除浮动
为何清除浮动&gt;子元素设置了float时候,子元素会脱离文档流,同时子元素会变成块级元素;造成的后果就是父级元素高度坍塌,所有需要清除浮动html&lt;div class="outer"&gt;&lt;div class="div1"&gt;1&lt;/div&gt;&lt;div cla
2019-01-04 21:44:55 96
原创 单行省略和多行省略...
单行设置样式如下overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多行样式设置第一种方式p{text-overflow: ellipsis; //可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。overflow : hidden;display: -webkit-box;//必须结合的属性 ,将对象作...
2019-01-04 21:01:31 3958
原创 reset.css\common.css
本文是重置样式文件,统一样式*{font-family:Helvetica,'microsoft yahei';}/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元...
2019-01-04 20:48:33 252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人