- 博客(20)
- 收藏
- 关注
RSS订阅原创 css相对于父元素的fixed定位的实现
问题描述之前在项目中，遇到了一个场景，需要实现相对于父元素的fixed定位：在父元素内拖动滚动条时，"fixed"定位的元素不能滑动，在外层拖动滚动条时，父元素及父元素内的所有元素跟着一起滑动。但是position: fixed是相对于窗口进行的定位，不能直接实现我们需要的效果。在网上搜索看到一个还不错的解决方案，不过利用了CSS3的transform，兼容性不是很好。解决思路????这是我们希望的效果，但是没法直接实现我们想让特定子元素相对于父元素"fixed"定位，也就是说，剩余的子元素
2021-06-16 11:11:16
3149
原创 vue 权限解决方案
二、如何做前端权限控制可以分为四个方面：接口权限 按钮权限 菜单权限 路由权限接口权限接口权限目前一般采用jwt的形式来验证，没有通过的话一般返回401，跳转到登录页面重新进行登录登录完拿到token，将token存起来，通过axios请求拦截器进行拦截，每次请求的时候头部携带tokenaxios.interceptors.request.use(config=>{config.headers['token']=cookie.get('token')...
2021-03-26 21:31:10
1313
原创 全流程 封装vue 插件
1.组件和插件的区别与联系区别组件的使用频率往往大于插件 组件的作用范围往往小于插件联系插件可以封装组件，组件可以暴露数据给插件这里不做过多阐述，有兴趣可以参考下劳卜大大的这编文章，写的很通俗易懂。2.实现插件的必备因素基础你需要清楚的知道vue的一些高阶知识点以及相关内容，比如Vue.extend构造器 $mount手动挂载实例 mixin混合注入 父子组件传参、跨级组件传参 理解Vue构造函数及prototype原形对象 npm官网注册账号 webpack打
2021-03-05 22:10:44
443
原创 从输入url到页面加载完成发生了什么？
从输入url到页面加载完成发生了什么？——前端角度 我的github(PS:希望star):https://github.com/thWinterSun/v-admin 这是一道经典的面试题，这道面试题不光前端面试会问到，后端面试也会被问到。这道题没有一个标准的答案，它涉及很多的知识点，面试官会通过这道题了解你对哪一方面的知识比较擅长，然后继续追问看看你的掌握程度。当然我写的这些也只是我的一些简单的理解，从前端的角度出发，我觉得首先回答必须包括几个基本的点，然后在根据你的理解深入回答。 1
2021-02-25 10:41:43
312
原创 前端大量数据检索 优化
假设你需要在前端展示 5000 条甚至更多的数据，每一条数据的数据结构是一个对象，里面有各种各样的属性。每个属性的值又可以是基本类型，对象，甚至数组。这里的对象或者数组内部的元素又可以继续包含对象或者数组并且允许无限嵌套下去。比如{ "name": { "firstName": "yi", "lastName": "li" }, "age": 23, "roles": ['developer', 'admin'], "projects": [{ "name": "demo", "repo": "" }
2021-01-23 17:23:49
2344
原创 关于js 运算符优先级问题
function Foo() {getName = function() {console.log(1)}return this}Foo.getName = function() {console.log(2)}Foo.prototype.getName = function() {console.log(3)}var getName = funct...
2019-08-06 16:46:27
403
原创 理解 立即执行函数
1先了解 函数， 圆括号， 错误无论你定义一个函数像这样function foo(){}或者var foo = function(){}，调用时，你都需要在后面加上一对圆括号，像这样foo()。1；当圆括号放在一个函数表达式后面 指明了这是一个被调用的函数。 例如：var foo = function(){console.log(1)}() // 12；而圆括号放在一个声明后面便...
2019-07-31 15:33:47
166
转载 js 常用方法 原理demo 实现
1. 实现一个call函数// 将要改变this指向的方法挂到目标this上执行并返回Function.prototype.mycall = function (context) { if (typeof this !== 'function') { throw new TypeError('not funciton') } context = context || window...
2019-07-29 10:29:03
132
原创 面试精选4， 5，6（浏览器组件 组成， 事件轮询， 宏任务， 微任务）
8 个问题看你是否真的懂 JSJavaScript昨天JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会忽略不计。原型、闭包和事件循环等概念仍然是大多数JS开发人员绕道而行的晦涩领域之一。正如我们所知，无知是一件危险的事情，它可能会导致错误。...
2019-07-29 10:23:30
151
转载 浏览器前进，后退姿势pushState，popstate
我们知道，浏览器实现了onbeforeunload和onunload事件，onbeforeonload事件是在浏览器即将请求下一个页面（请求还未发出）的时候触发，它可以实现阻止onunload的触发。onunload事件则是浏览器已经将下一个页面请求回来，页面即将跳转的时候触发，该事件无法中断。看起来onbeforeunload事件似乎能满足我们的需求，但是，这只是一个假象。onbeforeu...
2019-03-08 21:41:08
2484
转载 用js 写深拷贝
上篇文章详细介绍了浅拷贝Object.assign，并对其进行了模拟实现，在实现的过程中，介绍了很多基础知识。今天这篇文章我们来看看一道必会面试题，即如何实现一个深拷贝。第一步：简单实现其实深拷贝可以拆分成 2 步，浅拷贝 + 递归，浅拷贝时判断属性值是否是对象，如果是对象就进行递归操作，两个一结合就实现了深拷贝。根据上篇文章内容，我们可以写出简单浅拷贝代码如下。//木易杨...
2019-03-04 09:22:27
196
1
转载 js 原型链的 理解 转载
对象和原型链 JavaScript 是一门基于对象的编程语言，在 JavaScript 中一切都是对象，包括函数，也是被当成第一等的对象对待，这正是 JavaScript 极其富有表现力的原因。在 JavaScript 中，创建一个对象可以这么写：var someThing = new Object(); 这和在其它面向对象的语言中使用某个类的构造函数创建一个对象是一模一样的。但...
2019-02-20 14:32:19
206
原创 浅谈 js 中原型（链）的理解
在讲js的原型之前，必须先了解下Object和Function。Object和Function都作为JS的自带函数，Object继承自己，Funtion继承自己，Object和Function互相是继承对方，也就是说Object和Function都既是函数也是对象。? 1 2 console.log(Function instanceof Objec...
2019-02-20 14:09:05
113
原创 js函数表达式， 闭包， 作用域链 的理解
1定义函数表达式有两种方式: 函数声明和函数表达式.函数声明如下:function functionName(arg0,arg1,arg2){ //函数体}首先是function关键字,然后是函数的名字.FF,Safrai,Chrome和Opera都给函数定义了一个非标准的name属性,通过这个属性可以访问到函数指定的名字.这个函数的值永远等于跟在function关键字后面的...
2019-02-20 13:34:47
139
转载 vuejs 单位vw 做移动端适配
如何在Vue项目中使用vw实现移动端适配作者：大漠 日期：2018-01-25 点击：46060vwLayout布局Vuemobile编辑推荐：诚征广告商金主入驻此广告位置，如有感兴趣的金主，欢迎邮件至：[email protected]咨询相关合作事宜!!!(^_^)有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Fle...
2018-07-23 09:45:42
5640
转载 IE8+兼容 经验小结
本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验，如果你在写HTML/CSS时候是按照W3C推荐的方式写的，然后下面的几点都关注过，那么基本上很大一部分IE8+兼容性问题都OK了（这里的IE8+主要是指IE8，据个人目测，IE9+的渲染效果已经非常好了）。前期准备测试IE兼容性必须要在Windows中测，而且是Win7+，因为WinXP最高只支持IE8，IE9就呵呵...
2018-07-19 15:04:28
322
原创 公告轮播滚动demo 含 水平，垂直滚动
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><style>* {margin: 0;padding: 0;} #scrollBo
2018-07-19 15:01:58
1960
1
原创 vue价格日历demo 实例
<template> <div class=""> <div class="datePickerContainer"> <el-input prefix-icon="el-icon-date" v-model="chooseedDay" size="mini" v-popover:da
2018-07-19 14:59:43
2803
1
原创 js中this的指向问题
首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。...
2018-07-19 14:58:19
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人