js
文章平均质量分 80
我们一起学前端
这个作者很懒,什么都没留下…
展开
-
国庆节怎么少得了国旗:国旗头像
合成后:原创 2022-10-05 09:31:53 · 333 阅读 · 0 评论 -
什么?你还不知道pinia
年龄+1年龄+1年龄+1原创 2022-10-05 09:24:01 · 578 阅读 · 0 评论 -
大文件分块上传实现
大文件上传原创 2022-09-15 23:18:20 · 551 阅读 · 0 评论 -
快来看看如何手动搭建自动化部署系统
视频教程:录制中,敬请期待一、前言你还在手动npm run build吗?你还在手动拷贝文件到服务器吗?你out了。你在手动打包手动部署的时候,我们在饮茶,抽烟、上厕所,因为已经有工具帮我们完成了你正在手动完成的工作。心动吗?赶紧上车吧!!!二、简介KubeSphere 是在目前主流容器调度平台 Kubernetes(k8s) 之上构建的企业级分布式多租户容器平台,提供简单易用的操作界面以及向导式操作方式,在降低用户使用容器调度平台学习成本的同时,极大减轻开发、测试、运维的日常工作的复杂度,旨在解决原创 2021-07-24 17:27:21 · 1863 阅读 · 1 评论 -
微信开发者工具一直提示没有绑定开发者
注意:不是绑定运营者,而是绑定开发者错误的绑定位置:正确的绑定位置:原创 2020-10-10 11:13:49 · 401 阅读 · 0 评论 -
使用微信的图片直接外链显示未经允许不能引用处理方案
第一: 在index.html的head标签中加入下面的meta<meta name="referrer" content="never">第二:将img标签的data-src改为src微信的img标签是这样的<img data-ratio="0.0671875" data-src="https://mmbiz.qpic.cn/mmbiz_gif/p43HmpBINH7wBPBuEzKEBxOfOxj1IWG64FMWjbWYfUb5Qr3lXnW5gf692t4IbxKxJ2v原创 2020-06-02 15:47:13 · 1835 阅读 · 1 评论 -
前端工具类汇总
一:时间格式化:util.dateFormat = function(date, fmt) { //日期格式化 var o = { "M+": date.getMonth() + 1, //月份 "d+": date.getDate(), //日 "h+": date.getHours(), //小时 "m+": date.getMinutes(), //分 "s+": date.getSeconds(), //秒原创 2020-06-01 15:45:38 · 263 阅读 · 0 评论 -
render函数手册篇
render函数是什么简单的说,在vue中我们使用模板HTML语法组建页面的,使用render函数我们可以用js语言来构建DOM因为vue是虚拟DOM,所以在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译的过程。当使用render函数描述虚拟DOM时,vue提供一个函数,这个函数是就构建虚拟DOM所需要的工具。官网上给他起了个名字叫...原创 2020-03-16 20:18:17 · 246 阅读 · 0 评论 -
常见设计模式
设计模式原创 2020-03-08 18:13:56 · 122 阅读 · 0 评论 -
常见的排序方法
123原创 2020-03-08 18:12:14 · 180 阅读 · 0 评论 -
计算机中的编码(Unicode,GBK,ASCII,utf8,utf16,ISO8859-1等)
作为一个程序员,一个中国的程序员,想来“乱码”问题基本上都遇到过,也为之头疼过。出现乱码问题的根本原因是编码与解码使用了不同而且不兼容的“标准”,在国内一般出现在中文的编解码过程中。我们平时常见的编码有Unicode,GBK,ASCII,utf8,utf16,ISO8859-1等,弄清这些编码之间的关系,就不难理解“乱码”出现的原因以及解决办法。所谓字符集编码其实就是将字符(包括英文字符、特殊...转载 2019-04-24 12:41:08 · 496 阅读 · 0 评论 -
使用ajaxSubmit上传文件总结
一、使用步骤①引入文件<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script><script type="text/javascript" src="js/jquery.form.js" ></script>②html部分A、写一个上传的按钮<d...原创 2019-05-31 09:05:59 · 5989 阅读 · 0 评论 -
鼠标点击事件设置的位置&元素位置操作以及尺寸操作
clientX/Y:clientX/Y获取到的是触发点相对浏览器可视区域左上角距离,不随页面滚动而改变兼容性:所有浏览器均支持pageX/Y:pageX/Y获取到的是触发点相对文档区域左上角距离,会随着页面滚动而改变设置让页面滚动,发现clientX与pageX的值不一样兼容性:除IE6/7/8不支持外,其余浏览器均支持。offsetX/Y:offsetX/Y获取到是触发点相对被触...转载 2019-06-12 14:26:09 · 2389 阅读 · 0 评论 -
选择器理解
第一组:①E必须是某个元素的子元素②E必须是父元素的所有元素中的第几个E:first-childE:last-childE:only-childE:nth-child(n)E:nth-last-child(n)第二组:①E必须是某个元素的子元素②E必须是父元素中所有E元素的第几个E:first-of-typeE:last-of-typeE:only-of-typeE:n...原创 2019-06-01 08:39:44 · 228 阅读 · 0 评论 -
yarn与npm
原创 2019-07-13 07:19:20 · 114 阅读 · 0 评论 -
jsonp
原创 2019-06-28 19:24:20 · 101 阅读 · 0 评论 -
delete方法(删除对象属性、变量)
删除全局/非全局定义的对象的属性obj = {a:1,b:2,c:3}delete obj.a console.log(obj) //Object {b: 2, c: 3}原创 2019-08-04 15:03:55 · 2120 阅读 · 0 评论 -
await,async,genertor,promise,回调,专题总结
待完成原创 2019-07-22 20:15:38 · 197 阅读 · 0 评论 -
moment使用总结
设定moment区域为中国//require 方式require('moment/locale/zh-cn')moment.locale('zh-cn'); //import 方式import 'moment/locale/zh-cn'moment.locale('zh-cn'); 1.取当天时间,以YYYY年MM月DD日形式显示var now=moment().format...转载 2019-09-16 15:32:35 · 2222 阅读 · 1 评论 -
vue深度作用域
<template> <div id="app"> <el-input v-model="text" class="text-box"></el-input> </div></template> <script>export default { name: 'App', data(...原创 2019-05-28 10:18:25 · 654 阅读 · 0 评论 -
汉诺塔问题
一段经典的递归代码:var hanoi=function(n,from,ass,to){ if(n>0){ hanoi(n-1,from,to,ass); move(n,from,to); hanoi(n-1,ass,from,to); }}var move=function(n,from,to){ console.log("移动第"+n+"个从"+f...原创 2019-04-24 20:49:03 · 252 阅读 · 0 评论 -
chrome网页性能调试技巧总结
待补充原创 2019-04-29 15:43:36 · 806 阅读 · 0 评论 -
chrome开发者工具使用之NetWork
一、界面介绍1、操作区域2、过滤区域3、总览图:通过选中总览图中的某段时间,可以进行详细分析4、资源table5、总结区域:显示总共有多少请求,传输的文件大小,页面在什么时候请求完成、DOMContentLoaded在什么时刻触发,load事件在什么时刻触发二、资源请求的阶段1、Queuing 排队的时间花费。可能由于该请求被渲染引擎认为是优先级比较低的资源(图片)、服务器不可用、...原创 2019-04-29 15:32:47 · 2594 阅读 · 1 评论 -
chrome开发者工具之performance
一、界面介绍1:操作区域:包含录制,刷新页面分析,清除结果等一系列操作2:overview总览图:高度概括随时间线的变动,包括FPS,CPU,NET3:详情区域:从不同的角度分析框选区域 。例如:Network,Frames, Interactions, Main等4:总结区域:精确到毫秒级的分析,以及按调用层级,事件分类的整理二、操作区域简介1、开始录制按钮(window下快捷键c...原创 2019-04-29 14:58:25 · 5710 阅读 · 1 评论 -
IndexedDB基本操作案例
效果演示源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...原创 2019-04-23 15:23:08 · 664 阅读 · 0 评论 -
canvas通过操作图片数据改变图片效果
效果展示源代码分享<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...原创 2019-04-18 12:17:21 · 1739 阅读 · 0 评论 -
使用execCommand实现简单的编辑器(关键是控制图片大小的技巧)
效果源码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2019-04-17 21:09:50 · 1747 阅读 · 1 评论 -
同步与异步的理解
生活这的理解同步:一边一边;如一边写作业一边吃苹果(妈妈说:写作业和吃苹果可以同步进行)异步:不是一边一边;如先写作业,然后吃苹果(爸爸说:写作业和吃苹果不能同步进行)说明程序中反过来理解就可以了...原创 2019-04-26 10:39:44 · 277 阅读 · 0 评论 -
防止打开新窗口被浏览器拦截方法
//***jQuery***<a href="http://wuliv.com" id="openNew"> <span><span></a>$(function(){ $('#openNew span').click()})//成功打开新页面//***javascript***<a href="http://wuliv...原创 2019-05-08 10:20:49 · 1276 阅读 · 0 评论 -
页面生成过程
1、DNS服务器通过域名查找对应的web 服务器ip地址;2、浏览器访问web服务器;这里涉及到客户端与服务器的tcp 三次握手与四次挥手,可以参考上篇博文《TCP的三次握手(建立连接)与 四次挥手(关闭连接)》;3、服务器处理完成返回html;4、浏览器解析、加载页面解析html 构建dom树 -> 构建render树 -> 布局render树 -> 绘制render...转载 2019-05-05 16:40:46 · 820 阅读 · 0 评论 -
浏览器断点调试总结
快捷键备忘F8:进入下一个断点F10:单步执行,不进入子函数F11:单步执行,遇到子函数会进入子函数shift+F11:跳出当前函数原创 2019-05-18 08:10:29 · 4063 阅读 · 0 评论 -
float小结
当元素设置浮动后:①浮动的元素会尽量向页面的左上或者是右上浮动(像是气球一样)②知道遇到父元素的边框(孙悟空逃不出如来佛的手掌)或者其他的浮动元素(浮动元素都是统一层级,有先来后到)③如果浮动元素上边是一个没有浮动的块元素,则浮动元素不会超过块元素(块元素像是一堵墙一样,挡住了浮动元素)④浮动元素不会超过他上边的兄弟元素,最多最多一边齐【如果上面的兄弟元素是块,则在他的下面;如果上面的兄弟...原创 2019-05-16 09:04:33 · 166 阅读 · 0 评论 -
正则中\cx是什么意思
\cx 匹配control + 控制字符,就是说 匹配由x指明的控制字符这里的X是一个控制字符。匹配一个字符串的控制字符。比如:\cI 匹配 control + I,等价于 \t,\cJ匹配 control + J,等价于 \n,\cM匹配 control + M,等价于 \r\ca \cb \cc … 又分别匹配 control+a, control+b,control+c…,具体他...原创 2019-05-09 20:41:22 · 9177 阅读 · 0 评论 -
正则表达式 - 元字符(写给自己看的)
一、元字符速查表\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,‘n’ 匹配字符 “n”。’\n’ 匹配一个换行符。序列 ‘\’ 匹配 “” 而 “(” 则匹配 “(”。^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 ‘\n’ 或 ‘\r’ 之后的位置。$ 匹配输入字符串的结束位置。如...原创 2019-05-09 20:09:03 · 116 阅读 · 0 评论 -
js数组常用方法总结(写给自己看的)
一、concat作用: concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, 4, 5]...转载 2019-05-09 16:46:32 · 371 阅读 · 1 评论 -
js字符串方法总结(写给自己看的)
一、charAt()作用:返回在指定位置的字符var str="abc"console.log(str.charAt(0))//a二、charCodeAt()作用:返回在指定位置的字符的unicode编码var str="abc"console.log(str.charCodeAt(1))//98三、concat()作用:字符串连接(一般使用加号(+)替代比较好)var a...转载 2019-05-09 16:39:44 · 288 阅读 · 0 评论 -
3d入门
一:开启3D方法:一个元素需要一个透视点才能激活3D空间,有两种方法可以得到透视点:①使用transform属性,赋上perspective函数作为值。-webkit-transform: perspective(100);②使用perspective属性。-webkit-perspective: 100;区别:使用transform属性:①这个属性只能在当前元素上设置,设置父元素无效...原创 2019-05-09 11:17:19 · 170 阅读 · 0 评论 -
(?:pattern)与(?=pattern)的区别
(?: pattern)是非捕获型括号 匹配pattern,但不捕获匹配结果。(pattern )是捕获型括号。 匹配pattern,匹配pattern并捕获结果,自动获取组号(? < name > pattern ) 匹配pattern, 匹配pattern并捕获结果,设置name为组名...原创 2019-04-25 15:31:20 · 4025 阅读 · 0 评论 -
chrome浏览器时间线分析
根据上图进行简要分析——Stalled(阻塞)浏览器对同一个主机域名的并发连接数有限制,因此如果当前的连接数已经超过上限,那么其余请求就会被阻塞,等待新的可用连接;此外脚本也会阻塞其他组件的下载;优化措施:1、将资源合理分布到多台主机上,可以提高并发数,但是增加并行下载数量也会增大开销,这取决于带宽和CPU速度,过多的并行下载会降低性能;2、脚本置于页面底部;DNS Lookup(域...转载 2019-04-26 09:11:04 · 1586 阅读 · 0 评论