前端
文章平均质量分 62
爱心天使的守护
今天也是充满希望的一天
展开
-
[swiper] swiper内容切换自己无感知
swiper 内容切换, swiper 无感知原创 2022-08-27 17:48:30 · 918 阅读 · 0 评论 -
[javascrip]构造树形数据实现
【js】树形结构模拟实现原创 2022-08-23 23:52:52 · 181 阅读 · 0 评论 -
[算法]数组给定长度的所有排列
数组固定长度的所有排列组合原创 2022-07-01 21:02:04 · 152 阅读 · 0 评论 -
[网络] 前端大文件上传
前端大文件切片上传简单 demo原创 2022-06-27 11:31:30 · 92 阅读 · 0 评论 -
[scss] 混合指令
scss 混合学习原创 2022-06-26 17:24:03 · 433 阅读 · 0 评论 -
[css] 盒子水平垂直居中
居中分 2 个方向,一个是水平方向,一个是垂直方向。水平方向居中很简单,有 2 种常见的方式:设置盒子 margin : 0 auto:这种居中方式的原理在于设置 margin-left 为 auto 时,margin-left 就会被设置为能有多大就设置多大,所以盒子会跑到最右边,而设置 margin-right 为 auto 时,同理盒子就会跑到最左边。所以,当我们设置左右的 margin 都是 auto 的时候,盒子就跑到了中间,从而形成了水平居中。第二种常见的方式就是通过 display : fle原创 2022-06-07 23:58:24 · 116 阅读 · 0 评论 -
[js]var, let,const 的区别
let、var、const 的区别声明变量关键字汇总在 JavaScript 中,一共存在 3 种声明变量的方式:varletconst之所以有 3 种方式,这是由于历史原因造成的。最初声明变量的关键字就是 var,但是为了解决作用域的问题,所以后面新增了 let 和 const 的方式。作用域首先我们来了解一下作用域。ES5 中的作用域有:全局作用域、函数作用域,ES6 中新增了块级作用域。块作用域由 { } 包括,if 语句和 for 语句里面的 { } 也属于块作用域。v原创 2022-05-30 23:55:06 · 77 阅读 · 0 评论 -
[electron] 基础学习
文章目录quick-start主进程和渲染进程主进程和渲染进程的区别app 模块BrowserWindow 模块loadFile 方法loadURL 方法frame 配置resizeable 配置maxWidth, maxHeight, minWidth, minHeightshow 配置ready-to-show 事件show 方法, 控制窗口的显示webReference 配置setBounds 方法maximize 方法进程通信主进程使用 ipcMain渲染进程使用 ipcRenderer系统托盘Me原创 2022-05-30 23:48:07 · 156 阅读 · 0 评论 -
[electron] 基础学习
文章目录quick-start主进程和渲染进程主进程和渲染进程的区别app 模块BrowserWindow 模块loadFile 方法loadURL 方法frame 配置resizeable 配置maxWidth, maxHeight, minWidth, minHeightshow 配置ready-to-show 事件show 方法, 控制窗口的显示webReference 配置setBounds 方法maximize 方法进程通信主进程使用 ipcMain渲染进程使用 ipcRenderer系统托盘Me原创 2022-05-29 19:56:30 · 397 阅读 · 0 评论 -
[网络]常见的请求方法
请求方法的本质请求方法是请求行中的第一个单词,它向服务器描述了客户端发出请求的动作类型。在 HTTP 协议中,不同的请求方法只是包含了不同的语义,但服务器和浏览器的一些约定俗成的行为造成了它们具体的区别fetch('https://www.baidu.com', { method: 'haha', // 告诉百度,我这次请求是来嘿嘿嘿的});上面的请求中,我们使用了自定义方法heiheihei。虽然百度服务器无法理解这样的请求是在干什么,但这样的请求也是可以正常发送到百度服务器的。在实践中,原创 2022-05-26 23:41:49 · 151 阅读 · 0 评论 -
[vue] v-model
v-modle定义v-model即可以作用于表单元素, 又可以作用于自定义事件, 无论哪一种情况, 它都是一个语法糖, 最终会生成一个属性和一个事件作用于表单元素当其作用于表单元素时,vue会根据作用的表单元素类型而生成合适的属性和事件。例如,作用于普通文本框的时候,它会生成value属性和input事件,而当其作用于单选框或多选框时,它会生成checked属性和change事件。作用于自定义组件v-model 也可以作用于自定义事件, 当其作用于自定义组件, 默认情况下, 它会生成一个valu原创 2022-05-19 13:10:46 · 144 阅读 · 0 评论 -
[js] js 对象的遍历方式
文章目录对象属性划分for ... inObject.keys()Object.getOwnPropertyNames()Object.getOwnPropertySymbols()Reflect.ownKeys()对象属性划分原型属性对象自身可枚举属性对象自身不可枚举属性Symbol 属性// 原型属性const obj = Object.create({ bar: 'bar',[Symbol('s1')]: 's1' });// 对象自身可枚举属性obj.foo = 'foo';原创 2022-05-18 21:12:31 · 157 阅读 · 0 评论 -
[vue] 组件通信
父子组件通信绝大部分 vue 本身提供的通信方式, 都是父子组件通信prop最常见的组件通信方式之一, 由父组件传递到子组件event最常见的通信方式之一, 当子组件发生了某些事, 可以通过 event 通知父组件// father.vue// 子组件传递多个参数// 父组件必须使用 arguments 来接收<template> <div class="app-container"> 123 <TestComp msg="hello原创 2022-05-17 23:28:26 · 203 阅读 · 0 评论 -
[js] Object 和 Map 的区别
ObjectObject 是最常用的一种引用类型数据, 用于存储键值对的集合, 在 ECMAScript 1st 添加的MapMap 是键值对集合, 采用 Hash 结构存储, 在 ECMAScript 2015 版本里添加为什么新增 Map 结构共同点键值对的动态集合, 支持增加和删除键值对// Object 定义const obj = { a: 1, b: 2};// 添加obj.c = 3;// 删除delete obj.c;// Map 定义cons原创 2022-05-16 21:57:13 · 154 阅读 · 0 评论 -
[HTML] 文档声明
文档声明概念HTML 文档通常以文档声明开始,该声明的作用是帮助浏览器确定其尝试解析和显示的 HTML 文档类型。<!DOCTYPE html>文档声明并非一个 HTML 标签。它是一条“信息”,告知浏览器期望的文档类型可以看点, HTML 班班从最开始到最新的 HTML5, 中间经历了许多版本。不同版本最显著的差别支持的 HTML 元素是不同的, 所以需要告诉浏览器以哪一种类型方式来解析这个 HTML 文件。最新的 HTML5 的文档声明。<!DOCTYPE html&原创 2022-05-09 00:06:11 · 745 阅读 · 0 评论 -
[微信小程序] app.json文件
小程序全局配置文件 app.json{ // 可以使用的页面路径配置 "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"dark", // "navigationBarBackgroundColor": "#000", // 顶部背景颜色 "navigationBarTitleText": "我的微信", // 顶部标题内容原创 2022-05-05 14:37:14 · 201 阅读 · 0 评论 -
[scss 样式重置] 定义工具样式类,快速开发项目
variabel.scss 定义项目中常用的颜色、字体大小及启动布局公共变量集合// colors$colors: ( "info": #4b67af, "primary": #db9e3f, "white": #fff, "light": #f9f9f9, "gray": #999, "gray-1": #666, "dark_1": #343440, "dark": #222, "black": #000, );$border-color: #d4d9de;$base-font-size: 1r原创 2022-05-05 12:51:53 · 513 阅读 · 0 评论 -
【vue-awesome-swiper 轮播图】
安装npm i vue-awesome-swiper#3.1.3组件在vue中全局引入import VueAwesomeSwiper from 'vue-awesome-swiper'// require stylesimport 'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper, /* { default global options } */ )在 Home.vue 组件中使用<template> <d原创 2022-05-05 12:33:49 · 631 阅读 · 0 评论 -
【js getter,setter 属性覆写导致的死循环】
let person = {};person.name = '王';console.log(person);Object.defineProperty(person, 'name', { get() { return person.name; }, set(val) { console.log('person name changed'); person.name = val; }, configurable:原创 2022-03-27 13:59:28 · 405 阅读 · 0 评论 -
CSS基础
CSS基础为网页添加样式h1{ color:red; background-color:lightblue; text-align:center;}CSS规则 = 选择器 + 声明块选择器选择器:选中元素ID选择器:选中对应ID值的元素 (选中范围太窄)元素选择器:选中页面中匹配的所有元素 (选中范围太宽)类选择器:选中类名相同的元素 (推荐使...原创 2020-01-18 08:47:53 · 386 阅读 · 0 评论 -
HTML核心
HTML核心文章目录HTML核心第一个网页注释元素元素的嵌套标准文档结构语义化什么是语义化为什么需要语义化?文本元素hpspan [无语义]preHTML实体a元素href属性target属性路径的写法站内资源和站外资源绝对路径和相对路径图片元素img元素和a元素联用和map元素和figure元素多媒体元素videoaudio关于兼容性列表元素有序列表无序列表定义列表第一个网页注释注释为代...原创 2019-11-23 13:54:43 · 441 阅读 · 0 评论 -
HTML和CSS概述
HTML 和 CSS 概述文章目录HTML 和 CSS 概述语言术语什么是HTML?什么是CSS?执行HTML CSS版本和兼容性语言语言: 沟通的工具。人和人沟通的语言: 自然语言任何计算机沟通的语言: 计算机语言HTML + css + javascript = 网页术语术语可以降低沟通成本鸡你太美: 形容对方篮球打得特别好web*互联网w3c*万维网联盟,非盈利性...原创 2019-11-17 15:02:49 · 197 阅读 · 0 评论