- 博客(24)
- 收藏
- 关注
原创 git常用命令的使用
前言本文包括了git常用命令(个人)的使用和解释远程服务器:远程服务器远程仓库:远程服务器存放 项目代码 的地方远程分支:远程仓库对应的 git 分支本文假设你已经拥有 git 账号,拥有可用的 git 服务器git clonegit addgit commitgit remotegit pushgit pullgit fetchgit rebasegit cherry-pickgit checkoutgit branchgit submodulegit statusg
2021-11-11 15:19:13
1052
原创 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
522
原创 背景裁剪效果的文字(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
380
原创 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
5315
原创 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
1373
原创 背景移动视差的实现(html+css3+js)
需求想要实现这里 的背景视差 的效果鼠标滚动的时候背景跟着小幅移动网页、元素滚动的时候背景不会跟着一起滚动方法对于背景不跟着网页一起滚动,可以使用 css3 属性:background-attachment 来实现对于鼠标滚动时背景小幅移动则需要 js 介入过程html文件:<!DOCTYPE html><html lang="en"><head> ...... <title>视差页</title> <
2021-10-11 18:00:19
392
原创 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
260
原创 javaScript 实现简单的 双向映射 结构
前言双向映射在某些场景下可以用上,在使用之前,首先需要了解双向映射具有哪些功能eg:普通 的 Map 或者 Object 对象:key => value / key: value 可以取到值,但是 value => key/ value:key是不行的双向映射结构支持 key => value & value => key 的双向取值因此,当你需要通过一个 数据或者键名 获取到另一方的时候可以使用它,具体一点:A 需要一串 中文字符 来完成她负责的功能并最后将
2021-05-07 18:11:19
1734
原创 使用nodeJS中的WebSocket实现简单的聊天功能
思路整理webSocket是服务器向客户端发送信息的一种手段这里是 更多关于 webSocket 的内容如果想要了解更多关于 nodeJS 中的webSocket内容,点击这里开始之前,我们需要新建两个客户端和一个服务端,服务端负责保存与客户端的连接并且在双方都在线上之后传输双方的讯息客户端需要建立与服务器的连接然后通过指定方式声明自己的身份,然后开始 聊天服务端编写前要有 nodejs-websocket 包,可通过 npm i --save nodejs-websocket 安装大体步
2021-04-23 17:04:14
1121
原创 VUE render 函数中使用插槽、具名插槽与作用域插槽
1、Vue renderVue render是Vue在编译模板时的必经之路,通过 template 形式写出的模板最终会经由 render 函数渲染到dom上,正如 render 介绍所说的然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器如果你还不了解 render 函数的作用以及能力,建议你现在官网了解一下 :)Vue官网 render函数介绍2、slots如果你还不了解 slot 的作用以及能力,建议你现在官网了解一下 :)V
2021-03-08 14:45:30
7534
原创 使用箭头函数的注意事项
目录箭头函数基本使用箭头函数的特点没有单独的 this严格模式 下指向全局箭头函数不会绑定 arguments箭头函数于 new 一起使用会报错箭头函数没有 prototype 属性,不能使用 yield 关键词高级用法解析顺序结合三元运算符箭头函数内定义的变量及其作用域箭头函数使用闭包箭头函数使用递归箭头函数箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。基
2020-12-11 16:49:46
645
原创 如何用Vue在html文件中写入html
引言有时,在从后台拿到富文本的时候,这些文本都带有标签,直接把它作为文本写入会把标签也写进去。那么,可以通过html标签内的v-html来解决解决有一段文字text : '<p>奶油草莓~~~~~~真不错</p>'如果使用 {{ text }}显示结果为<p>奶油草莓~~~~~~真不错</p>使用<p v-html="text"></p>显示结果为奶油草莓~~~~~~真不错done...
2020-11-08 11:41:36
2856
原创 [Vue]highcharts:如何在数据更新后自动更新图表中的数据
引言highCharts需要一组数组来为图表的内容赋值,但是在大多数情况下,数据是需要实时更新与请求的。这时原来的图表就需要更新。在Vue中,数据更新会相应的触发重渲染,但是highChats并不会根据数据更新自动更新。我们让它自动更新的思路是:*watch观察者 —触发–> 更新数据 --然后–> 重绘步骤*先导入highChartimport Highcharts, { chart, Chart } from 'highcharts/highstock';import H
2020-10-30 14:27:49
3730
1
原创 JS中Promise对象的简单使用介绍
Promise对象Promise是处理异步编程的一种解决方案,但是相对于回调函数和事件,它的功能更为强大最早由社区提出,在es6中被加入,统一了标准语法Promise可以获取异步操作的消息,然后我们可以做进一步的处理promise的三种状态 Pending ------------------------------------------等待中 Fulfilled ----------------------------------------已执行 Rejected -----------
2020-09-08 16:01:13
546
原创 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
268
原创 JS中var、let、const的区别及使用
varvar是es5中声明变量的方式,它无需声明数据类型,而是根据所赋值的数据类型而改变自己的数据类型(重复声明不同的数据类型也可以改变原变量的数据类型),通过var声明的变量可以具有全局、方法作用域,并且var关键字会提升,即可以声明前调用下面通过代码可以更深入的理解var aconsole.log(a)a = 1console.log(a,"'s type is "+typeof(a))//控制台输出undefined1 's type is number//////////////
2020-09-04 15:05:14
269
原创 浏览器从输入url到显示html页面经历了什么
浏览器从输入url到显示html页面经历了那些输入url在浏览器输入url之后,浏览器首先会判断在地址栏中输入的信息到底是url还是关键字如果是关键字,那么浏览器会使用默认的搜索引擎搜索关键字,这和直接访问url的请求、响应过程一致,如果是url,那么浏览器则会准备开始进行下一步:判断时候访问DNS访问DNSDNS(域名服务器),浏览器在之前url的基础上判断,该地址是否含有域名如果有,则访问域名服务器,域名服务器中存放了各个域名对应的IP地址,浏览器在发出带有域名的请求后会收到带有IP的响应
2020-09-03 19:01:34
298
原创 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
3048
原创 简单使用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
693
原创 JS正则表达式基本语法与实例
匹配模式 i------------------------------------------------------------------ ignoreCase 忽略大小写 g------------------------------------------------------------------ global 全局匹配 m------------------------------------------------------------------ multiline 是否多行匹
2020-08-17 15:34:29
110
原创 js中的构造函数和原型
什么是构造函数、原型js中每个对象(object)都对应着一个构造函数(constructor)和原型(prototype),对象的实例可以通过原型链(prototype chain)使用该对象原型提供的方法。构造函数中有什么构造函数中有对象可以实现的方法,譬如Array对象中的isArray()、Of()等等,它们可以直接被对象调用,即Array.isArray(arr),但是不可以被实例直接调用,除了这个,构造函数中还有一个指向原型的prototype指针,这个指针声明了该对象对应的原型,同时为产
2020-08-16 20:13:30
380
原创 模拟js中Array对象的foreach方法
模拟js中Array对象的foreach方法 js中Array对象里的forEach方法用于遍历arr中的所有元素,利用回调函数完成遍历功能 代码: //在arr对象原型中新增一个 myForEach 方法 Array.prototype.myForEach=function(handler){ //handler是接受回调的函数 //遍历的方式不唯一,下面循环里i代表了索引,因此从0开始,this指向调用该方法的arr数组 for(var i=0; i < this.lengt
2020-08-14 09:53:20
307
原创 用一行JS代码完成阶乘的计算
主要思想:递归 + 三目运算符代码://定义函数用来计算阶乘,tar接受参数function fac(tar){ //三目运算符 条件?满足条件时返回的结果 : 不满足时返回的结果 return (tar === 1? 1: tar*arguments.callee(tar-1));}//打印出10的阶乘console.log(fac(10));...
2020-08-13 15:58:45
208
原创 LINUX下使用vi+node编写99乘法表
使用linux+node编写99乘法表99乘法表是学习js的基础练习之一,主要思想是利用两次**for循环**遍历**乘数**与**被乘数**然后显示结果即可。 首先进入自己账户的文件夹下新建并编辑新文件: `vi 9X9.js` 输入 i 进入编辑模式, 代码如下: for(var i = 1; i<=9 ; i++){ var res=""; for(var j = 1 ; j <=i ; j++){ res +=(i + " * " + j + "
2020-08-13 10:51:10
1319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人