- 博客(68)
- 收藏
- 关注
RSS订阅原创 git操作
前言作为一个合格的打工仔，你需要对git的基础操作和工作中的git操作流程充分掌握，这样才能把尽量多的时间都投入到开发中。先来看看git的整体流程前期准备使用git的前提就是安装git下载地址下载完安装跑，直接疯狂next就完事了项目初始化在你喜欢的地方创建一个工作目录，我这里直接桌面创建一个_work文件夹，双击进入到文件夹中，点击鼠标右键出现Git Bash Here，点击出现git命令窗口输入命令git init初始化仓库，可以看到work文件夹下出现了一个git初始化文件夹接
2021-05-27 21:01:47
145
原创 谷歌插件开发
前言今天老大突然叫我去学习谷歌插件的开发，我直接黑人问号脸？这是我一个前端应该掌握的知识点吗？了解之后才发现谷歌插件原来也是用前端三件套开发的，前端还真是万能的呀，不多说，迅速步入正题导入开发一个谷歌插件的第一步就是先学会导入，首先这里你先创建一个任意名字的文件夹，在创建一个入口文件manifest.json，插件的配置都是在这里面进行配置的，主题就是一个json对象，格式大概如下{ "name": "demo", //设置插件名 "manifest_version": 2, //
2021-05-25 15:56:01
3159
4
原创 react复习二之组件三大核心属性
状态状态即state驱动着页面的更新，我们需要把数据放在react的state中，再由react驱动页面，state是react自动实例化类组件的时候传进去的属性改变状态复习一下绑定事件的几种方式监听器直接绑定事件行内在类中定义的方法，它在局部也就是方法体内会默认帮你开启严格模式，在jsx写的组件里面绑定事件，由于方法是作为绑定事件的回调函数所以不是通过实例调用的，是直接调用，this指向为undefined，要改变此时的this指向使其指向实例自身在react中不能直接修改sta
2021-03-15 17:31:38
164
原创 TypeScript入门到出门
强类型语言TypeScript是强类型语言，声明变量的时候需要声明变量的类型，例如let a：string = '哈哈'TypeScript包含的类型有如下Undefined ; （声明但是未复制）Number:数值类型; （支持整型和浮点型）string : 字符串类型;（单双引号都可）Boolean: 布尔类型；（js中的0和null在这不再代表false）enum：枚举类型；（声明 ``）enum REN{nan,nv,yao} console.log(REN.yao) //2
2021-03-11 19:37:43
232
原创 react复习一
虚拟DOM原生js都是直接操控dom节点，如果改变样式等也是先获取节点再改变上面的样式，而react这是采用虚拟dom，就是在操作真实dom之前生成虚拟dom，比如一个数组你现在生成一个列表里面有两条数据，如果你现在有三条数据了你就要重新渲染，原生js不会引用重复的数据而是干脆直接重新渲染，这样很浪费性能，虚拟dom则会查看是否有相同的节点重复利用，再去添加真实的节点，这就是diffing算法，我们从头到尾也只需要操作虚拟dom即可，这就是react相对于传统js的优势虚拟DOM的两种创建方式注意js
2021-02-28 21:39:56
129
原创 前端面试题
事件循环js是单线程的，将任务放在主线程中执行，碰到同步任务的时候就直接执行，碰到异步任务的时候就将任务放到异步处理模块中，异步处理模块处理完了以后会把异步任务放到任务队里中，主线程执行完全部任务以后会查看任务队列中是否任务需要执行，有的话就那一个过来执行，又执行完以后主线程又是空的就又去任务队列里面看有没有需要执行的任务，反复这个过程，就叫时间循环（event loop）宏任务和微任务宏任务就是定时器任务，微任务就是promise的then catch finally。代码执行原则是优先执行宏任务
2021-02-25 11:22:22
125
原创 less
less可定义变量和使用命名规则：必须@开头不能包含特殊字符不能数字开头大小写敏感less嵌套less运算任何数字、颜色或者变量都可以参与运算。±*/注意运算符左右留空格两数运算，只有一个带单位，则结果就以这个单位为准两个数参与运算，都有单位，则结果以前面的单位为准...
2021-02-02 22:08:24
118
1
原创 CSS易忘知识点
选择器标签选择器：直接写标签名，选中页面里面所有该标签名，包括选中标签里面的标签id选择器：只能被声明一次，就是我这个div的id叫red，那只能有这个div的id为red通配符选择器：字体属性font-family设置自己系列，比如宋体，微软雅黑，可以一次性设置多个字体，用逗号隔开font-size设置字体大小，h标题的大小特殊需要单独设置font-weigh设置字体粗细，数值不要跟单位，400是正常粗细font-style设置文字斜体和正常(italic)font是复合属性font
2021-01-03 22:17:20
124
原创 umi.js
umi使用步骤相关配置在.umirc.ts文件中配置hash为true时，打包完dist目录下的js和css文件会生成随机hash值配置base则会改变首页文件的访问路径,配置的时候还要一起配置一个publicPath，一般和base相同，添加这个的目的就是在dist生成的index里面引入的css和js也会加入这个前缀不然引入不到，它们默认都是’/’配置outputPath可以更改build完的文件名，默认是dist，这里改成’abc’配置title可以更改网页标题，单独组建想定义的话就写
2020-12-28 11:29:00
1068
2
原创 Git
Git概念git就是如上图的一个版本控制库，一般我们都是在本地仓库也就是哪个开发人员那里操作，只有和他人一起的时候我们就连接上共享版本库，可以吧上面的项目克隆下来，或者拉下来，又或者推送新的上去Git流程如果你要修改本地仓库你要先把内容add到暂存区后再commit才可以放到本地仓库中，如果你要放到远程仓库上的话就push，这样相当于把本地仓库复制给远程仓库安装git后右键出现的git gui就是git的图形界面，git bash就是命令行窗口界面Git流程在需要的地方创建一个空白的文件夹，
2020-12-20 22:21:11
107
原创 ajax的jquery和axios请求方式、同源策略
jquery内部封装的请求<button>jq get</button><br> <button>jq post</button> <button>通用方法</button> <script> $('button').eq(0).click(function(){ $.get('http://127.0.0.1:8000/jqserver',{a:
2020-12-09 21:33:17
227
原创 ajax
ajax作用ajax就是用来异步向服务器请求数据并且处理返回回来的数据将结果显示在页面上。XMLXML是用来存储和传输数据的，XML中的标签都是自定义的，以前服务器端给客户端返回的就是XML格式的数据，现在换成JSON了AJAX请求const express = require('express')const app = express()app.get('/server',(request,response)=>{ response.setHeader('Access-C
2020-12-08 22:29:14
102
原创 react小知识点
react里面的标签样式，都是style={}的形式，里面要接受的是一个对象，不能是别的，也不能使用传统的那种style=“width:300px”如果要给一个标签两个类名的话，需要是className={'abc'+''bcd'}这种形式，或者用插件classnames也可以做到在标签里面写style如果碰到有-的属性名，用驼峰代替，或者不用驼峰但是属性名要用引号括起来如果要向一个组件一次性传递多个值，可以用对象的形式然后在传递的时候解构props验证只在开发时候使用，上线时候取消，验证依赖pr.
2020-12-08 18:02:07
215
原创 JS难点总结
JS作用域作用域就是分为全局作用域和函数作用域，函数作用域只有function才算，if，while那些算是块级作用域，那些里面的变量到最后执行完会被提升为全局变量，还有在作用域里面，一个变量和函数的声明会被提到开头，比如就算在最后一行var一个a=5,也会被拆分成声明和赋值两步，声明的位置会被提升到当前作用域头部，函数也一样，但是函数的提升更领先于变量的声明。JS thisfunction里面的this默认指向window，这是默认绑定。写在对象里面的this默认指向这个对象，这是隐式绑定。用b
2020-12-08 12:41:10
998
原创 html易忘知识点
特殊字符表格基础结构<tabel><thead> <tr> <th>表头</th> <th>表头</th> </tr></thead><tbody> <tr> <td>表内容</td> <td>表内容</td> </tr></tbody></table>
2020-12-07 21:56:11
98
原创 webpack打包资源、开发服务器、开发环境基本配置
webpack.config.js，当你运行webpack指令的时候，会加载其中的配置，指示webpack干哪些话构建工具都是基于node.js运行的，所以都采用common.js的模块化webpack打包样式资源/* webpack.config.js webpack的配置文件 作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置） 所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。*/// resolve
2020-12-06 20:32:17
154
原创 webpack概念
webpack概念Webpack是一种前端资源构建工具，一个静态模块打包器(module bundler)一般我们比如编写个less文件或者带有es6的js文件，浏览器可能就无法识别了，所以需要一个个小的编译工具将这些文件编译成浏览器能够识别的样子，构建工具就是将这些小的编译工具进行整合，我们只要关注构建工具怎么使用就可以了，webpack会从一个入口文件，一般是index.js开始，把index所导入（依赖）的文件的资源引进来，形成一个chunk（代码块），然后对代码块进行各项处理，比如把less编译
2020-12-05 13:52:19
118
原创 node小记
Buffer缓冲区通俗点来说就是一个暂时储存用户发送的请求信息，和服务器未发现响应之前的响应信息，内部已二进制存储但是以十六进制显示。fs文件系统（File System）就是node通过引用fs模块对电脑里面的文件可以进行一系列增删改的操作等。如果笔记有荣幸被网上的兄弟看到，那这里把模块的引入讲一下，就是 cosnt fs = require('fs'),node引入文件就是这样require后面跟需要引入的模块名字，如果是引入自己创建的模块，那填写的就是相对路径，npm下载的模块也是只要填名字就
2020-12-04 22:41:42
137
原创 react项目目录介绍
README.mdmarkdown文件，主要作用就是对项目的说明，已经默认写好了一些东西，一般写一些项目的备注之类的，如果是工作中，你可以把文件中的内容删除，自己来写这个文件，编写这个文件可以使用Markdown的语法来编写。如果上传到github上，它会成为一个供他人观看的项目介绍package.json这个文件是webpack配置和项目包管理文件，项目中依赖的第三方包（包的版本）和一些常用命令配置都在这个里边进行配置，当然脚手架已经为我们配置了一些了，目前位置，我们不需要改动。在scripts
2020-11-30 11:11:47
838
1
原创 flex布局
flex布局flex是flexible Box的缩写，以为弹性布局，用来为盒装模型提供最大的灵活性，任何一个容器都可以指定为flex布局布局写在父容器上display:flex父元素设为flex布局以后，子元素float、clear、vertica-aligin(垂直居中)属性失效伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局布局原理采用flex布局的元素，称为Flex容器，它的所有子元素自动成为容器成员，成为Flex项目(flex item)，简称“项目”通过给父盒子添加flex
2020-11-23 22:00:58
214
原创 面向对象、模块化
面向对象es5面向对象以函数的形式写对象，没有统一的写法需要在对象体外面声明方法function Person(name,age){ this.name=name; this.age=age; this.showName=function (){ alert(this.name); }; this.showAge=function (){
2020-11-18 23:01:09
565
原创 异步操作
异步操作异步操作：同时进行多个操作，用户体验好，但是代码混乱同步操作：一次只能执行一个操作Promise趋近于封装异步操作let p = new Promise((reslove,reject)=>{ //异步 //reslove 成功回调，返回括号内的值 //reject 失败回调，返回括号内的值})p.then(()=>{},()=>{})//成功执行前面，错误执行后面，也就是resolve和rejectPromise.all([ f1,f2,f3 //P
2020-11-18 19:33:23
294
原创 babel编译
babel编译babel的作用是用作JavaScript编译器，将ES6代码转化为ES5的格式，使低版本的浏览器可以识别，例如IE10以下版本引入在线babel文件编译下载babel文件引入<script src="browser.min.js" charset="utf-8"></script><script type="text/babel">代码</script>type说明script内部放的代码类型缺点：加载慢，降低代码性能编译Ja
2020-11-18 18:19:54
1335
原创 es6特性
对于es6的自我理解总结let与const禁止变量重复声明const声明的变量值不可修改let用于声明变量，const用于声明常量具有块级作用域属性（{}）（var具有函数作用域）解构赋值let arr = [1,2,3]let [a,b,c] = arr//此时a被赋值为1let obj = [name:'ahuo',age:18]let [name,age] = obj//此时name被赋值为'ahuo'(注意变量名需要与键名相匹配)箭头函数()=>{}简写
2020-11-18 13:39:33
116
1
原创 数组相关API、图书馆案例
数组相关API修改响应式数据<div id="app"> <ul> <li v-for='item in list'>{{item}}</li> </ul> <div> <div>{{info.name}}</div> <div>{{info.age}}</div> <div>{{info.gend
2020-11-02 17:35:22
236
原创 SQL语句(1)
SQL语句+----+--------------+---------------------------+-------+---------+| id | name | url | alexa | country |+----+--------------+---------------------------+-------+---------+| 1 | Google | https://www.google.cm/
2020-10-26 14:11:54
272
原创 HTTP协议
HTTP协议HTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP 工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器有：Apache服务器，IIS服务器（I
2020-10-25 20:23:35
134
原创 测试用例、等价类划分法、边界值分析法、因果图法、判定表、场景法、流程分析法
测试用例测什么？怎么测？等价类划分法边界值分析法因果图法判定表法场景法流程分析法
2020-10-23 22:44:56
905
原创 String扩展的方法、set数据结构
2020年10月19日真是痛苦的一天模板字符串ES6新增的创建字符串的方式，使用反引号定义模板字符串可以解析变量 let name = `张三`; // let sayHello = `Hello, 我的名字叫${name}`; // console.log(sayHello); //hellp ,我的名字叫张三模板字符串中可以换行 let result = { name: "zhangsan", age: 20 }; let html = `
2020-10-19 22:42:52
179
原创 Array扩展方法
2020年10月19日真是痛苦的一天Array的扩展方法扩展运算符(展开语法)扩展预算福可以将数组或者对象转为用逗号分隔的参数序列 let ary = ["a", "b", "c"]; ...ary // "a", "b", "c" console.log(...ary) //a b c扩展运算符可以应用于合并数组 let ary1 = [1, 2, 3]; let ary2 = [4, 5, 6]; ...ary1 // 1, 2, 3 ...ary2 // 4
2020-10-19 22:15:22
524
原创 箭头函数、剩余参数
2020年10月19日真是痛苦的一天箭头函数ES6新增的定义函数的方式()=> {}const fn = () => {}如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 // 在箭头函数中 如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 const sum = (n1, n2) => n1 + n2; const result = sum(10, 20); console.log(
2020-10-19 22:13:55
349
原创 let、const、解构赋值
2020年10月19日真是痛苦的一天ES6概念它是由ECMA国际标准化组织，制定的一项脚本语言的标准化规范。(ES6泛指ES2015及后续的版本)为什么使用ES6letES6中新增的用于声明变量的关键字let声明的变量只在所处于的块级（{}）有效/* --------使用let关键字声明的变量具有块级作用域-------- */ if (true) { let b = 20; console.log(b) if (true) { let c = 3
2020-10-19 15:19:27
456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人