大桥学前端

摘要： 今天看mdn的css模块，发现一个scroll-snap属性； 这个属性能让用户滚动页面的时候，页面停留在我们想给用户看到的一个地方； 说人话就是，让内容更易到达我们想到达的位置； 基本使用方法 <article class="scroller"> <section> <h2>Section one 阅读全文

摘要： 问题：不同dpr的屏幕有不同的屋里像素值，而我们css像素的1px由于不同屏幕的渲染会导致宽度并不一样； 例如： dpr为2的retina屏幕是有四个物理像素点（真实屏幕上的点）组成一个逻辑（css）像素点。所以我们写css的1px的时候会表现出不同的宽度； 知识： 物理像素： 物理像素又被称为设备 阅读全文

摘要： MinStack minStack = new MinStack();minStack.push(-2);minStack.push(0);minStack.push(-3);minStack.getMin(); --> 返回 -3.minStack.pop();minStack.top(); -- 阅读全文

摘要： js 具体思路，让左括号( { [ 放入栈中，放完之后 取出栈顶元素 如果在map结构中存在，则正确闭合否则返回false; // 比较灵巧的是用了map数据结构检测是否闭合 不比用对象了，方便很多function isValid(s) { const stack = []; let myMap = 阅读全文

摘要： Function.prototype.call = function(context,...args){ var context = context || window; context.fn = this; var result = eval(`context.fn(...args)`); del 阅读全文

摘要： 可以在最后一个元素添加css属性 margin-left: auto; 例如我一排排列的元素 ，子元素并没有完全排列撑开父元素的宽度，这时候要使最后一个元素想最右 可以让最后一个元素的 margin-left: auto; 如图所示 父元素使用display flex让子元素依次排开，如果对4元素设 阅读全文

摘要： 1.可以部署在对象上的一个遍历器 2. 遍历器是一个函数，需要返回一个含有一个next 方法的对象 const likeArray = {0:'a', 1: 'b', 2: 'c',3: 'd'. length: 4}; likeArray[Symbol.iterator] = function() 阅读全文

摘要： JavaScript在传参的时候只有一种传递方法那就是按值传递（来自红宝书第四版本） 函数在传递参数的时候会把实参的值拷贝过来一份，而基础类型数据值是存在内存中，在拷贝的时候会复制出来一份，而引用类型的值复制的时候只是浅复制，复制引用出来，所以当引用类型的值传递进函数中，在函数中改变这个引用类型的属 阅读全文

摘要： 安装Nginx服务之后 修改Nginx配置文件 如下server字段中主要是配置listen监听8080 端口，然后静态文件袋里到8001 后端端口代理到8000 server { listen 8080; server_name localhost; #charset koi8-r; #acces 阅读全文

摘要： svg修改背景色可以使用fill属性来修改，但是我现在需要动态改变svg的颜色，例如我hover的时候 现在发现一种兼容性还不错的方法是css属性mask 类似于给路径填充上颜色，结合background就可以动态修改SVG的颜色，这时就行两幅图片一样的效果 上代码 .tree_wrap,.flat 阅读全文