sk1tlz-优快云博客

原创 git常用命令的使用

前言本文包括了git常用命令(个人)的使用和解释远程服务器：远程服务器远程仓库：远程服务器存放项目代码的地方远程分支：远程仓库对应的 git 分支本文假设你已经拥有 git 账号，拥有可用的 git 服务器 git clone git add git commit git remote git push git pull git fetch git rebase git cherry-pick git checkout git branch git submodule git status g

2021-11-11 15:19:13 1255

原创 Promisify的简要实现

用例将一个使用回调函数实现异步操作的方法Promisify后，可以使用.then来管理回调 function timer(timeout, callback) { setTimeout(callback, timeout) } // 延迟指定的时间后调用 callback 函数 // 回调方式使用 timer(1000, () => { console.log('after 1000ms') }) // promisify方式使用 const newTimer = promisify(time

2021-11-03 15:56:25 609

原创背景裁剪效果的文字(background-clip: text)

主要css属性 background-clip: text | border-box | padding-box | content-box 效果实现 html <div class="text-wrapper"> <h1 class="cliped-text">background-clip: text</h1> <h1 class="cliped-text fixed-text"> background-clip: text<br

2021-10-21 17:24:21 548

原创 js实现数字滚动显示(最短滚动版)

前言标题解释：数字滚动：数字 0 变为 5，显示该数字的元素向上滚动最后显示 5 最短滚动：数字 9 变为 1，向下滚动依次显示 9 - 0 - 1 如果这是你需要的‘组件’，那就继续吧！需求存在两个数字 start、end，需要实现一个类似滚轮滚动的效果，由 start 滚动到 end，其中，每次滚动都需要以尽量少的次数滚动例如：9 - 1 ==> 9 - 0 - 1; 2 - 0; 2 - 1 - 0 实现首先，一步步的来，我们先实现滚动效果，暂不考虑最短滚动先来一个窗口用来

2021-10-20 17:23:43 5674

原创 css毛玻璃效果

css毛玻璃 css毛玻璃的主要属性是： filter： blur() css实现 html 内容如下： <body> <main> <div class="card"> <h1>标题</h1> <div>内容</div> </div> </main> </body> 接下来向 main 标签添加背景图片，同时向 card 添加一个 blu

2021-10-13 13:39:54 1718

原创背景移动视差的实现（html+css3+js）

需求想要实现这里的背景视差的效果鼠标滚动的时候背景跟着小幅移动网页、元素滚动的时候背景不会跟着一起滚动方法对于背景不跟着网页一起滚动，可以使用 css3 属性：background-attachment 来实现对于鼠标滚动时背景小幅移动则需要 js 介入过程 html文件： <!DOCTYPE html> <html lang="en"> <head> ...... <title>视差页</title> <

2021-10-11 18:00:19 508

原创 javascript实现最大子序和(动态规划)

动态规划动态规划（Dynamic Programming，DP）是运筹学的一个分支，是求解决策过程最优化的过程。抽象地说，动态规划将计算一个问题的重复的计算部分存储起来，下一次计算这部分的时候可以跳过计算，用空间换取时间。例如：1+1+1+1 = 4；1+1+1+1+1 = 4+1 = 5 如何理解动态规划暴力解法题目：给定一个整数数组 nums ，找到一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。输入：nums = [-2,1,-3,4,-1,2,1,-5,4] 输出：

2021-09-07 14:07:55 376

原创 javaScript 实现简单的双向映射结构

前言双向映射在某些场景下可以用上，在使用之前，首先需要了解双向映射具有哪些功能 eg：普通的 Map 或者 Object 对象： key => value / key: value 可以取到值,但是 value => key/ value:key是不行的双向映射结构支持 key => value & value => key 的双向取值因此，当你需要通过一个数据或者键名获取到另一方的时候可以使用它，具体一点： A 需要一串中文字符来完成她负责的功能并最后将

2021-05-07 18:11:19 2022

原创使用nodeJS中的WebSocket实现简单的聊天功能

思路整理 webSocket是服务器向客户端发送信息的一种手段这里是更多关于 webSocket 的内容如果想要了解更多关于 nodeJS 中的webSocket内容，点击这里开始之前，我们需要新建两个客户端和一个服务端，服务端负责保存与客户端的连接并且在双方都在线上之后传输双方的讯息客户端需要建立与服务器的连接然后通过指定方式声明自己的身份，然后开始聊天服务端编写前要有 nodejs-websocket 包,可通过 npm i --save nodejs-websocket 安装大体步

2021-04-23 17:04:14 1241

原创 VUE render 函数中使用插槽、具名插槽与作用域插槽

1、Vue render Vue render是Vue在编译模板时的必经之路，通过 template 形式写出的模板最终会经由 render 函数渲染到dom上，正如 render 介绍所说的然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器如果你还不了解 render 函数的作用以及能力，建议你现在官网了解一下：） Vue官网 render函数介绍 2、slots 如果你还不了解 slot 的作用以及能力，建议你现在官网了解一下：） V

2021-03-08 14:45:30 7987

原创使用箭头函数的注意事项

目录箭头函数基本使用箭头函数的特点没有单独的 this严格模式下指向全局箭头函数不会绑定 arguments箭头函数于 new 一起使用会报错箭头函数没有 prototype 属性，不能使用 yield 关键词高级用法解析顺序结合三元运算符箭头函数内定义的变量及其作用域箭头函数使用闭包箭头函数使用递归箭头函数箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。基

