- 博客(51)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 design-patter（js设计模式）
面向对象结构化，数据结构化三要素继承子类继承父类继承可将公共属性/方法抽离出来，提高复用，减少冗余封装数据的权限和保密减少耦合，不该外露的不外露利于数据、接口的权限管理ES6目前不支持，一般认为_开头的属性是private多态同一接口不同实现保持子类的开放性和灵活性面向接口编程js应用极少，了解即可-需要结合java等语言的接口、重写、重载等功能UML类图泛化：表示继承关联：表示引用设计原则《UNIX/LINUX设计哲学》九大准则
2022-01-29 00:19:51
1246
原创 sass笔记
基础变量默认变量：!default$baseLineHeight: 1.5 !default;局部变量：定义在元素内部局部变量只会在局部范围内覆盖全局变量参数函数或者混合宏带有多个参数时，可使用...来代替，作用同于rest运算符@mixin box-shadow($shadow...) {}函数功能字符串函数unquote()：删除字符串中引号quote()：给字符串添加引号字符串中间存在单引号或者空格时，需要用单引号或者双引号括起to-upper
2022-01-28 18:20:25
325
原创 tsconfig配置
"compilerOptions": { /* 基本选项 */ // "incremental": true, /* 启用增量编译 -->已编译文件不会再编译 */ "target": "es5", /* 指定 ECMAScript 目标版本：'ES3'（默认）、'ES5'、'ES2015'、'ES2016'、'ES2017'、'ES2018'、'ES2019' 或 'ESNEXT'. */ "mod
2022-01-15 14:17:29
443
原创 typescript
ts介绍js 是动态类型 (已经定义的变量可以更改为另一种类型变量)ts 是静态类型，在编译前会转换为 js，在编译阶段会进行类型检查ts 是弱类型。类型系统按照[是否允许隐式类型转换]来分类，可分为强类型和弱类型数据类型基本类型声明变量需在变量后写明类型，例如: let num:number = 0基础类型：string、number、boolean、void、undefined、null、symbol对象类型：{}、Class、function、[]string 类型字
2022-01-15 14:16:00
301
原创 record
文章目录cssnth-childscssstringstring杂记Arrayslice()sort() 根据返回值设置正/倒序splice(start, deleteCount, [item1, item2...]) 可删除、替换或者添加内容数组杂记Object拷贝对象Object.freeze() 冻结对象，不能被修改对象杂记其他杂记原型链正则表达式测试正则表达式的方法符号匹配案例localStorage 与 sessionStorage基础变量引用变量其他用法两者的生命周期加密库：*crypto-js
2022-01-15 14:14:52
113
原创 h5相关.
设计稿审查流程清单确定设计稿的开发友好性（是否有还原成本高或无法还原的地方）确定一些特殊的元素是否有合理的边界处理（如文案超出外层容器的边界怎么办）确定页面的框架结构（Layout）确定跨页面可复用的组件（Site Component）确定当前页面可复用的组件（Page Component）常见布局方式浮动布局、绝对布局会脱离文档流普通文档流布局浮动布局(Float)一般在普通文档流上进行界面布局避免浮动布局遮盖普通布局 --> 清楚浮动绝对布局(Absolut
2022-01-15 14:14:14
170
原创 git学习
branchgit branch 新建分支-f 让分支指向另一个提交git branch -f main HEAD~3 让main分支指向HEAD第三级父提交checkoutgit checkout 切换分支git checkout -b 新建分支并切换到该分支合并分支 (name为要合并的分支)git merge git rebase HEAD总是指向当前分支上最近一次提交记录通常情况下指向分支名查看HEAD指向：cat .git/HEAD相对引用
2022-01-15 14:13:40
82
原创 es6学习
for-of循环遍历字符串：for-in获取索引，for-of获取值(可识别32位UTF-16字符)遍历数组：for-in获取索引，for-of获取值遍历对象：for-in获取键，for-of需自行部署遍历Set：for-of获取值 => for (const v of set)遍历Map：for-of获取键值对 => for (const [k, v] of map)遍历类数组：包含length的对象、Arguments对象、NodeList对象(无Iterator接口的类数组
2022-01-15 14:13:15
268
原创 devtools
打开Chrome开发者工具 - 快捷键Dom：Control + Shift + CJavascript：Control + Shift + J最近关闭状态：Control + Shift + I在console中访问节点通过document.querySelectAll访问使用$0快速访问选中的元素，$1为上一次选中元素拷贝 - JS Path在DOM中断点调试属性修改时打断点：Break on -> attribute modifications节点删除时打断点：Br
2022-01-15 14:12:24
237
原创 design-pattern--book
基础篇this指向的类型new绑定函数作为构造函数使用new调用时，this-绑定的是新创建的构造函数的实例-function Foo(name){ this.name = name}const foo = new Foo('alex') // --> Foo {name: 'alex'}显示绑定通过call、apply、bind可以修改函数绑定的this，使其成为我们指定的对象function Foo(name, price){ this.name = name
2022-01-15 14:10:26
150
原创 design-pattern--video
面向对象结构化，数据结构化三要素继承子类继承父类继承可将公共属性/方法抽离出来，提高复用，减少冗余封装数据的权限和保密减少耦合，不该外露的不外露利于数据、接口的权限管理ES6目前不支持，一般认为_开头的属性是private多态同一接口不同实现保持子类的开放性和灵活性面向接口编程js应用极少，了解即可-需要结合java等语言的接口、重写、重载等功能UML类图泛化：表示继承关联：表示引用设计原则《UNIX/LINUX设计哲学》九大准则
2022-01-15 14:09:32
118
原创 49个常用JavaScript方法封装
文章目录1、输入一个值，返回其数据类型**2、数组去重3、字符串去重4、深拷贝 浅拷贝5、reverse底层原理和扩展6、圣杯模式的继承7、找出字符串中第一次只出现一次的字母8、找元素的第n级父元素9、 返回元素的第n个兄弟节点10、封装mychildren，解决浏览器的兼容问题11、判断元素有没有子元素12、我一个元素插入到另一个元素的后面13、返回当前的时间（年月日时分秒）14、获得滚动条的滚动距离15、获得视口的尺寸16、获取任一元素的任意属性17、绑定事件的兼容代码18、解绑事件19、取消冒泡的兼容
2021-10-12 23:25:17
1056
原创 javascript常用函数
这里写自定义目录标题实现字符串长度截获取域名主机清除空格替换全部转义html标签生JavaScript还原html标签时间日期格式转换实现字符串长度截function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) {
2021-10-12 23:11:59
1018
1
原创 css知识
文章目录元素嵌套面试题doctype的意义是什么?HTML、XHTML、HTML5的关系语义化的意义是什么？元素嵌套块级元素一般可以包含行内元素块级元素不一定能包含块级元素行内元素一般不能包含块级元素注意： 在html5中，a标签嵌套块级元素在一定程度上是合法的 <a href=""><div>我是div，嵌套在a标签里的内容</div></a> <!-- 合法的--> <p><a href="">
2021-04-06 15:32:14
209
原创 练习 | 项目杂记
文章目录最外层容器不要固定宽度一行文字占据两行高度display: block; height: font-size的两倍;划过高亮效果： -webkit-filter:brightness(1.1); -o-filter:brightness(1.1); -moz-filter:brightness(1.1); filter:brightness(1.1);...
2021-03-12 11:30:24
471
1
原创 uni-app学习笔记
文章目录项目目录结构杂记基础组件项目目录结构components：组件目录hybrid：存放本地网页的目录pages：业务页面文件存放的目录platforms：存放各平台专用页面的目录static：存放应用引用静态资源wxcomponents：存放小程序组件的目录App.vue：应用配置，用来配置App全局样式以及监听main.js：Vue初始化入口文件mainifest.json：配置应用名称、appid、logo、版本等打包信息pages.json：配置页面路由、导航条、选项卡等
2021-02-18 17:05:08
155
原创 小程序基础
文章目录flex布局页面跳转代码遍历事件杂记缓存flex布局flex-direction: row; //主轴默认是水平flex-direction: column-reverse; //众轴反转flex-grow: 1; //占用多余宽度justify-content: flex-end; //右对齐justify-content: space-between; //两端对齐justify-content: space-around; //环绕对齐alig
2021-01-31 23:48:02
98
原创 Linux基础（二）
文章目录监视系统和进程操作RTFM-手册VimVim三种工作模式： （默认是交互模式）交互模式操作shellshell变量shell条件case语句shell循环监视系统和进程操作w：了解系统中目前用户的操作FROM：用户连接到服务器的IP地址(或者主机名)LOGIN@：用户连接系统的时间 * IDLE：计算用户没运行任何命令的时长JCPU：该终端所有相关的进程使用的cpu（处理器）时间PCPU：当前进程使用的cpu时间WHAT：用户正进行的程序date：查看当前时间 ---- u
2021-01-31 23:46:03
74
原创 Linux基础（一）
文章目录目录/文件显示/读取文件操作文件根目录下各文件介绍杂记Linux管理用户管理群组管理和文件权限管理查找文件数据处理流和输出重定向输入重定向和管道目录/文件显示/读取文件ls：显示文件-a全部文件和目录内容-l详细内容-h让人易于理解的-t时间cd： 切换文件和目录 相对路径和绝对路径du：显示文件和目录的大小cat：一次性显示文件的所有内容 命令+文件路径less： 分页显示文件内容q键停止读取命令，终止less命令=：显示当前文件位置（行数）/：搜索
2021-01-31 23:39:19
155
转载 npm ERR! code EEXIST（文件存在/文件拒绝delete）问题解决
问题在使用npm安装插件的时候，弹出了以下的错误（File exists和 Refusing to delete）$ npm install -g trufflenpm ERR! code EEXISTnpm ERR! path E:\software\nn\node.js\node_global\node_modules\truffle\build\cli.bundled.jsnpm ERR! dest E:\software\nn\node.js\node_global\trufflenp
2021-01-31 21:26:42
7311
原创 koa框架和前端框架选型
文章目录koa框架什么是Koa？第一个Koa-router应用Koa工作原理Koa零碎知识点使用async、await异步请求Koa中间件获取GET请求中的paramskoa框架什么是Koa？Koa是一个全新的web框架(下一代Node.js)。轻量、更健壮Koa利用async函数丢弃回调函数，并增强错误处理Koa 没有任何预置的中间件第一个Koa-router应用app.user方法 返回 this，可链式表达routes方法：把router类定义的方法添加到app应用中all
2021-01-31 13:29:22
349
1
原创 前端工程化工具webpack、gulp
文章目录webpack五大核心概念webpack五大核心概念入口告诉webpack我们的应用从 哪个js 文件开始查阅 entry: { server: path.join(__dirname, 'src/index.js') },输出webpack打包后的资源存放路径以及名称 output: { filename: '[name].bundle.js', path: path.join(__dirname, './dist') },Load
2021-01-30 14:28:43
304
2
原创 关键代码
文章目录鼠标点击字节跳动效果判断是否支持HTML 5a链接跳转鼠标点击字节跳动效果var fnTextPopup = function (arr, options) { // arr参数是必须的 if (!arr || !arr.length) { return; } // 主逻辑 var index = 0; document.documentElement.addEventListener('click', function (event) {
2021-01-28 23:19:20
663
原创 git基本命令
文章目录基础知识git命令分支管理基础知识.gitignore文件 上传github设置忽略文件git通常把项目划分为三个区：工作区、暂存区、远程仓库git命令上传到github步骤git init：初始化 .git 文件git add . 把需提交的文件放到暂存区git commit -m ‘介绍’：把暂存区文件提交到main分支git branch -M main：分支命名git remote add origin https://github.com/k1520/trave
2021-01-28 23:18:14
47
原创 javascript进阶
文章目录Dom属性的分类布尔属性javascript事件详解事件类型正则表达式Dom属性的分类1.浏览器已经绑定的属性叫固有属性（property）自定义属性（attribute）不能通过 . 来调用相关属性和方法attributes属性返回指定节点的属性集合getNamedItem()方法可返回指定的属性节点nodeValue访问属性的值调用attributes下的removeNamedItem()方法可删除元素属性attributes['url'].nodeValue /
2021-01-28 23:17:36
150
原创 node.js学习笔记
文章目录node.js应用组成部分创建服务器npmPackage.json 属性说明NPM版本号REPL (交互式解析器)Node.js文件系统EventEmitter类exports 和 mudule.exports的使用区别node.js全局对象processNode.js工具模块node.js应用组成部分引入required模块： 我们可以使用 require 指令来载入 Node.js 模块。创建服务器： 服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。
2021-01-28 23:16:46
128
原创 去哪儿项目笔记
文章目录笔记基础知识多页应用单页应用组件name值作用>>>功能给图片预留高度实现图标分页(根据key)搜索框字符检索js节流器使用better-scroll^[better-scroll默认是不能点击，需在创建实例时设置]scrollToElement^[scrollToElement()参数需是dom元素或dom选择器]跳转对应内容页面拖动导航条渐隐渐显效果递归组件实现二级列表设置别名笔记基础知识template只向外暴露一个接口显示的是当前路由地址对应的内容使用包裹动态组
2021-01-28 23:08:41
131
原创 React学习笔记
文章目录零碎知识JSX语法this指向组件间传值ref位置特性生命周期函数路由数据遍历输入内容react 基于数据驱动的框架，操作数据声明式开发可以和其他框架并存组件化单向数据流函数式编程零碎知识Fragment组件具有占位符作用import React, { Component } from ‘react’import React form 'react'const { Component } = React // 解构赋值const Component
2021-01-28 23:03:19
130
原创 Vue基础-学习笔记
文章目录MVVM设计思想vue生命周期钩子详解击使用场景:模板语法computed、方法与watch样式渲染条件、列表渲染事件处理表单绑定使用组件细节点：非父子间传值/bus/开发订阅模式MVVM设计思想M（Model模型），其实就是我们用到的数据（data中的数据）。V（View视图），其实说白了就是我们所写的模板，本质来说呢就是DOM元素。VM（View-Model），就是实现控制逻辑，把以上两者结合在一起，比如说模型就提供数据，视图就提供页面的展示效果，然后VM实现控制逻辑，把两者结合在一起
2021-01-28 23:00:49
152
2
原创 Vuex学习笔记
文章目录Vuex是什么组件之间共享数据的方式使用 Vuex 统一管理状态的好处StateMutationActionGetter^[Getter 不会修改 Store 里面的源数据，它只起到一个包装数据的作用]Vuex是什么Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。Vuex主要是来实现数据共享的Vuex中的数据我们也可以叫做状态Vuex 它的本质就是来实现组件之间数据共享的一种方案组件之间共享数据的方式父向子传值：v-bind属性绑定子向
2021-01-28 22:59:53
53
原创 Es6学习笔记
文章目录let和const变量的解构赋值ES6扩展PromiseClasslet和constlet和var的区别let声明的变量只在当前(块级)作用域内有效let声明的变量不能被重复声明不存在变量提升{} 内形成块级作用域在if和for语句中 {} 会形成块级作用域var obj = {}; 这种情况不能是块级作用域，而是对象const和var的区别var声明的是变量，而const声明的是常量常量必须在声明的时候赋值，++不能重复声明++当const为引用类
2021-01-28 22:58:29
72
1
原创 Sass学习笔记
文章目录条件控制语句内置对象条件控制语句if@if $type == 'tony' {} @else if $type == 'ruby' {}@else {}forfrom … through … 包含 … 包含 …from … to … 包含 … 不包含 …from … through length($list) 遍历数组while$k: 6;@while $k > 0 { .item#{$k} { height: 1px * $k; }
2021-01-28 22:57:20
77
转载 react常见面试题及答案
1.当你调用 setState 的时候，发生了什么事？答案：将传递给 setState 的对象合并到组件的当前状态，这将启动一个和解的过程，构建一个新的 react 元素树，与上一个元素树进行对比（ diff ），从而进行最小化的重渲染。参与互动2.React 项目用过什么脚手架（本题是开放性题目）答案：creat-react-app Yeoman umi.js 等参与互动3.什么时候在功能组件( Functional Component )上使用类组件( Class Component )
2021-01-24 23:27:53
2882
转载 html常见面试题及答案
1.简述一下你对 HTML 语义化的理解？答案：①用正确的标签做正确的事情。②html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的;③ 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重，利于 SEO;④ 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。参与互动2.Label 的作用是什么？是怎么用的？答案：label 标签来定义表单控制间的关系,当用户选择该标签时，浏览
2021-01-24 23:27:13
19280
原创 require引入图片报错net::ERR_FILE_NOT_FOUND
今晚用webpack配置图片加载，配置成功了但图片却没有显示出来终端提示 引入资源路径有误回到代码仔细检查了也没有错在网上查阅了资料，才发现了 原因：用require导入图片，require接收的数据是module.exports，而在es6中的环境默认是export default。require是commonJS的模块导入方式，不支持模块的默认导出。因此导入的结果其实是一个含default属性的对象解决：require()后添加default属性...
2021-01-24 23:00:58
1436
原创 Refusing to install package with name “webpack“ under a package
安装webpack时报以下错误原因： 使用npm init -y初始化项目时，把package.json的name设置成了 webpack，name属性值与要安装的webpack起冲突了这时候我们只需更改name属性值，只要不是webpack即可再次执行命令安装webpack ，即可成功安装...
2021-01-24 12:51:00
95
转载 node.js如何下载指定版本
浏览了一下nodejs的官网，但是官网没有下载低版本的下载地址，所以找了一个可以下载指定版本node的下载地址https://nodejs.org/download/release/v8.9.4/
2021-01-24 11:33:21
3175
转载 angular常见面试题及答案
1.angular 的数据绑定采用什么机制？详述原理答案：脏检查机制。解析：双向数据绑定是 AngularJS 的核心机制之一。当 view 中有任何数据变化时，会更新到 model ，当 model 中数据有变化时，view 也会同步更新，显然，这需要一个监控。原理就是，Angular 在 scope 模型上设置了一个监听队列，用来监听数据变化并更新 view 。每次绑定一个东西到 view 上时 AngularJS 就会往 $watch 队列里插入一条 $watch ，用来检测它监视的 mode
2021-01-24 10:15:02
13516
1
转载 微信小程序常见面试题及答案
1、简单描述下微信小程序的相关文件类型？答案：微信小程序项目结构主要有四个文件类型,如下一、WXML （WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。二、WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式，三、js 逻辑处理，网络请求四、json 小程序设置，如页面注册，页面标题及tabBar。2、你是怎么封装微信小程序的数据请求的？答案：
2021-01-24 10:14:25
13504
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人