程序员库里-优快云博客

原创前端算法专栏-数组-75.颜色分类

Hi 大家好。我是程序员库里，今天新开一个前端算法专栏。接下来会分类给大家分享常考算法题目。很多朋友也是看着这套系列算法拿到很多offer！所以也是想分享给更多朋友，帮助到有需要的朋友。

2023-11-29 09:42:36 613

原创前端反卷计划-组件库-03-组件样式

前端反卷计划-组件库-03-组件样式

2023-11-16 09:55:56 195

原创前端反卷计划-组件库-02-storybook

Hi, 大家好！我是程序员库里。今天开始分享如何从0搭建UI组件库。这也是前端反卷计划中的一项。在接下来的日子，我会持续分享前端反卷计划中的每个知识点。以下是前端反卷计划的内容：目前这些内容持续更新到了我的中。感兴趣的欢迎一起学习！

2023-11-08 14:17:26 116

也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言胖头鱼最近在整理一些以往亲身经历的面试真题时，发现了两道很有意思的题目，来自蚂蚁金服某次在线笔试。如何防止重复发送请求？有没有发现平时的业务也会有类似的场景需要处理？看来蚂蚁还是将题目与实际业务结合了。两数之和，用减法做加法。如何防止重复发送请求？问题：业务需求中，经常有只需要请求一次，以防止用户重复点击行为导致的触发重复请求。传递请求方法（执行后返回promise），返回一个新方法。连续触发时，只执行一次。//...

2022-03-12 16:15:05 341

原创深入讲解VsCode各场景高级调试与使用技巧

VsCode自从诞生以来，以其各自优异的特性迅速走红。尤其是对于前端开发小伙伴来说，几乎成为必不可少的开发工具。所以，熟练掌握VsCode的各自使用技巧与调试技巧会让你的日常开发工作效率倍增。本文将会以大量图文的方式，从下面几个方面详细介绍VsCode的各种技巧：第一部分主要介绍VsCode的基本技巧，比如常用快捷键、辅助标尺等。熟悉此部分的可以直接跳过。第二部分主要各种断点（比如日志断点、内联断点、表达式断点等等）、数据面板等等第三部分主要讲解各种项目的调试实战，比如Node程序、TS程序..

2022-03-11 09:13:47 1903

原创 vue 解决axios请求出现前端跨域问题

vue 解决axios请求出现前端跨域问题

2021-12-14 13:05:11 1681

原创 Vue之生命周期

