随笔分类 -  前端技术栈

摘要:# history对象 在JavaScript中,window对象通过histor对象提供对浏览器的会话历史记录的访问 并且从HTML5开始,提供了对history栈中内容的操作 # history对象的方法和属性 跳转页面: history.back():后退 history.forward(): 阅读全文
posted @ 2020-03-07 23:30 IslandZzzz
摘要:媒体查询,语法如下,示例:当屏幕大于600小于900时样式生效: @media screen and (min-width:600px) and (max-width:900px) { body { background-color: red; } } 文本和字体: @font-face{ font 阅读全文
posted @ 2020-03-06 23:21 IslandZzzz 阅读(424) 评论(0) 推荐(0)
摘要:色彩渐变 div{ width: 200px; height: 200px; border-radius: 50%; /* 色彩到色彩渐变,默认从上到下 */ background: linear-gradient(#ff0000,#ffff00); /* 色彩渐变到什么方向,从左至右 */ bac 阅读全文
posted @ 2020-03-05 19:29 IslandZzzz 阅读(640) 评论(0) 推荐(0)
摘要:今天项目中,接收node服务器发送的数据完成页面渲染时,迟迟接收不到,Console栏里也没有报错信息,很是奇怪。于是开始和BUG的相爱相杀之旅。 1 首先打印服务器是否已经发送数据,发现数据已经发送出去,于是去检查客户端 2 查看客户端交互部分代码,如下: static readStateHand 阅读全文
posted @ 2020-02-29 14:42 IslandZzzz 阅读(599) 评论(0) 推荐(0)
摘要:功能:基于数组生成内容。动作:rollup、rolldown等 export default class SearchMenu { static searchList = [ { id: 1, head: "类<i></i>别", item: ["不限", "女戒", "花戒", "排戒"] }, 阅读全文
posted @ 2020-02-28 20:52 IslandZzzz 阅读(412) 评论(0) 推荐(0)
摘要:如何实现一个Promise 1 实现Promise构造函数 Promise自身包含一个状态属性PromiseStaus,一个异步结果属性PromiseResult 状态在pending、fulfilled、rejected之间枚举,改变状态的两个函数resolve、reject由Promise自身的 阅读全文
posted @ 2020-02-28 01:19 IslandZzzz 阅读(262) 评论(0) 推荐(0)
摘要:步骤: 安装依赖:npm i browser-sync --save-dev 导入browser-sync,通过create创建 设置Sass和Js任务,将其压缩重命名并引入页面,任务结束时reload服务 设置默认任务,此任务负责,初始化服务器,监视setJs和setCss的变化 var gulp 阅读全文
posted @ 2020-02-26 11:51 IslandZzzz 阅读(417) 评论(0) 推荐(0)
摘要:执行gulp 任务 gulp taskname (default任务不输入名称亦可:gulp) var gulp = require("gulp"); gulp.task("a",function(){ console.log("aaa"); }); gulp 前置任务 gulp.task(当前任务 阅读全文
posted @ 2020-02-25 20:57 IslandZzzz 阅读(448) 评论(0) 推荐(0)
摘要:gulp gulp是一个自动化工具,实际上是使用nodejs中的stream来处理的,因此加载的数据不是以文本的形式存在,而是以二进制流数据形式存在。被stream加载的内容除了除了文件,还包含有文件的地址、文件名等一系列相关信息。 常用于处理以下任务: 搭建web服务器 文件保存时自动重载浏览器 阅读全文
posted @ 2020-02-25 10:11 IslandZzzz 阅读(127) 评论(0) 推荐(0)
摘要:1 找不到mysql模块 报错:Cannot find module 'mysql' 处理:npm install mysql 2 建立了多次连接 报错:Cannot enqueue Handshake after already enqueuing a Handshake 处理:已经连接,不必多次 阅读全文
posted @ 2020-02-25 09:17 IslandZzzz 阅读(540) 评论(0) 推荐(0)
摘要:Sass 基于ruby的一种将脚本解析成CSS的脚本语言。也可以说是一种预处理语言。 Sass在css的语法基础上增加了变量、嵌套、混合、继承、导入等高级功能。 使用Sass与Sass样式库(如compass)有助于更好地管理样式文件,更高效开发项目。 sass不适用花括号和分号,不被广为接受 而s 阅读全文
posted @ 2020-02-24 22:21 IslandZzzz 阅读(2998) 评论(0) 推荐(0)
摘要:ES5类 原型 原型链 继承 JavaScript中,原型是相对于构造函数(类)的叫法(或者说概念),原型链是相对于构造函数(类)的实例对象的叫法。 对于JavaScript对象,如果在对象自身上找不到该属性,那么就会向上沿着原型链继续查找该属性 创建一个ES5类 在ES5中,类由函数名首字母大写的 阅读全文
posted @ 2020-02-23 17:29 IslandZzzz 阅读(782) 评论(0) 推荐(0)
摘要:对象的创建: 1 字面量创建 var obj = {a:1,b:2}; 2 构造函数创建 var obj = new Object(); obj.a = 1; obj.b = 2; 3 Object.create(targetObj):根据已有对象创建 使用已有对象提供新对象的原型链,现有对象会将t 阅读全文
posted @ 2020-02-22 18:57 IslandZzzz 阅读(368) 评论(0) 推荐(0)
摘要:防抖Debounce 为了防止事件在较短时间内连续触发从而引起对应的事件函数不必要的连续执行的事件处理机制。 一旦开始触发事件,Throttle保证了每个时间段内事件函数至少执行一次,Debounce则没有这样的保证。 防抖 debounce 在一定时间间隔内,事件函数被触发多次,但只执行最后一次。 阅读全文
posted @ 2020-02-21 21:00 IslandZzzz 阅读(206) 评论(0) 推荐(0)
摘要:1 js 几种 for 循环的区别 测试 loop 类型: for forEach forOf forin forof Object.keys 测试维度: 1. 是否可访问非索引的属性 2. 是否会访问到empty元素 3. 是否可中断循环 4. 是否可访问原型属性 5. 是否可访问不可枚举属性 6 阅读全文
posted @ 2020-02-21 15:22 IslandZzzz
摘要:单例模式: 要求一个类只有一个实例化对象存在 这个实例化对象必须提供一个全局对外访问方式 这个实例化对象应当是私有的,不能被外界直接访问或者更改 方式1 get实现 唯一实例化:判断这个对象是否存在,如果存在就返回,不再创建 全局访问:静态 私有:get只读,没有set,只读不写 export de 阅读全文
posted @ 2020-02-21 00:10 IslandZzzz 阅读(1284) 评论(0) 推荐(0)
摘要:递归遍历: 基本问题: 当前属性值不为对象时,打印键和值 递归过程:当前属性值为对象时,打印键,继续递归 var o = { a: { b: { c: { d: { e: { f: 1, g:{ h:2 } } } } } } }; function printObjRec(obj) { for ( 阅读全文
posted @ 2020-02-20 00:46 IslandZzzz 阅读(2178) 评论(0) 推荐(0)
摘要:闭包: 1 函数内声明了一个函数,并且将这个函数内部的函数返回到全局 2 将这个返回到全局的函数内中的函数存储到全局变量中 3 内部的函数调用了外部函数中的局部变量 闭包简述: 有权访问另一个函数局部作用域中的变量的函数 闭包清除: 将存储该内部函数的全局变量赋值为null,此时内部函数没有被引用, 阅读全文
posted @ 2020-02-19 22:32 IslandZzzz 阅读(361) 评论(0) 推荐(1)
摘要:/* 实现一颗树 结点类:Tree 包含左子树left,右子树right,根节点root,缺省为null 构造设置value 树类:Trees 构造:默认根节点为null insert: 如果当前根节点不存在,则将传进来的节点存为根节点 如果当前根节点存在,执行InsertTree insertTr 阅读全文
posted @ 2020-02-19 20:32 IslandZzzz 阅读(204) 评论(0) 推荐(0)