- 博客(141)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 v-deep解决el-table的fixed列在放大情况下导致的样式问题
问题描述：el-table中使用fixed属性，悬浮了一列数据，在放大的情况下发现该列出现了样式差异，究其原因是设置的overflow属性未被执行。错误样式如下，该图片在浏览器放大到110%时出现问题代码.el-table__fixed-right{ overflow: hidden; }代码虽然没错，但查看样式时返现只有x轴方向执行了溢出隐藏，y轴并未执行，于是出现了该问题问题解决：同事推荐v-deep解决该问题，代码如下 ::v-deep.
2021-01-22 14:44:35
533
原创 el-table的empty的插槽不展示问题
问题描述：重复使用同一个el-table时，第一次初始化展示时，空数据是empty的插槽可以展示，但第二次使用该表格时，置空表格的数据后，但是表个无法识别空数据，也不展示empyt的插槽原始代码：大概的方式就是通过watach监听prop传如的数组的变化，通过计算变化的数组得到的新数组赋值给table于是就出现了魔幻的剧情，清空数组后不展示空数组的slot,查找原因是因为源码中空数组的展示判断为false，源码如下：el-table源码： isShowEmptyText() {
2021-01-22 14:25:31
4062
原创 Lodash踩坑之dropWhile,dropRigntWhile
在学习Lodash的drop时发现了一个很恶心的问题，一起某度一搜索，全是文档下copy下来的代码，但实际操作时我却遇到了如下的问题：先放中文文档上的代码案例：//true在第一位置var users = [ { 'user': 'barney', 'active': false }, { 'user': 'fred', 'active': false }, { 'user': 'pebbles', 'active': true }]; _.dropWhile(user
2020-07-25 15:27:47
461
1
原创 纯函数的好处
纯函数的定义通俗点说就是：固定的输入，得到固定的输出，不受到来自外部的任何干扰纯函数不会随着执行次数的增加而改变输出的值，比如数组中的splice和slice，其中splice不是纯函数，而slice则为定义的纯函数，示例如下：var xs = [1,2,3,4,5];// 纯函数xs.slice(0,3);//=> [1,2,3]xs.slice(0,3);//=> [1,2,3]xs.slice(0,3);//=> [1,2,3]// 不是纯函数xs..
2020-06-28 15:17:02
355
原创 一等公民的函数
所谓的“一等公民”，指的是函数与其他的数据类型可以同等对待，如存入数组，作为参数等等。。先看个例子：const hi = name => `Hi ${name}`;const greeting = name => hi(name);这里的对hi这个函数又给与了重新的传参操作，其实大可不必如此，因为hi已经被函数定义过了，在函数编程的思维中，它是个变量，与其他的熟知的变量一样，可以被临时赋值，所以在这里我们可以将该代码简化为const hi = name => `Hi
2020-06-28 10:40:43
366
1
原创 函数式编程学习（总览）
高阶函数个人理解就是将函数作为参数的嵌套函数编写方式，这样写的好处是逻辑会变的很清晰。Currying（柯里化）从书从直观的感受就是将一个大函数分解为多个函数共同处理的方式，目的是为了减少函数参数的数量，快速封装函数。例：int pow(int i, int j);int square(int i){ return pow(i, 2);}惰性求值在函数式编程的大环境下，代码块是可以并发执行的，但有时候不需要并发执行，甚至于有时候只需要并发程序中的一个或者两个执行就行了
2020-06-28 10:04:38
112
原创 文本框居中，文字自适应换行
BFC布局详解，模块垂直居中详解：https://www.cnblogs.com/hz1124/p/6131795.html<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>Example </title> ...
2019-09-24 09:31:50
645
原创 实现一个可控深度的展平数组函数（阿里笔试）
问题描述：数组是可多层嵌套，给定一个数组默认展开层数为1 ，数组按照输入层数展开，需要将改方法变为数组的原型方法，实现的demo如下var arr1 = [1,[2,3]];console.log(arr1.flatarr())//[1,2,3] var arr2 = [1,[2,3,[4]]];console.log(arr2.flatarr())//[1,2,3,[4]]...
2019-08-30 14:35:06
278
1
原创 美团笔试总结
总结：前面耗时太多，导致编程会做也没时间做完，现在想想小分不值当啊学到的知识点总结：直接写出es6转es5代码class Person{ constructor(name){ this.name = name; } greet(){ console.log(`hi i am ${this.name}`) } delaytime(time){ ...
2019-08-23 17:07:43
446
原创 vue双向绑定底层原理（数据劫持）感悟
代码参考：https://www.cnblogs.com/wangjiachen666/p/9883916.html一步步走完整个流程，对双向绑定豁然开朗了许多，具体的代码可以看看上面的博客，这里只说说自己学习的感受1,为什么要使用Object.defineProperty?调完代码后我发现，这里通过函数定义的get和set在监听值变化的过程中起到了很大的作用，无论是在去修改值还是读取...
2019-08-15 17:22:15
320
原创 面试问题集合
跨域的理解 o 项目安全怎么做？（jwt) 虚拟dom，diff算法 vue/react区别？最近新的技术，了解vue/react的tread-off 差异对比：http://caibaojian.com/vue-vs-react.html vue2.6更新：https://medium.com/the-vue-point/vue-2-6-released-66aa6c8e785e ...
2019-08-07 13:55:30
168
原创 前端学习资料库集合
雅虎性能优化总结：https://developer.yahoo.com/performance/rules.html?guccounter=1函数式编程中文版：https://github.com/llh911001/mostly-adequate-guide-chinese或者：https://jigsawye.gitbooks.io/mostly-adequate-guide/con...
2019-08-02 17:55:32
351
原创 基于AST的模拟webpack打包demo
问题提出：现在有4个文件,文件的引用方式如下，文件中的文本内容很简单就是输出一句简单的话，需要将这四个文件打包成一个可执行的js文件。main.js:import './file1.js'import './file2.js'console.log('I am done!')file1:console.log('I am file 1') file2 :...
2019-08-01 14:15:53
562
原创 Babel抽象语法树（AST）学习
什么是AST?为什么存在？https://en.wikipedia.org/wiki/Abstract_syntax_tree（维基解释，需翻墙）大致意思是为了方便编译js脚本，用来表达抽象的语法结构而存在的。。。它不表达语法中的每一个细节，只为了表达结构什么是Babel?干嘛用的？Babel官网：https://www.babeljs.cn/docs/简单来说就是为了做语法转...
2019-07-26 18:14:18
2290
原创 深拷贝的递归实现方法
js递归实现深拷贝的方式https://www.cnblogs.com/xie-zhan/p/6479922.html主要代码：function deepclone(obj1 ,obj2){ if(obj1||obj1=={}){ obj1 = {} } for(let k in obj2){ if(obj2.hasOwnPro...
2019-07-25 14:17:22
1638
原创 vue封装模拟jsonp跨域demo
写在前面：jsonp为跨域请求的一种方式，依托于script的src属性，达到跨域的目的，只能发get请求什么是跨域？不同的协议，不同的ip，不同的端口，只要是其中的一种都属于跨域请求。首先用node起个服务serve.js代码如下const express = require('express');const fs = require('fs')const app =...
2019-07-24 11:33:49
245
原创 自定义进度条demo
进度条主要是通过css实现的，通过绑定style，来设置宽度进度条的宽度（这里可以用百分比）代码如下：<template> <div class="right"> <div class="top"> <div class="processbar"> <p&...
2019-07-12 11:50:39
238
原创 vue封装左侧导航栏组件demo
示例demo的样式：然后说一下布局组件的调用逻辑App-->layout-->sidebar-->sid_menu-->menu_item这里我使用覆盖element的样式的方式，达到项目需求，这里学到了很多如何定位dom元素的样式，使用css阴影，如何覆盖样式，如何使用css3的伪类，如何通过鼠标移动事件找到dom元素等首先使用layout组件并设置...
2019-07-08 17:16:18
7273
原创 vue 可复用的多标签的组件封装demo
项目中看到了大佬写的标签组件的封装，感觉很好玩所以自己去实现了一下，下图为实现的效果原来代码的封装思路是将标签和标签的容器单独封装，在创建的时候需要多少标签就去写多少个标签，大致的代码如下<cloud-checkbox-group :value="groups" @input="test" :pure-display="false"> <cloud-ch...
2019-07-04 15:45:33
1387
原创 Canvas画圆时有条线
如图所示：这里的线是在canvas在绘图完成时自动调用我这里把closePath函数注释掉依然有，还是指向起始位置所以我推测:这里的调用画圆的函数后都会将圆的结束的位置与最近的moveTo位置相连，如果没有定义moveTo,那么连向零点，也就是canvas的左上角。所以当出现如上所示的直线时，你需要知道圆的结束位置，将moveTo位置设置为该起始位置，代码如下：<h...
2019-06-25 15:22:29
2236
原创 vue实现抽屉功能
<template> <div class="drawer"> <div @click="open()">11111</div> <div class="setbox" :class="{show: isshow}"> <div class="header"> <p...
2019-06-24 12:02:10
8344
5
原创 类codepen的实现可拖拽窗口demo
首先说下思想flex或者其他布局方式，实现左右分割布局，主盒子宽度100%，左右布局中包含一个分割条（可在布局容器中，也可以单独定义） 为分隔条绑定鼠标点击事件，为document绑定鼠标移动事件和鼠标放开事件，通过监听鼠标移动事件和上一个状态保存下来的鼠标位置作对比，判断当前鼠标移动方向（往左还是往右） 然后计算当前鼠标位置和鼠标点击位置的距离，来计算左右容器的变化，然后通过dom的方式...
2019-06-17 16:50:15
451
1
转载 vue多语言版本切换
https://blog.csdn.net/DOCALLEN/article/details/78408137?locationNum=2&fps=1https://blog.csdn.net/Dream_xun/article/details/82743762
2019-05-22 13:56:47
3391
转载 veeValidate使用详解
https://segmentfault.com/a/1190000013431243?utm_source=channel-hottest
2019-05-16 14:36:57
618
原创 vuex使用总结
学习用例是在github上找的demo，在原来的基础上学习和总结源demo地址:https://github.com/lzxb/vue2-demo里面有安装教程，但是这个demo无法使用es6 的异步方法（会报$export is not a function 错误），需要安装polyfill环境，具体安装和配置的方法如下:npm install --save @babel/poly...
2019-05-14 13:46:08
198
原创 vue中路由管理(vue-router,page)使用总结
现在的项目都以模块化的方式去开发，所以在这样的开发模式下，如何更好的去管理路由是开发中所需要考虑的重点，幸运的是当前的开发中已经有了成熟的中间件去管理，我们只需要用就可以了下面是我在学习vue-router的时候在原来基础上修改出来的demo，也是为了有助于对vue-router的理解首先理解下vue官网的一个示例demohttps://jsfiddle.net/yyx990803/x...
2019-05-10 15:15:28
4168
原创 vue的v-slot指令使用总结
父组件代码：<template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> <slotdemo> <template v-slot:a> this is a </temp...
2019-05-05 16:58:03
4285
原创 conda 切换python环境
前提情况是已经安装好了Python2,我现在的环境是python3，因为要配置django服务，所以需要切换：直接输入命令activatepython27(这两款要根据查询到的名字来激活）切换成功！可以继续下面的操作了...
2019-04-11 15:58:07
7475
1
原创 网易笔试题总结
var string = 'string';var number = 0;var bool = true;console.log(number || string);console.log(number && string);console.log(bool || number);console.log(bool && number);输出结果...
2019-04-02 15:47:27
994
原创 Nodejs的Express框架使用总结
初始安装express，你也可以通过编辑器的shell安装依赖，比如vs# 创建并切换到 myapp 目录mkdir myappcd myapp# 初始化 package.json 文件npm init -y# 安装 express 到项目中npm i express新建一个基础的接口// 0. 加载 Expressconst express = require(...
2019-03-29 18:16:27
194
原创 面试中得topK问题
https://juejin.im/entry/5ba385dbe51d450e5d0b0a76https://blog.csdn.net/u011277123/article/details/72819099
2019-03-28 10:00:59
256
原创 React的context学习总结
context是干什么的？为什么会存在这么一个东西？context字面意思是上下文，在react中存在是为了解决深层次组件传值困难的问题这里涉及到组件的传值问题，大体商说分三总：兄弟间传值（通过父组件），父往子传值（通过props），子往父传（props函数回调），这是基础的传值问题，但是如果组件嵌套的太深，那么传值就变的非常麻烦，为了解决这样的问题才产生了context这是cont...
2019-03-25 13:30:36
170
原创 关于Cookie的问题总结
能够存储的数据结构到底有哪些？浏览器端：cookie,WebStorage(localStorage,sessionStorage),userData,indexedDB服务器端 : session什么是cookie？它存放在哪？维基上给出的解释是：Cookie（复数形态Cookies），又称为“小甜饼”。类型为“小型文本文件”，指某些网站为了辨别用户身份而储存在用户本地终端（Cl...
2019-03-20 17:28:28
371
转载 nodejs多线程
多线程问题：https://www.jianshu.com/p/6f63b87ba6f0ibm多线程实战：https://www.ibm.com/developerworks/cn/opensource/os-cn-nodejs-practice/index.html子程序问题：https://blog.csdn.net/liangklfang/article/details/511251...
2019-03-20 09:29:54
611
原创 nodejs处理post,get请求
模块化处理得代码，首先是进入服务start.js文件var ser = require('./webserve');//服务模块var handler = require('./handle');//处理模块var router = require('./router');//路由模块var handle = {};handle['/'] = handler.index;hand...
2019-03-19 13:25:08
826
原创 nodejs创建本地服务响应客户端请求
本地服务响应一个纯文本给客户端var http = require('http');var onrequest = function(request,response){ console.log('request received'); response.writeHead(200,{'Content-Type':'text/plain'}); // respon...
2019-03-18 13:45:38
485
原创 Node.js处理文件或文件夹
操作文件是必须引入文件读写的”仓库‘’var fs = require('fs');新增一个文件:fs.writeFileSync("write.txt","readme");//同步写文件的方法删文件的方法：fs.unlinkSync("readme.txt");//同步的方法删除文件注意：上面的两种增删文件的方式为同步执行，即代码按行执行，文件没有读取完不会去执行...
2019-03-18 12:48:11
371
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人