2020-12-11 16:49:46 761

原创如何用Vue在html文件中写入html

引言有时，在从后台拿到富文本的时候，这些文本都带有标签，直接把它作为文本写入会把标签也写进去。那么，可以通过html标签内的v-html来解决解决有一段文字text : '<p>奶油草莓~~~~~~真不错</p>' 如果使用 {{ text }} 显示结果为 <p>奶油草莓~~~~~~真不错</p> 使用<p v-html="text"></p> 显示结果为奶油草莓~~~~~~真不错 done ...

2020-11-08 11:41:36 2988

原创 [Vue]highcharts：如何在数据更新后自动更新图表中的数据

引言 highCharts需要一组数组来为图表的内容赋值，但是在大多数情况下，数据是需要实时更新与请求的。这时原来的图表就需要更新。在Vue中，数据更新会相应的触发重渲染，但是highChats并不会根据数据更新自动更新。我们让它自动更新的思路是： *watch观察者 —触发–> 更新数据 --然后–> 重绘步骤* 先导入highChart import Highcharts, { chart, Chart } from 'highcharts/highstock'; import H

2020-10-30 14:27:49 4009 1

原创 JS中Promise对象的简单使用介绍

Promise对象 Promise是处理异步编程的一种解决方案，但是相对于回调函数和事件，它的功能更为强大最早由社区提出，在es6中被加入，统一了标准语法 Promise可以获取异步操作的消息，然后我们可以做进一步的处理 promise的三种状态 Pending ------------------------------------------等待中 Fulfilled ----------------------------------------已执行 Rejected -----------

2020-09-08 16:01:13 638

原创 css如何通过布局实现盒子水平垂直居中

通过布局实现盒子垂直水平居中大致思想有两种通过POSITION定位布局实现通过DISPLAY:FLEX伸缩盒布局实现 Position .father{ height:100px; width:100px; position:relative; } .child{ height:10px; width:10px; position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; } 或者 .father{ height:1

2020-09-04 15:22:20 338

原创 JS中var、let、const的区别及使用

var var是es5中声明变量的方式，它无需声明数据类型，而是根据所赋值的数据类型而改变自己的数据类型（重复声明不同的数据类型也可以改变原变量的数据类型），通过var声明的变量可以具有全局、方法作用域，并且var关键字会提升，即可以声明前调用下面通过代码可以更深入的理解 var a console.log(a) a = 1 console.log(a,"'s type is "+typeof(a)) //控制台输出 undefined 1 's type is number //////////////

2020-09-04 15:05:14 339

原创浏览器从输入url到显示html页面经历了什么

浏览器从输入url到显示html页面经历了那些输入url 在浏览器输入url之后，浏览器首先会判断在地址栏中输入的信息到底是url还是关键字如果是关键字，那么浏览器会使用默认的搜索引擎搜索关键字，这和直接访问url的请求、响应过程一致，如果是url，那么浏览器则会准备开始进行下一步：判断时候访问DNS 访问DNS DNS（域名服务器），浏览器在之前url的基础上判断，该地址是否含有域名如果有，则访问域名服务器，域名服务器中存放了各个域名对应的IP地址，浏览器在发出带有域名的请求后会收到带有IP的响应

2020-09-03 19:01:34 373

原创 canvas的简单使用介绍以及简单应用canvas绘制按钮样式

canvas简单使用在使用canvas之前，我们需要了解canvas是什么画布 canvas是一个标签、容器，用来接受画布元素，其本身不能绘制图形，需要js绘制图形放入canvas中显示既然canvas是一个标签，那就意味着我们需要把canvas标签加入html中，我们在html里写一个canvas标签并设置宽高（canvas宽高通过属性设置而不是css样式），然后添加一个边框让它更显眼一点 <head> <meta charset="UTF-8"> <m

2020-08-26 19:08:18 3364

原创简单使用ajax发送、处理网络请求(接后台接口)

JS部分的代码（注释包括了发送请求的步骤和参数详情） var request = { //通过ajax方法处理网络请求并返回响应 //参数： method请求方法 --- POST或者GET // url请求地址，如果是get方法则需要自行把请求参数放在url后面，例如http://xxx.com/index/request.html?arg1=xxx&arg2=yyy // headers设置请求头，把请求头里的内容放在一个对象中由ajax方法遍历并设置 //

2020-08-25 11:06:30 807

原创 JS正则表达式基本语法与实例

匹配模式 i------------------------------------------------------------------ ignoreCase 忽略大小写 g------------------------------------------------------------------ global 全局匹配 m------------------------------------------------------------------ multiline 是否多行匹

2020-08-17 15:34:29 173

原创 js中的构造函数和原型

什么是构造函数、原型 js中每个对象(object)都对应着一个构造函数(constructor)和原型(prototype)，对象的实例可以通过原型链(prototype chain)使用该对象原型提供的方法。构造函数中有什么构造函数中有对象可以实现的方法，譬如Array对象中的isArray()、Of()等等，它们可以直接被对象调用，即Array.isArray(arr)，但是不可以被实例直接调用，除了这个，构造函数中还有一个指向原型的prototype指针，这个指针声明了该对象对应的原型，同时为产

2020-08-16 20:13:30 477

ruienger的博客