- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 token.type.endsWith is not a function with vue/script-indent
一、问题表现当我删除了node_moudules 重新yarn时出现一看是eslint搞得鬼，因为我的打包配置里有{test: /.(js|vue)$/,use: ‘eslint-loader’,enforce: ‘pre’,exclude: /node_modules/,},编译器前的检查二、问题解决是eslint的bug 需要升级 “babel-eslint”: “^8.2.2”,我升到了10.多还是不行，写死到这个版本就好了“babel-eslint”: “8.2.2”,
2021-10-12 18:13:15
1494
原创 移动端touchmove在textarea上无法滚动整体页面
一、问题描述今天遇到一个问题，在手机上的时候手指在textarea上上下滑动无法使页面滚动，猜测原因：textarea默认的overflow为auto，在textarea滚动的时候触发了textarea的滚动，导致无法触发页面滚动二、解决方案：设置textarea的css属性overflow:hidden，或者设置pointer-events: none;...
2021-05-11 20:31:28
1518
2
原创 position属性，fixed层级问题
一、前言今天遇到了一个关于position： fixed 层级的css问题设置了position属性为非static的时候，他的层级是怎样比较的呢？是根据z-index属性的大小来比较的。二、代码那么看下面代码： <div class="box1"> <div class="fixed1"> </div> </div> <div class="fixed2"/> <styl
2021-05-11 20:23:30
4753
原创 vue v-for in 对象 顺序排列
今天在一个项目中用到了for in 语句，遇到了一个坑例如这是一个vue文件<script>//我有一个对象export default { data() { return { list: { "2": "小明", "0": "小L", "1": "小J", } } }}</script><template> <ul> <li v-for="(value,key,index) in l
2021-03-03 19:21:17
2460
1
原创 js严格模式下的this指向，es6模块默认使用严格模式
一、问题描述有这么一段代码，他的执行结果是什么呢？class A { print() { console.log("==>", this); }}var aa = new A();var print = aa.print;aa.print();print();二、解题思路我们一眼略过，迅速说出了答案//A{}//window{}很遗憾，不对。答案是//A{}//undefined这是为毛啊？肯定浏览器有毛病，那么我们把这段代码用babel转一下，转成es5
2020-12-12 02:05:07
742
原创 innerHTML插入dom绑定事件-事件委托
一、前言最近遇到了个令人难受的需求，前端需要根据接口返回的数据动态生成html页面，需求本身并无不妥，难受的是要兼容ie8，好多好用的语法都不能用，而且还遇到了个，用innerHTML插入dom之后，再为dom绑定事件是无法触发的，搞了好久最后妥协了，用了事件代理的方式解决该问题。二、分析事件代理、事件委托的概念就不说了，直接上代码了.这里我自己封装了一套兼容ie8的事件代理器。首先，是第一个兼容点1、绑定事件： function bindEvent(obj,eventStr,callback
2020-11-05 14:00:10
1480
原创 JavaScript 声明对象的同名属性，值会覆盖
一、概述最近发现用obj.property这种方式来为属性添加属性，或者是修改属性值，有点太过麻烦，就想到了es6解构赋值，这样能够方便的在原有对象的基础上增加新属性，但是有属性重复时是怎样的合并规则呢？之前没有试过，我菜。今天做了个实验，写写博客刷刷分。二、实验var b = {name:"小明",gender:"女",name: "小红"}//{name: "小红", gender: "女"}三、结论所以构造对象时，后声明的属性会覆盖同名属性的值,同理可得var a = {n
2020-11-04 16:17:27
3784
原创 flex布局 三个div 两个左对齐 一个右对齐
一、问题有一个盒子flex布局，子元素有 三个div，在不改变dom结构的情况下，实现 前两个左对齐 第三个右对齐。二、实现方案在flex布局中如果某个元素的margin为auto，那么它的margin将会自动填充为 剩下的空间。 <div class="box"> <div class="block"> </div> <div class="block"> </div>
2020-10-13 17:09:59
8070
原创 lodash函数实现【1】 chunk函数 - 数组元素按照n个分组
function chunk(list, n) { let result = [] for(var i = 0;i< list.length; i+=n) { result.push(list.slice(i, i + n)) } console.log(result) } chunk([1,2,3,4,5], 2)
2020-09-25 17:49:47
594
原创 一道关于值引用和地址引用的面试题
let obj1 = { key: 'value1' } function fun1(adr) { adr = { key: 'value11' } return obj1 } console.log(fun1(obj1)) console.log(obj1)log1输出的是{ key:'value11'}log2输出的是{ key...
2020-09-25 17:44:31
137
原创 css 超出文本显示省略号 opcity对 text-overflow:ellipsis 无影响问题。
一、问题复现问题代码： <AppHeader transparent> <template v-slot="{ opacity }"> <span :style="{ opacity }" > 【专题】{{ configs.title }} </span> </template> </AppHeader>
2020-06-12 10:52:04
227
原创 element ui表格 局部更新某一行
前言最近遇到了个需求，要求单击通过或者拒绝时隐藏 两个按钮并且显示状态 拒绝或 通过问题出现以下是这个状态切换的代码，根据v-if 判断状态是不是审核中，若是的话，就显示按钮，否则显示tag <el-table-column class-name="status-col" label="订单状态" width="140"> <template slot-scope="scope"> <div v-if="scope.row
2020-06-10 18:05:51
3852
原创 记录一次小程序 单页面设置navigationStyle:custom无效的问题
设置方式在页面的json文件中添加{ "navigationStyle":"custom"}但是在开发工具上看不出来效果，在手机上可以看到。所以问题锁定到开发工具上。存在问题的版本调试基础库<2.4.3将调试基础库调整到>=2.4.3即可...
2020-05-14 09:52:23
4363
3
转载 获取elementUI Table单击的一个单元格的列和行
说明：从 呵sever的评论转载参数顺序是row, column, cell, event这里的column，其实是cell，得到的是该行的html元素打印row[column.property]才有值至于获取行列的索引，可以这样<!--html--><el-table :cell-class-name="tableCellClassName" @cell-click="cellClick"> ...</el-table>...
2020-05-08 18:42:53
5498
3
原创 关于promise、async和await的执行顺序
记录一道神奇的题，有助于理解async、await看下面这道题的结果是什么？async function async1(){ console.log('async1 start') await async2() console.log('async1 end')}async function async2(){ console.log('async2')...
2020-05-07 15:15:15
234
原创 element UI动态增减表单项表单验证 以及 自定义表单验证 的一些想法
一、前言今天做项目遇到一个关于表单验证问题，前端vue+elementui，用的 el-form表单，表单项是由后端数据，使用v-for渲染出来，我们该如何定义每个表单域的验证规则呢？二、思考大概可以这么做：后端返回数据的同时，加上每个表单域的验证规则，通过rules属性设置。属性作用label指定表单项前面显示的标签key相当于表单的nameprop...
2020-04-30 14:47:21
1012
原创 小程序不支持标签选择器、id选择器？那就不用。
一、问题出现假设现在我们有一个自定义组件 我们需要为其设置flex-grow属性，让各个组件的大小相等，平分父容器空间，//组件 table-cell<view> <text>文本</text></view>//父组件中使用了table-cell组件<view class="parent"> //这里假设parent{w...
2020-04-29 10:34:34
2934
原创 记录一次问题：taro小程序迁移，环境常量失效
一、前言今天将项目从taro1.x迁移到taro2.x，根据官方提示，2.0和1.x是完全兼容的，只需要更改一些配置，安装一些包，官方文档已经说明的我就不说了，可以查看taro文档-迁移二、问题我遇到了两个问题1、警告：react version not specified in eslint-plugin-react settings原因：没有指定eslint的react...
2020-04-26 09:54:00
310
原创 消除input标签的自动填充 白色背景，及更改字体颜色
一、 问题重现在我门开发过程中难免会遇到这样的问题：用户可能会选择浏览器自动填充选择之后就变成了这样，很难看二、问题解决<input type='text'/> <!-- 假设我们的html是这样 -->我们可以用autofil...
2020-04-23 17:39:07
5926
原创 js 函数防抖为什么要用闭包？
前言前两天面试 ，面试官问我闭包的应用场景，我没有回答出来，最近看了看，其中一个场景就是函数防抖节流。开始实验函数防抖是指在函数被高频触发时当停止触发后延时n秒再执行函数（即每次触发都清理延时函数再次开始计时），一般用于resize，scroll，mousemove等现在我们来实现一个功能在输入框中输入一个字符，先显示waiting ，延迟1秒后 在下方输出 这个字符，（就像百度搜索框 ...
2020-04-04 22:51:20
4148
2
原创 react 服务端渲染 基本操作
前言什么是服务端渲染呢？在使用单页面应用框架（如：react、vue等）时，我们的dom树的构建构建流程是加载js->请求所需数据->渲染dom树，也就是说我首次http请求加载过来的仅仅是一个空壳子。如下 <!doctype html> <html> <title>ssr&l...
2020-04-04 13:23:05
189
原创 JavaScript 宏任务与微任务
前言这两天学习了一下js事件轮询机制，看了很多文章，有的人说宏任务先执行，有的人说微任务先执行。看下面例子 console.log('1'); setTimeout(function() { console.log('2'); new Promise(function(resolve) { console.log('4'); ...
2020-03-20 13:45:41
223
原创 关于闭包的一道面试题 字节跳动（学到了）
记录一个题目：以下面函数为模板，在不定义全局变量的情况下输出以下结果。function count() {//here code}count(); // 0count(); // 1count(); // 2答案：function count() { let i = 0; // 名称必须是count，不能是其他 count = function () { co...
2020-03-19 18:27:47
149
原创 JavaScript 箭头函数与普通函数有什么区别？
一、定义的形式不同：箭头函数带箭头，普通函数不带二、箭头函数全都是匿名函数：普通函数可以有匿名函数，也可以有具名函数。let fn= ()=>{ //箭头函数定义}function fn1(){//普通函数定义方式}//或let fn2=function(){}三、箭头函数中this的指向不同：箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了...
2020-03-19 17:53:16
2657
原创 今天学习了Mvvm的原理
首先我们先解释一下下面用到的几个函数和对象1、observe 观察者2、Watcher 监听者3、dep 监听者容器，就是一个数据的监听者（Wacher）都放在里面4、notifiy 用来通知所有某数据的所有监听者，即通知数据的 dep的所有对象5、updater 更新器包含多个更新器 根据不同的数据类型，执行不同的...
2020-03-15 19:53:03
189
原创 react前后端完全分离纯前端部署出现问题,服务器拒绝访问
一、前言最近写了个项目 ，将前端页面和api分开了 ，部署前端的时候由于还是使用的开发服务器，出现了一些问题，如果使用nginx或者apache这种服务器指向编译好的页面也是可以的，但是我懒得弄就出现了二、出现问题在服务器上运行 npm run start，然后正常出现一些提示信息，但是通过ip或域名访问的时候就是无法访问到。出现访问被拒绝。三、尝试解决失败由于我是刚买的服务器 ，我...
2020-02-23 15:00:09
1256
原创 react脚手架配置多编译入口TypeError：Cannot read property 'filter' of undefined
最近由于项目需要，需要配置多入口编译，也就是一个html对应一个js入口所以就去网上搜，大概都是这么个步骤首先创建项目$ create-react-app myapp然后执行npm run eject 可以将webpack的配置文件暴露出来 ，然后修改webpack的配置文件 入口改为多个。这就是大致步骤但是！！ 我就是配置不成功，配置了入口entry:{ index:'....
2020-02-18 19:04:17
3617
2
原创 小米2020前端校招笔试题 addEventListener事件触发顺序
以下前端代码的运行结果是（）<div id="box1"> <div id="box2"> content </div></div><script>const $ = document.querySelector.bind(document);const box1 = $('#box1');const box2...
2020-02-12 10:58:30
413
原创 react子组件修改父组件state的方法
解决思路：可以父组件给子组件传递一个事件，子组件接收这个事件，调用它，就会触发父组件中的方法，可以改变父组件的state子组件：class Child extends React.Component { onClick = () => { this.props.setParentState(3) } render() { return ...
2020-01-03 18:34:53
4165
原创 十字链表的构造
基本概念十字链表（Orthogonal List)是有向图的另一种链式存储结构。该结构可以看成是将有向图的邻接表和逆邻接表结合起来得到的。邻接表固然优秀，但也有不足的地方，比如对有向图的处理的时候，有时需要建立逆邻接表。十字链表将邻接表和逆邻接表整合在一起。十字链表虽然结构复杂，但其创建图的时间复杂度和邻接表是相同的。结构分析入弧和出弧：入弧表示图中发出箭头的顶点，出弧表示箭头指向的...
2019-10-27 18:52:58
851
1
原创 windows下安装tensorflow-GPU （快速搭建版）
**一、 anaconda的安装**如果有梯子的话可以在官网下载anaconda官网：https://www.anaconda.com/distribution/没有的话在这里给出百度云链接：链接：https://pan.baidu.com/s/1kMEAbg00T8I6BieGQWfYGA提取码：slhj双击安装就行了安装教程请去搜下；**二、 anaconda创建环境*...
2019-06-01 23:40:02
182
原创 tensorflow训练时安装pycocotools
背景tensorflow训练模型是需要安装pycocotools安装步骤1、安装Cython2、安装pycocotools出现问题在windows下安装Cython可能会报error: Microsoft Visual C++ 14.0 is required. Get it with "Microsoft Visual C++ Build Tools": http://landin...
2019-05-31 21:28:36
1451
原创 Provisional headers are shown问题见解
这个问题困扰了我好几十分钟，先上图：导致这个问题的原因是：服务端没有返回数据一直在等待 ，可能进入了死循环搜了好多其他大难也看不出来，最后决定一点一点的排查最后发现犯了个低级错误我使用的dcpc连接池，并且使用后没有关闭，资源一直被占用，导致死锁，这个错不该犯的，就算不使用dcpc连接池也要养成用过之后释放数据库连接的习惯。。记下这个小错误，以后不犯了。。...
2018-12-20 22:25:47
2283
1
原创 ubuntu下apache ssl证书安装
一、环境要求 1、ubuntu 2、apache2服务器二、开始安装Certbot Certbot介绍： 1、下载Certbot免费https证书客户端certbot-auto wget https://dl.eff.org/certbot-auto 2、给予可执行权限 sudo chmod a+x certbot-auto 3、生成证书 3-1 :首先需要关闭ap...
2018-08-26 20:11:52
2517
1
原创 django+apache在Ubuntu环境下部署
1、安装python(我这里用的是python 3.5) 2、安装apache 2.4 3、安装diango 4、创建diango项目开始能用到部署的朋友想必以上几步已经完成了 比如我门在/var/www下执行了 $django-admin startproject HelloWorld命令$ cd HelloWorld/ 目录结构如下： |– HelloWorld |...
2018-07-13 11:34:56
454
1
原创 线性回归的一些理解
这几天看了Ng老师的机器学习教程在此写下一些理解： 举一个预测房价的例子： 面积 m^2 价格 w 1000 101 1500 130 2000 210 3210 293 4500 434我们有这些训练数据,我们可以这些数据抽象成一个个的数据点，如下图： 我们可以看出这些点并不一条直线上，但是我们想画一
2018-01-25 21:59:31
1104
1
原创 vue.js+webpack 实现模块化
准备 工具： 1、node.js 2、webpack 3、vue.js 说明：在进行之前请先安装node.js，因为接下来的工作都基于node.js环境。比如webpack就是基于node.js才能运行，另外我们还要使用npm ，npm被集成在在node.js中。 npm 介绍 ：https://zhuanlan.z
2017-08-16 19:35:29
1021
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人