{{msg}} var vm=new Vue({ el:'#box', data:{ msg:'well' }, created:function(){ alert('实例已经创建');

2017-09-24 15:36:01 379

原创 Vue之计算属性

计算属性:computed1.简单的计算 a => {{a}} b => {{b}} v

2017-09-24 15:26:36 383

原创 Vue之自定义过滤器

使用Vue.filter('过滤器名称'，方法);1. {{a | toDou}} Vue.filter('toDou',function(input){ return input<10?'0'

2017-09-24 15:11:48 323

原创 Vue之自定义指令

使用Vue.directive();1.直接自定义名称 :red Vue.directive('red',function(){ this.el.style.background='red'; }); window.o

2017-09-24 14:55:34 453

原创 Vue之自定义指令

1.使用Vue.directive('指令名‘，方法); Vue.directive('red',function(){ this.el.style.background='red'; }); window.onload=fu

2017-09-24 14:34:12 363

原创 Vue之监听数据变化

1.轻度监视 window.onload=function(){ var vm=new Vue({ el:'#box', data:{ a:111,

2017-09-24 14:25:38 13200

原创 vue之留言板

window.onload=function(){ new Vue({ el:'#box', data:{ myData:[], username:'', age:'',

2017-09-24 14:15:52 1071

原创 Vue之仿百度搜索框

先上代码 .gray{ background: #ccc; } window.onload=function(){ new Vue({ el:'body',

2017-09-24 12:40:51 4412 1

原创 Vue之交互

1.get（） window.onload=function(){ new Vue({ el:'body', data:{ },

2017-09-24 11:31:53 507

原创 Vue之键盘事件

1.使用keydown触发事件 window.onload=function(){ new Vue({ el:'#box', data:{ },

2017-09-24 11:01:09 1960

原创 Vue之事件冒泡

1. 原生事件冒泡 window.onload=function(){ new Vue({ el:'#box', data:{ },

2017-09-24 10:49:25 828

原创 Vue之阻止默认行为

1.使用原生js实现点击右键阻止默认行为 window.onload=function(){ new Vue({ el:'#box', data:{ },

2017-09-24 10:40:52 12330

原创 Vue之基础事件

1.基础事件，先弹框试试 window.onload=function(){ new Vue({ el:'#box', data:{ //数据 arr:['

2017-09-24 10:26:39 391

原创 Vue之for循环

Vue中for循环的用法总结如下：1.基本用法 v-for window.onload=function(){ new Vue({ el:'#box', data:{

2017-09-24 10:03:09 22802

原创 Vue之属性

Vue中的属性：举例看一下就明白了。 window.onload=function(){ new Vue({ el:'#box', data:{ url

2017-09-23 23:41:08 842

原创 Vue之过滤器

Vue中有内置的一些过滤器：加上 | 这个管道符，再加上过滤属性 .red{ color: red; } .blue{ background: blue; } windo

2017-09-23 23:34:46 435

原创 Vue之style的用法

Vue中style的用法总结如下：v-bind:style 简写:style1.基本用法 .red{ color: red; } .blue{ background: blue; }

2017-09-23 23:15:15 58586

原创 Vue之class的

Vue中class的使用总结如下：使用形式v-bind:class 简写:class1.在数组中使用一个class VUE .red{ color: red; } .blue{ background: blue;

2017-09-23 22:20:20 674

原创 CSS之3D翻转效果

#a{ -webkit-perspective:800; -webkit-perspective-origin:50% 50%; overflow: hidden; } #pagegroup{ width: 400px; height: 400px; margin: 0 auto; -webkit-transform-style:pres

2017-09-17 13:22:55 499

原创 CSS3之创建3D场景

1.属性介绍perspective:800 平面距离三维中方框的距离perspective-origin:50% 50% 表示从平面上哪个位置看三维图，相当于是X轴和Y轴，此时表示平面中心2.transform属性--translete :位移操作translateX(X px)translateY(Y px)translateZ(Z px)--rota

2017-09-17 10:36:57 1335

原创 CSS之transition属性

1.鼠标移动到div中背景颜色慢慢变化（1个属性的变化） #block{ width: 400px; height: 400px; background: blue; margin: 0 auto; transition: background 3s; } #block:hover{ background: red; }

2017-09-17 10:25:57 375

原创 CSS之border

1.border-width 不支持百分比属性:thin:1px medium:3px(默认) thick:5px2.border-style:double双线实现三条横线分开{width:120px;height:120px;border-top:60px double;border-bottom:20px solid;}3.border-color与

2017-09-17 09:45:02 580

原创 vue---组件注册

子组件注册var myHeaderChild={ template:'I am a my header child' } var myHeader={ template:'', components:{ 'my-header-child':myHeaderChild } } new Vue({ el:'#app', data:{ word:'he

2017-09-10 15:43:47 310

原创 vue（1）

1.vue中的hello world vue {{message}} new Vue({ el:'#app', data:{ message:'hello world' } })

2017-09-10 14:15:21 401

原创 div内部滚动条滚动到底部和顶部

.scrolldiv{ width: 500px; height: 400px; margin: 10px auto; background: #f00; overflow-y: scroll; padding: 10px; } var divscroll=document.getElementById('testDiv'); fun

2017-09-09 17:24:47 13089 1

原创 js滚动条滚动到底部和顶部

.scrolldiv{ width: 500px; height: 400px; margin: 1000px auto 100px auto; background: #f00; } function scrollBottomOrTop(){ var clients=window.innerHeight || document.documentE

2017-09-09 17:13:56 4492

原创 js各种宽高的总结

1.clientWidth和clientHeight指元素的可视部分宽度和高度，就是padding+content如果没有滚动条，就是设定的宽度和高度如果有滚动条，就是设定的宽度和高度减去滚动条的宽度和高度body{ border:20px solid #ccc; margin:10px; padding:40px; background:#eee; height:35

2017-09-09 17:00:43 277

原创 js事件流

1.HTML事件处理程序:JS事件放在HTML里面。 HTML事件处理程序 function show(){ alert('hello world') }2.DOM0级事件处理程序： DOM0级事件处理程序 var btn=document.getElementById('btn'); btn.onclick=funct

2017-09-09 13:30:16 509

原创进度条加载后显示页面

1.思路：加入很多图片，以延迟加载时间，实现加载完后显示图片。定义一个外层DIV，覆盖住图片，在内层DIV中引入加载时显示的图片，让内层DIV居中在页面上，利用setInterval定时器设置3秒后将外层DIV隐藏，从而显示图片，达到加载完后显示页面的效果。 .loading{ width: 100%; height: 100%; position: fi

2017-09-09 09:27:59 2449

原创 ES6入门（一）

1.let声明的变量只在let命令所在的代码块内有效2.不存在变量提升，先使用变量，后定义变量，就会报错。3.let不允许在相同作用域内，重复声明同一个变量。

2017-08-29 22:26:09 243

原创 js下IE和FF的一些兼容写法总结

一、脚本差异：1、事件绑定：addEventListener 与 attachEvent 事件处理函数中this指向不同， IE中指向window2、获取事件对象：事件处理函数 window.event 3、获取触发事件的DOM元素： target srcElement4、阻止默认行为： e.preventDefault（） e.returnVal

2017-08-08 20:34:13 454

原创解决跨域问题

常用的跨域方法有这样一些： 1：使用iFrame访问另一个域。然后再从另一个页面读取iFrame的内容。jquery等有一些封装。据说Firefox等可能不支持读取另一个iFrame的内容。 2：jsonp。需要服务器支持。使用script src动态得到一段java代码。是回调页面上的js函数，参数是一个json对象。 jquery也有封装。 3：设置http头，Access-Contr

2017-08-08 20:33:18 356

原创 linux 批量替换文件内容

1.批量查找某个目下文件的包含的内容，例如：# grep -rn "要找查找的文本" ./2.批量查找并替换文件内容。# sed -i "s/要找查找的文本/替换后的文本/g" `grep -rl "要找查找的文本" ./`

2017-08-08 20:32:27 3605

空空如也

空空如也