- 博客(72)
- 收藏
- 关注
RSS订阅
原创 yarn命令和npm命令的对应关系
yarn的常用操作：1.yarn init -y（-y是全部默认）npm init -y2.下载项目的所有声明的依赖（把package.json里声明的所有包下载）yarn 或者 npm i3.下载指定的版本依赖包：yarn add xxx @ y.y.y（安装xxx包的y.y.y版本）npm i xxx @ y.y.y4.全局下载指定包yarn global add xxxn...
2019-12-19 22:35:34
1691
原创 github 发布静态页面
静态页面分为两类项目静态页面（是react或者vue项目打包后生产的静态页面）默认静态页面（文件里只有html，css和js）项目静态页面首先得把项目打包，也就是npm build将build之后的文件上传到github上点击项目主页的settings- 点击pages在这里选择你上传的有静态文件的分支，选择/root之后点击save点击之后页面会刷新，然后会生成一个链接，点击这个链接点击之后如果不是你的静态页面，不要着急，是路径有问题，现在所处的路径是你项目的根路径，只需要根据根
2021-08-08 12:32:56
943
原创 ts-react上线发布配置
运行流程1、将tsx文件转化为jsx新建tsconfig.build.json { “compierOptions”:{ // 文件的输入路径 “outDir”:“build”, // 输出的类型 “module”:”esnext”, // 指定编译后的ES版本 “target”:”es5”, // 获得ts类型支持,(会给每个ts文件生成一个d.ts文件) “declaration”:true, “jsx”:”react”, //
2021-08-04 21:42:47
391
原创 React-story-book的使用
项目中的痛点create-react-app入口文件不适合管理组件库，更加适合页面开发缺少行为追踪个和属性调试功能stroy-book的特点分开展示各个组价不同属性下的状态能追踪组件的行为并且具有属性调试功能可以为组件自动生成文档和属性列表适用react、Vue、Angula...
2021-07-07 10:17:31
862
原创 工作记录：根据固定端口号杀掉对应进程的bat脚本。（一行搞定）
一、根据固定端口号杀掉对应进程的bat脚本进程不固定，端口号固定。杀掉对应的进程。可以换种思路，先根据端口号查询出对应的exe应用，然后用命令把exe应用的进程全部杀掉。具体做法：1、在cmd里输入netstat -ano|findstr xxxx找到对应的进程ID为 131682、在CMD里输入 tasklist|findstr 13168，查看对应的exe应用。3、在桌面新建文件，然后输入taskkill /im xxxxx.exe /f4、保存为bat文件，即可杀掉对应应用的进程
2020-08-14 17:54:38
906
原创 工作记录：DOS删除不同用户的指定目录
可以删除指定目录的脚本1、新建一个记事本文件在记事本中输入如下代码：rd /s /q C:\Users\delete/S ： 除目录本身外，还将删除指定目录下的所有子目录和文件。用于删除目录树。/Q ： 安静模式，带 /S 删除目录树时不要求确认 （强制删除，用户无感知）C:\Users\delete： 需要替换为自己要删除的文件全路径2、另存为bat文件然后，选择存储的位置，之后双击打开，就可以直接运行了。...
2020-07-10 11:33:26
174
原创 工作笔记 (20200220) React-highlight的使用方法
React-Highlight的使用方法1.在项目中安装yarn add react-highlight2.在React项目中导入import Highlight from ‘react-highlight’3.选择自己喜欢的主题在node_modules/highlight.js/styles/你喜欢的样式名举个????：import “highlight.js/styles/zen...
2020-02-20 22:41:33
3232
原创 工作笔记（20200218）ambinents的用法
项目启动准备工作1.新建文件夹2.在终端输入：ambients init3.空格选择需要的功能4.yarn 安装选择的功能5.yarn add tailwindcss react react-dom @types/react @types/react-dom6.在index.tsx下面：导入 import React from "react";import ReactDOM fr...
2020-02-18 15:53:02
211
原创 CSS3 3D转换,私有前缀
1. 3D转换1.1.三维坐标系X轴：水平向右Y轴：垂直向下Z轴：垂直屏幕注意：X右边是正值，左边是负值Y下面是正值，上面是负值Z外面是正值，里面是负值1.2. 3D移动translate3dtransform:translateX(100px)：仅仅在X轴移动transform:translateY(100px)：仅仅在Y轴移动transform:translate...
2020-02-17 10:41:10
113
原创 CSS3，旋转rotate，动画animation
1.旋转rotate-- 可以让元素在2维平面顺时针或者逆时针旋转1.语法： transform:rotate(度数)2.重点： - 度数的单位是deg 举个例子：rotate(45deg) - 角度为正，顺时针，为负，逆时针 - 默认旋转的中心点是元素的中心点2.转换中心点transform-origin-- 设置元素转换的中心点1.语法： transform-orig...
2020-02-16 11:40:32
2746
原创 CSS3，选择器，2d转换(移动)transform
1.CSS选择器1.1.属性选择器类选择器，属性选择器，伪类选择器，权重为10选择符简介E[att]选择具有att属性的E元素E[att=‘val’]有att属性值等于val的E元素E[att^=‘val’]匹配具有att属性，且值以val开头的E元素E[att$=‘val’]匹配具有att属性，以val结尾的E元素E[att*=‘val’...
2020-02-15 12:03:58
203
原创 HTML5
1.XHTML（可扩展超文本标记语言）XHTML是一种增强了的HTML，它的可扩展性和灵活性适应了很多需求2.H5新版本的HTML语言，定义了新的标签，特性和属性拥有了一个强大的技术集3.H5扩展了哪些内容？语义化标签本地存储兼容特性2D，3D动画、过渡CSS3特性性能与集成4.H5新增语义化标签< header > ：头部标签< na...
2020-02-14 13:36:07
94
原创 JS高级（10）String的扩展方法 深拷贝，浅拷贝，Set
1.String的扩展方法1.1.模板字符串 ``-- let name = `daiwang`-- 1.模板字符串可以解析变量 let name = 'daiwang' let Hi = `${name}`,hi //daiwang,hi-- 2.模板字符串可以换行-- 3.在模板字符串中可以调用函数 ${fn()}1.2.实例方法1.2.1.startsWith()和e...
2020-02-13 11:35:44
611
原创 JS高级（9）ES6新增语法 剩余参数、数组方法
1.剩余参数function sum (first,...args){ console.log(first) //10 console.log(args) //[20,30]}sum(10,20,30)1.1.剩余参数和解构赋值配合使用let names = ['daiwang','LeiLei','lingling']let [s1,...s2] = namesconsol...
2020-02-12 13:04:50
438
原创 JS高级（8）ES6新增语法
1.let1.1.let生命的变量旨在所处于的块级有效举个例子： if(true){ let a = 10 console.log(a) //10 } console.log(a) // a is not defined1.2.不存在变量提升举个例子： console.log(a) // a is not defined let a = 101.3.暂时性死区...
2020-02-11 20:43:55
146
原创 JS高级（7）正则表达式
1.正则表达式的创建1.1.通过调用RegExp对象的构造函数创建let regExp = new RegExp(/123/)console.log(regExp)1.2.利用字面量创建正则表达式let reg = /123/2.测试正则表达式test()正则对象方法，用于检测字符串是否符合该规则，该对象会返回true/false，其参数是测试字符串let rg = /123...
2020-02-10 19:01:34
112
原创 JS高级（6）高阶函数，闭包，递归
1.高阶函数高阶函数是对其他函数进行操作的函数，它接受函数作为参数或将函数作为返回值输出。举个例子： function fn(callback){ callback && callback() } 或 function fn(){ return function(){} } fn() fn(function(){ alert('hi') })此时f...
2020-02-09 11:07:25
252
原创 JS高级（5）严格模式（IE10+）
1.严格模式1.消除了JS语法的一些不合理、不严谨之处、减少了怪异行为2.消除了代码运行的一些不安全之处，保证代码运行的安全3.提高编译器效率，增加运行速度4.禁用了未来版本的一些语法2.开启严格模式严格模式可以应用到整个脚本（script）或个别函数中 1.为脚本开启严格模式 -- 有的是严格模式，有的脚本不是，不利于合并，所以将整个脚本文件放到一个立即执行的匿名函数中， ...
2020-02-08 11:17:41
450
1
原创 JS高级（4）函数的定义和调用
1.函数的定义方式1.函数声明式（命名函数） function fn(){}2.函数表达式（匿名函数） var fn = function(){}3.new Function() var fn = new Function('参数1','参数2'，...'函数体') 举个????： var f = new Function('a','b','console.log(a+b)') f(...
2020-02-07 11:47:27
99
原创 JS高级（3）继承，ES5数组，字符串，对象新增方法
1.call()call()可以调用函数call()可以修改this的指向，使用call()的时候，参数1，是修改后的this指向，参数2、3传参。举个????： function fn(x,y){ console.log(x+y) } let o = { name : 'andy'} fn.call(0,1,2) 此时函数中的this指向对象()2.ES5新增方法2.1.数...
2020-02-06 17:29:27
135
原创 JS高级（2）构造函数和原型
1.构造函数和原型1.1.对象的三种创建方式 — 复习1.字面量方式 var obj = {}2.new 关键字 var obj = new Object()3.构造函数方式 function Person(name,age){ this.name = name this.age = age } var obj = new Person('Dw',12)1.2.静态成...
2020-02-05 14:24:18
102
原创 JS高级（1）面向对象与面向过程
1.面向对象与面向过程1.1.面向过程（性能高）分析出解决问题的步骤，然后用函数把这些步骤一步步实现1.2.面向对象（易维护，易复用，易扩展），封装，继承，多态把事情分解成为对象，然后由对象之间分工与合作2.对象与类2.1.对象-- 对象是由属性和方法组成的，是一组无序的键值对的集合，指一个具体的事物： -- 属性：事物的特征，在对象中用属性来表示 -- 方法：事物的行为，在...
2020-02-04 10:53:53
120
原创 JS（21）触屏事件，localStorage，sessionStorage等
1.常见的触屏事件触屏事件说明touchstart手指触摸到一个Dom元素时触发touchmove手指在一个Dom元素上滑动时触发touchend手指从一个Dom元素上移开时触发2.触摸事件对象（TouchEvent）– TouchEvent 是一类描述手指在（触摸屏）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动和触点...
2020-02-03 10:57:05
153
原创 JS（20）元素偏移量 offset，滚动scroll，可视区client
1.offset概述-- 使用offset系列相关属性可以动态的得到该元素的位置（偏移），大小等。offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素，如果父级没有定位，返回bodyelement.offsetTop返回元素相对带有定位的父元素上方的偏移element.offsetLeft返回元素相对带有定位的...
2020-02-02 20:00:46
1500
原创 JS（19）JS执行机制
1.JS执行机制1.1.JS是单线程-- JS语言的一大特点就是单线程，同一个时间只能做一件事。-- 单线程意味着，所有任务需要排队，前一个任务结束，会执行后一个任务，如果前一个任务耗时很长，后一个任务就不得不一直等着。-- 这导致：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。1.2.同步任务和异步任务-- 为了解决大拿县城带来的问题，利用多核...
2020-02-01 11:17:13
147
原创 JS（18）location对象和history对象
location对象window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且用于解析。因为这个属性返回的是一个对象，所以我们将这个属性称为location对象。1.URL-- 统一资源定位符（Uniform Resource Locator ，URL）是互联网上标准资源的地址，互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么...
2020-01-31 12:36:04
387
原创 JS（17）BOM
1.BOMBom（Browser object model）即浏览器对象模型，它提供了独立于内容与浏览器窗口进行交互的对象，其核心对象是window1.1.BOM的构成BOM比DOM更大，它包含DOM、window、document、localtion、navigation、screen、history1.2.顶级对象window-- window对象是浏览器的顶级对象、它具有双重...
2020-01-30 16:41:54
94
原创 JS（16）事件相关
1.注册事件（绑定事件）两种方式：传统方式和方法监听注册方式1.1.addEventListener 事件监听方式-- eventTarget.addEventListener(type,listener[,userCapture])-- 此方法将指定的监听起注册到eventTarget（目标对象）上，当该对象触发指定事件时，就会执行事件处理函数。 -- type：事件类型字符串，比如...
2020-01-25 10:43:15
168
原创 JS（15）节点操作
1.节点-- 网页中的所有内容都是节点（标题、属性、文本、注释等），在Dom中，节点使用node来表示。-- Dom树中所有节点可以通过JS来访问，所有节点可被修改，创建删除。-- 一般，节点至少有，nodeType，nodeName，nodeValue这三个基本属性 -- 元素节点 nodeType 为 1 -- 属性节点 nodeType 为 2 -- 文本节点 nodeTyp...
2020-01-24 10:56:44
175
原创 JS（14）自定义属性操作
1.排他思想如果有一组元素，想要某一个元素实现某种样式，需要用到循环的排他思想： 1.所有元素全部清除样式（干掉其他人） 2.给当前元素设置样式（留下自己） 3.注意顺序不能颠倒，首先干掉他人，再设置自己2.自定义属性操作2.1.获取属性值-- element.属性 获取属性值 区别：获取内置属性-- element.getAttribute('属性') 区别：设置自定义属...
2020-01-23 12:04:32
138
原创 JS（13）事件基础
1.事件三要素-- 事件源（谁）：触发事件的元素-- 事件类型（什么事件）：click-- 事件处理程序（做啥）：事件触发后要执行的代码（函数形式），事件处理函数2.事件执行的步骤1.获取事件源2.注册事件3.添加事件处理程序（采取函数赋值形式）3.常见的鼠标事件鼠标事件触发事件onclick点击左键触发onmouseover鼠标经过触发o...
2020-01-22 20:08:57
124
原创 JS（12）Web API
1.Web ApI的概念web API是浏览器提供的一套操作浏览器功能和页面元素的APi（Bom和Dom）2.Dom2.1.什么是Dom-- 文档对象模型（Domcument Object Model，简称Dom），是W3C组织推荐的处理可扩展标记语言（html或者xhtml）的标准编程接口。-- W3C已经定义了一系列的Dom接口，通过这些Dom接口可以改变，网页内容，结构和样式。...
2020-01-21 22:58:55
111
原创 JS（11）数据类型
1.简单数据类型和复杂数据类型1.1.简单数据类型（基本数据类型，值类型）：在存储的变量中，存储的是值本身，包括String，number，boolean，undefined，null1.2.复杂数据类型（引用类型）：在存储时变量中存储的仅仅是地址（引用），通过new等关键字创建的对象，（系统对象，自定义对象，如Object，Array，Date等）2.堆栈2.1.栈（操作系统）：...
2020-01-20 18:58:34
152
原创 JS（10）字符串对象
1.字符串对象1.1.字符串对象的不可变 -- 指的是里面的值不可变，虽然看上去可以改变内容，但其实是地址变了，内存中新开辟了一个内存空间。 -- 当重新给字符串变量赋值的时候，变量之前保存的字符串不会被修改，依然在内存中重新给字符串赋值，会重新在内存中开辟空间，这个特点，就是字符串的不可变。 -- 由于字符串的不可变，在大量拼接字符串的时候，会有效率问题。2.根据字符返回位置...
2020-01-19 22:37:18
182
原创 JS（9）数组对象
1.创建数组的两种方式-- 字面量方式 let arr = [1,'test',true]-- new Array() let arr = new Array() 注意： 上面代码中创建出的是一个空数组，如果需要使用构造函数Array创建非空数组，可以在创建数组时传入参数 参数传递规则： 1.传一个参数，则参数规定了数组的长度。 2.传多个参数，则参数称为数组的元素。...
2020-01-18 23:03:01
198
原创 JS（8）内置对象
1.内置对象-- JS中的对象分为3种：自定义对象，内置对象，浏览器对象-- 前面两种都是JS基础内容，属于ECMAScript，浏览器对象属于JS独有的-- JS提供了多个内置属性：Math，Date，Array，String等2.Math对象属性名、方法名功能Math.PI圆周率Math.floor()向下取整Math.ceil()向上取整...
2020-01-17 20:07:29
209
原创 JS（7）对象
1.概念-- 在JS中，对象是一组无需的相关属性和方法的集合，所有的事物都是对象，例如字符串，数值，数组，函数等。-- 对象是由属性和方法组成的。 -- 属性：事物的特征。 -- 方法：事物的行为。2.创建对象的三种方式2.1.利用字面量创建对象-- 就是{}里面包含了表达式这个具体（对象）的属性和方法。-- {} 里面采用的是键值对的形式表示。 键：相当于属性名 值：相当于...
2020-01-16 05:34:11
325
原创 JS (6) 作用域
1.JS(ES6)之前的作用域有两种-- 全局作用域-- 局部作用域作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突1.1.全局作用域整个script标签，或者一个单独的js文件1.2.局部作用域函数内部就是局部作用域，这个代码的名字只在函数内部起效果和作用，也称函数作用域。1.3.（ES6之后）的块级作用域块级作用域由{}包裹2.变量的作用域-...
2020-01-15 22:44:28
385
原创 JS（5）函数
1.函数就是封装了一段可以被重复调用的执行的代码块，通过此代码块，可以实现大量代码的重复使用2.函数的使用声明函数 funciton 函数名(){ //函数代码体 }调用函数 函数名() // 通过调用函数名来执行函数代码体3.函数的参数-- 形参：函数定义时传入-- 实参：调用时传入小括号的真实数据 -- 带参数的函数声明： function 函数名 (形参...
2020-01-14 21:05:38
568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人