正在加载……
专注、离线、切勿分心
posts - 379,comments - 9,views - 26万

随笔分类 -  前端

实现一个简单 Vue ,能实现单页面,简单的数据双向数据绑定
摘要:Vue响应式原理 Vue响应式的原理(数据改变界面就会改变),实时监听数据变化,一旦数据发生变化就更新界面。Vue是通过原生JS的**defineProperty**方法来如何实现实时监听数据变化。 defineProperty // 可以直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 阅读全文
posted @ 2021-07-29 11:11 正在加载…… 阅读(460) 评论(0) 推荐(0) 编辑
Vue3 写法入门
摘要:Vue3.0 亮点 Performance:性能比Vue 2.x快1.2~2倍 Tree shaking support:按需编译,体积比Vue2.x更小 Composition API: 组合API(类似React Hooks) Better TypeScript support:更好的 Ts 支 阅读全文
posted @ 2021-07-29 11:01 正在加载…… 阅读(2287) 评论(0) 推荐(2) 编辑
Canvas入门
摘要:Canvas **Canvas是H5新增的一个标签,我们可以通过JS在这个标签上绘制各种图案,Canvas**拥有多种绘制路径、矩形、圆形、字符以及图片的方法。 canvas标签有默认的宽度和高度, 默认的宽度是300px, 默认的高度是150px。 // 在body中创建一个canvas标签 <c 阅读全文
posted @ 2021-07-28 20:02 正在加载…… 阅读(237) 评论(0) 推荐(0) 编辑
写一个Promise实现
摘要:promise ​ promise是ES6中新增的异步编程解决方案, 在代码中的表现是一个对象。通过Promise就可以实现用同步的流程来表示异步的操作,通过Promise就可以避免回调函数层层嵌套(回调地狱)问题。 new Promise(function(resolve, reject){}); 阅读全文
posted @ 2021-07-28 19:43 正在加载…… 阅读(138) 评论(0) 推荐(0) 编辑
前端中的网络编程相关知识点
摘要:数据缓存 SessionStorage LocalStorage 和Cookie一样, SessionStorage和LocalStorage也是用于存储网页中的数据的。 Cookie、 SessionStorage、LocalStorage区别: 生命周期(同一浏览器下): Cookie生命周期: 阅读全文
posted @ 2021-07-28 19:42 正在加载…… 阅读(114) 评论(0) 推荐(0) 编辑
手写一个简易版的Vuex,能实现基本功能
摘要:Vuex特点 使用**Vuex的时候需要用到Vue的use方法,use方法是用于注册插件的,所以Vuex的本质就是一个插件,所以实现Vuex**就是在实现一个全局共享数据的插件。 在使用**Vuex的时候我们会通过Vuex.Store创建一个仓库,所以还需要在Vuex中新增Store**属性, 这个 阅读全文
posted @ 2021-07-11 22:43 正在加载…… 阅读(192) 评论(0) 推荐(0) 编辑
手写一个简易版的Vue-Router,包含VueRouter的基本功能
摘要:Vue-Router本质 根据"不同的hash值"或者"不同的路径地址", 将不同的内容渲染到router-view中,所以实现VueRouter的核心关键点就在于如何监听'hash'或'路径'的变化, 再将不同的内容写到router-view中。 window.addEventListener(' 阅读全文
posted @ 2021-07-11 22:18 正在加载…… 阅读(142) 评论(0) 推荐(0) 编辑
手写一个简易版的webpack
摘要:AST抽象语法树 AST是Abstract Syntax Tree的缩写既"抽象语法树"它以树状的形式表现编程语言的语法结构。在线生成: https://astexplorer.net/ https://github.com/jamiebuilds/babel-handbook/blob/maste 阅读全文
posted @ 2021-07-11 12:01 正在加载…… 阅读(151) 评论(0) 推荐(0) 编辑
BOM && DOM常用操作
摘要:window window:是一个全局对象,代表浏览器中一个打开的窗口,每个窗口都是一个window对象。 document document是window的一个属性,这个属性是一个对象;document代表当前窗口中的整个网页;document对象保存了网页上所有的内容,通过document对象就 阅读全文
posted @ 2021-06-20 00:37 正在加载…… 阅读(137) 评论(0) 推荐(0) 编辑
ECMAScript学习笔记
摘要:数组 splice // 参数1: 从什么位置开始, 参数2: 需要替换多少个元素, 参数3开始: 新的内容 let arr = ["a", "b", "c"]; let arrtmp = arr.splice(1, 2, "d", "e"); arrtmp = ["b", "c"] arr = [ 阅读全文
posted @ 2021-06-20 00:35 正在加载…… 阅读(85) 评论(0) 推荐(0) 编辑
移动端适配
摘要:移动web开发常见单位 1.什么是像素(Pixel)? ​ 在前端开发中视口的水平方向和垂直方向是由很多小方格组成的,一个小方格就是一个像素;例如div尺寸是100 x 100,那么水平方向就占用100个小方格,垂直方向就占用100个小方格。 2.像素特点 ​ 不会随着视口大小的变化而变化, 像素是 阅读全文
posted @ 2021-06-20 00:30 正在加载…… 阅读(93) 评论(0) 推荐(0) 编辑
webpack 常用基本配置
摘要:什么是webpack? webpack是一套基于NodeJS的"模块打包工具",在webpack刚推出的时候就是一个单纯的JS模块打包工具,可以将多个模块的JS文件合并打包到一个文件中。但是随着时间的推移、众多开发者的追捧和众多开发者的贡献,现在webpack不仅仅能够打包JS模块, 还可以打包CS 阅读全文
posted @ 2021-06-16 00:03 正在加载…… 阅读(532) 评论(0) 推荐(1) 编辑
docker安装指定版本的mysql
摘要:为了在一台电脑上安装多个版本的mysql,可以借助docker来实现。 docker docker下载安装 https://docs.docker.com/ // 终端查看docker是否安装成功 > docker -v Docker version 20.10.5, build 55c4c8 安装 阅读全文
posted @ 2021-06-15 22:36 正在加载…… 阅读(2242) 评论(0) 推荐(0) 编辑
LESS 语法基本概念
摘要:less **less(Leaner Style Sheets)**是一门 CSS 预处理语言,为CSS赋予了动态语言的特征。它扩展了 CSS 语言,增加了变量、Mixin(混合)、嵌套、函数和运算等特性,使 CSS 更易维护和扩展。用类似JS的语法去写CSS。 CSS预处理器 CSS 预处理器就是 阅读全文
posted @ 2021-06-15 21:05 正在加载…… 阅读(334) 评论(0) 推荐(0) 编辑
SASS 语法基本概念
摘要:SASS SASS (Syntactically Awesome Stylesheets Sass) SASS是一套利用Ruby实现的,最早最成熟的CSS预处理器,诞生于2007年。它扩展了 CSS 语言,增加了变量、Mixin(混合)、嵌套函数和运算等特性,使 CSS 更易维护和扩展。 ​ LES 阅读全文
posted @ 2021-06-15 21:02 正在加载…… 阅读(141) 评论(0) 推荐(0) 编辑
前端基础知识点
摘要:浏览器的高层结构 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外,其他显示的各个部分都属于用户界面。 浏览器引擎 - 在用户界面和呈现引擎之间传送指令。 呈现引擎 - 负责显示请求的内容。如果请求的内容是 HTML,它就负责解析 HTML 和 CSS 内容 阅读全文
posted @ 2021-06-14 23:10 正在加载…… 阅读(363) 评论(0) 推荐(0) 编辑
Vue基础入门
摘要:Vue基本模板 Vue.js 是一套构建用户界面的**框架,它不仅易于上手,还可以与其它第三方库整合(Swiper、IScroll、...)。 框架:是一套完整的解决方案;对项目的侵入性**较大,项目如果需要更换框架,则需要重构整个项目。 库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库 阅读全文
posted @ 2021-06-14 14:33 正在加载…… 阅读(187) 评论(0) 推荐(0) 编辑
TypeScript基本概念
摘要:TypeScript **TypeScript**简称TS,TS和JS之间的关系其实就是Less/Sass和CSS之间的关系,就像Less/Sass是对CSS进行扩展一样,TS也是对JS进行扩展,就像Less/Sass最终会转换成CSS一样,我们编写好的TS代码最终也会换成JS。 因为JavaScr 阅读全文
posted @ 2021-06-14 14:22 正在加载…… 阅读(363) 评论(0) 推荐(0) 编辑

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示