- 博客(969)
- 资源 (264)
- 收藏
- 关注
RSS订阅
原创 Lodash一个一致性、模块化、高性能的JavaScript实用工具库
Lodash通过降低array、number、objects、string等等的使用难度从而让JavaScript变得更简单。遍历array、object和string对值进行操作和检测创建符合功能的函数futil-js是一套用来补足lodash的实用工具集。
2022-07-25 22:27:22
773
原创 本地存储工具函数封装Cookie、localStorage、sessionStorage-值得收藏
工具函数封装localStorage 存储// 数据存储到本地缓存const localSet = (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 时间,默认存储1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 ...
2021-10-21 17:33:42
523
1
原创 Vue项目中如何快速上手Vuex状态管理--使用心得-值得珍藏
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的store 模式就足够您所需了。但是，如果您需要构建一个中大型单页应用，...
2021-05-18 10:50:37
1672
27
原创 Grid网格布局教程-语法篇
一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后.
2021-03-24 14:51:42
921
原创 使用Echarts柱形图属性解读大全
Echarts官网在这个官网中有详细教程以及API，很容易入手Echarts，从个人刚学习Echarts图表来看，它的难度在于它有自己的一套属性，这和我们平时用的css是不同的，因而我们需要什么效果就得去遵守它的属性对柱形图各部分分析:（重点）根据柱形每个部分的专业名称去寻找官网中的配置项手册对应的属性<!DOCTYPE html><html><head> <title>echarts</title><
2020-12-01 14:01:56
1873
原创 React学习笔记--进阶之路
react框架 *react是facebook内部的一个javascript类库，用于构建用户界面的 JavaScript 库react官网：https://react.docschina.org/react不是一个完整的MVC框架，最多可以认为是MVC中的V（View）react引入了虚拟DOM机制react引入了组件化思想react使用facebook专门为其开发的一套语法糖--jsx使用注意事项-jsx语法注意事项 jsx语法* 标签内容内属性 例如*
2020-08-12 16:47:19
467
1
原创 小程序学习笔记--进阶之路
微信公众平台宣传、自媒体性的的事情。提升自身或企业的影响力。也有一些个人和组织进行卖产品公众号分类订阅号订阅号：为媒体和个人提供一种新的信息传播方式，主要功能是在微信侧给用户传达资讯；（功能类似报纸杂志，提供新闻信息或娱乐趣事）适用人群：个人、媒体、企业、政府或其他组织。（哪些组织可以注册订阅号）群发次数：订阅号（认证用户、非认证用户）1天内可群发1条消息。服务号服务号：为企业和组织提供更强大的业务服务与用户管理能力，主要偏向服务类交互（功能类似12315，114，银行，
2020-07-06 23:05:31
1853
1
原创 ES5-ES6中数组方法使用详解
Array 对象属性constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。传统Array 对象方法toSource() 返回该对象的源代码。 toString() 把数组转换为字符串，并返回结果。 toLocaleString() 把数组转换为本地数组，并返回结果。 valueOf() 返回数组对象的原始值修改原数组 不修改原数组 push， pop concat
2020-06-11 23:02:46
961
2
原创 Flex弹性布局教程-语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，给出常见布局的 Flex 写法。网友为本文的所有示例制作了，也可以参考。和。
2020-06-05 13:06:14
1514
2
原创 Vue.js学习笔记--进阶之路
vue框架介绍框架，framework，是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现。vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架，作者是：尤雨溪vue有两大核心：数据驱动页面、组件化vue框架学习内容vue、vue-cli脚手架、vue-router路由、ui库、样
2020-06-01 22:23:36
886
原创 Node.js学习笔记--进阶之路
简介Node 是一个软件, 可以脱离浏览器, 独立执行JS文件Node实现了ECMAScript标准, 所以语言跟JavaScript基本一致 因为想成为全栈开发(前后端都可以的大拿) PHP等语言是阻塞的, 性能不如nodeJS node是事件驱动, 非阻塞的 Node中是大量的, 事件和回调函数 单线程（主线程单线程，后台I/O线程池） 跨平台 (Node软件可以安装在window系统/linux系统/mac系统/等等)安装Node...
2020-05-10 19:06:59
1522
原创 JS进阶学习之ES5-ES6
ES5补充拓展20200429ECMA介绍ECMA (欧洲计算机制造商协会) 这个组织的目标是评估、开发和认可计算机标准ECMA 发布 262 号标准文件（ECMA-262），规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScriptECMAScript5简介ECMAScript5, 就是ECMAScript的第五代标准, 也加ES5, 或者叫ESMAScrip...
2020-04-29 22:51:58
622
原创 CSS/jQuery基本选择器手册
CSS基本选择器选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素...
2020-04-26 09:11:56
360
原创 JavaScript学习笔记--进阶之路
了解js特性&事件使用202003161、JavaScript简介历史： 第一个浏览器 就是文本和图片网景公司 增强用户的使用体验 急需一门语言 实现用户和网页之间的交互诞生：为了实现用户和网页的交互而出现1、开发一门新语言2、使用已经成熟的语言（java<sun> python c ------） 这个时候使用的是java ---...
2020-03-16 20:25:33
1178
原创 前端高频面试题--持续随缘更新
目录1、简述的作用？2、常见的浏览器及其内核有哪些？3、常见的块级标签和行内标签分别有哪些？4、b 和 strong （i 和 em ）标签的区别？5、谈谈对语义化的理解？1、简述<!DOCTYPE>的作用？<!DOCTYPE>帮助浏览器正确地显示网页声明叫做文件类型定义（DTD），告诉浏览器这个文件的类型，让浏览器知道该用哪个规...
2020-02-10 18:50:22
680
原创 大前端学习笔记--持续随缘更新
目录0210--前端知识&HTML常用标签0210--前端知识&HTML常用标签1、浏览器及内核介绍：chrome谷歌： 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费Firefox火狐——Mozilla公司： 特点——非盈利、Gecko项目开源 内核——GeckoSafari苹果——苹果...
2020-02-10 13:55:24
953
6
原创 纯HTML个人简历模板代码
<html><body background=http://p1.so.qhmsg.com/t01ed5a885549b6bf3b.jpg><table border="1" align="center" cellpadding="10" width="800"><tr> <th colspan="7" bgcolor="B...
2019-08-23 16:37:02
142409
49
原创 在页面上画一个三角形然后点击内部触发事件
在上面的代码中，我们使用Canvas API绘制了一个三角形，并在其内部添加了事件监听器。当单击三角形时，我们将检查鼠标单击是否在三角形内，并在弹出窗口中显示消息。
2023-06-01 08:05:12
26
原创 事件循环-event loop
事件循环⼜叫做消息循环，是浏览器渲染主线程的⼯作⽅式。在 Chrome 的源码中，它开启⼀个不会结束的 for 循环，每次循环从消息 队列中取出第⼀个任务执⾏，⽽其他线程只需要在合适的时候将任务加⼊到 队列末尾即可。过去把消息队列简单分为宏队列和微队列，这种说法⽬前已⽆法满⾜复杂的 浏览器环境，取⽽代之的是⼀种更加灵活多变的处理⽅式。根据 W3C 官⽅的解释，每个任务有不同的类型，同类型的任务必须在同⼀ 个队列，不同的任务可以属于不同的队列。
2023-06-01 01:00:00
11
原创 web前端常见面试题
事件循环⼜叫做消息循环，是浏览器渲染主线程的⼯作⽅式。在 Chrome 的源码中，它开启⼀个不会结束的 for 循环，每次循环从消息 队列中取出第⼀个任务执⾏，⽽其他线程只需要在合适的时候将任务加⼊到 队列末尾即可。过去把消息队列简单分为宏队列和微队列，这种说法⽬前已⽆法满⾜复杂的 浏览器环境，取⽽代之的是⼀种更加灵活多变的处理⽅式。根据 W3C 官⽅的解释，每Promises是一种处理JavaScript异步代码的方式。它们允许您在异步操作完成后执行一些操作。
2023-05-31 11:19:50
125
原创 前端面试常见面试题
给定一个整数数组nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。ps: 注意这里的循环，外面一层表示第一个字符串中的第几个字符，里面一层表示第一个字符串和第几个字符串来比。解释：nums[0] + nums[1] == 9 ，返回 [0, 1]给定一个字符串 s ，请你找出其中不含有重复字符的最长子串的长度。输入: ["flower","flow","flight"]依次判断第一个字符串中的每一个字符是否与后面的相等。
2023-05-30 13:22:38
151
原创 用axios请求接口数据时，返回两层data数据-该如何优化呢？
在读取数据的时候还需要加一层data：response.data.data，有没有配置项直接让response返回data，而不用通过response.data去获取。配置axios才能让返回值直接能获取到data，而不是response.data.data。axios 拦截器中response配置返回“return res.data;默认请求接口获取response的返回结果。
2023-05-29 11:33:23
6
原创 JavaScript 中常用的深拷贝-案例
这意味着当你更改副本对象中的属性时，原始对象的属性不会发生更改。常见的深拷贝方法有：JSON.parse(JSON.stringify())、 Lodash库的_.cloneDeep()等。这意味着当你更改副本对象中的属性时，原始对象的属性也会发生更改。常见的浅拷贝方法有：Object.assign()、扩展运算符(...)、Array.concat()等。JavaScript 中的“深拷贝”和“浅拷贝”都是指在对象和数组拷贝时，对于其内部的元素或属性的处理方式不同。
2023-05-26 12:51:25
14
原创 认识Vue中组件利器-插槽Slot-案例介绍
一. 插槽的使用1.1. 认识插槽slot在开发中，我们会经常封装一个个可复用的组件： 前面我们会通过props传递给组件一些数据，让组件来进行展示； 但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素； 比如某种情况下我们使用组件希望组件显示的是一个按钮，某种情况下我们使用组件希望显示的是一张图片； 我们应该让使用者可以决定某一块区域到底存放什么内容； 举个栗子：假如我们定制一个通用的导航组件 - NavBa
2023-05-25 22:40:09
728
原创 Vue中组件之间通信的-六大方式-总结
方式一：props/$emit父组件向子组件传值通过一个例子，说明父组件如何向子组件传递值：在子组件Users.vue中如何获取父组件App.vue中的数据users:["Henry","Bucky","Emily"]注：父组件通过props向下传递数据给子组件。注：组件中的数据共有三种形式：data、props、computed//App.vue父组件<template> <div id="app"> <users v-bind:user.
2023-05-12 14:21:41
1211
1
原创 Vue父组件生命周期和子组件生命周期触发顺序
beforeCreate：实例创建前执行。el 和 data 都为 undefined，还未初始化。methods、computed 以及 watch 上的数据或方法均不能被访问。created：实例初始化完成后执行。页面还没开始渲染，不可访问 DOM 节点。el 仍然为 undefined。但可以操作 data 与 methods 等。可以做一些初始数据的获取，在当前阶段无法与 DOM 进行交互，如果需要，可以通过 $nextTick 来访问 DOM。beforeMount：挂载前执行。
2023-04-26 21:03:59
485
1
原创 微信小程序video标签如何在其他视频播放时让另一个视频暂停播放-demo
一个页面同时有很多视频播放，当用户点击一个视频后，开始播放视频，当点击另一个视频后，暂停前一个播放视频，让当前页面只有一个视频处于播放状态。播放视频时，先判断当前是否有视频正在播放，如果没有，则播放，如果有，则暂停其他视频，再播放当前视频。
2023-04-24 19:53:41
44
原创 JavaScript中编码和解码-encodeURIComponent和decodeURIComponent||decodeURI和encodeURI
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。
2023-04-18 08:34:41
517
原创 min-aspect-ratio和max-aspect-ratio宽高比自适应布局
首先，移动端的适配，还是要先做好的，不管你是使用rem布局，还是使用media进行适配布局（只是单纯的宽度上），布局好了，这里只是宽度自适应了，如果是流式布局的话，这样就已经足够了，对于我们这里的单屏布局，就略显不足了。所以这里就要用的：device-aspect-ratio和aspect-ratio了。一个一个的来说吧。device-aspect-ratiodevice-aspect-ratio 定义输出设备的屏幕可见宽度与高度的比率。前缀是device，也能证明，这个属性是按照设
2023-03-27 09:51:11
260
原创 详解以太坊
以太坊原理以太坊通过建立终极的抽象的基础层-内置有图灵完备编程语言的区块链-使得任何人都能够创建合约和去中心化应用，并在其中设立他们自由定义的所有权规则、交易方式和状态转换函数。图灵完备：能够运行非常复杂的运算，最简单的理解是它支持循环的操作，而比特币的验证是不支持循环的。以太坊虚拟机（EVM）是以太坊中智能合约的运行环境。它不仅被沙箱封装起来，事实上它被完全隔离，也就是说运行在EVM内部的代码不能接触到网络、文件系统或者其它进程。甚至智能合约与其它智能合约只有有限的接触。对比比特币
2023-03-20 22:43:49
1762
10
原创 WIF私钥
公钥一般来说是椭圆曲线上的x,y坐标拼接在一起的。压缩的公钥其实就是x的坐标,因为有了椭圆曲线还有x，顺理成章就可以求出yWIF私钥的生成逻辑如下图version我们这里设置为16进制的80 如果privateKey对应的公钥是被压缩过的，那么privateKey后面要加上16进制的01 区块链中privateKey为32个字节(256位)func generatePrivateKey(hexprivatekey string,compressed bool) []byte{ .
2023-03-16 14:52:29
95
原创 区块链基本原理
区块链的起源创始者介绍姓名：中本聪（英语：SatoshiNakamoto），自称日裔美国人，日本媒体常译为中本哲史，此名是比特币协议及其相关软件Bitcoin-Qt的创造者，但真实身份未知。中本聪于2008年发表了一篇名为《比特币：一种点对点式的电子现金系统》（Bitcoin: A Peer-to-Peer Electronic Cash System）的论文，描述了一种被他称为“比特币”的电子货币及其算法。2009年，他发布了首个比特币软件，并正式启动了比特币金融系统。2009年1月3日
2023-03-07 09:00:16
1556
2
原创 数据签名-说明文档
图随机数字K用作临时私钥，进而生成临时公钥（与生成比特币公钥方式相同）。 R代表临时公钥x轴坐标k还是刚刚的临时私钥 dA代表签名私钥(不是刚刚的临时私钥) z是交易数据的hash值—>hash(交易数据) p是素数，椭圆曲线的主要顺序(这一点没有理清楚，待定)==R+S就是签名==package mainimport ( "crypto/ecdsa" "crypto/elliptic" "crypto/rand" "crypto
2023-02-27 23:09:50
75
原创 Merkle树
Merkle Tree，通常也被称作Hash Tree，顾名思义，就是存储hash值的一棵树。Merkle树是一种数据结构，Merkle树的叶子是数据块(例如，文件或者文件的集合)的hash值。非叶节点是其对应子节点串联字符串的hash。对于网站中的交易：https://www.blockchain.com/btc/block/000000000001741120135274584b2a0da45b39c8cc78322a14f9004ae766a8e0https://links.jiansh..
2023-02-17 22:44:01
115
原创 Docker中安装Nginx部署网页服务-过程
当然，我们这里可以先执行语句docker search nginx查询一下nginx镜像版本，然后指定版本，上面是直接默认最新。
2023-02-07 22:10:17
553
原创 如何让前端页面在浏览器当app安装网页应用PWA-web-app-manifest
PWA，即Progressive Web App, 是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。PWA本质上依然是一个Web AppWeb App Manifest，manifest 的目的是将Web应用程序安装到设备的主屏幕，为用户提供更快的访问和更丰富的体验。
2023-02-01 22:23:22
184
原创 Github-Action-Workflow-概念和基本操作
上面代码中，steps字段只包括一个步骤。该步骤先注入四个环境变量，然后执行一条 Bash 命令，当代码。除了代码库事件，GitHub Actions 也支持外部事件触发，或者定时运行。的运行步骤，可以包含一个或多个步骤。字段指定运行所需要的虚拟机环境。下的文件的配置字段非常多，详见官方文档。下面是一些基本字段。字段指定当前任务的依赖关系，即运行顺序。指定触发事件时，可以限定分支或标签。字段，表示要执行的一项或多项任务。on字段也可以是事件的数组。文件，就会自动运行该文件。的条件，通常是某些事件。
2023-01-10 21:22:45
497
两句css代码实现全屏滚动效果.zip
2023-04-03
微信小程序video标签如何在其他视频播放时让另一个视频暂停播放-demo
2023-03-29
Vue海报二维码组合图片生成和下载-qrcodejs2-html2canvas
2022-05-08
js时间对象实现倒计时效果(可设置倒计时开始时间)
2020-03-30
C语言复习资料.docx
2020-03-08
Linux系统下Oracle11g静默安装完整详解版.docx
2019-08-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人