- 博客(74)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 inline元素(img)和块状元素(div)、inline-block元素之间出现间距的原因及解决方法
最常碰到的就是img和div/li之间的间距了；发现很多博文说是因为空白键距引起的我自己试了下，div和img并不是这样，inline-block确实是因为空白符之类引起的我把他们写在一行，间距还是存在，设置vertical-align:middle之后就解决了设置vertical-align参考 ： https://www.jb51.net/html5/518714.html有时间详细记录一下...
2020-06-02 23:06:00
487
原创 webpack+react+typescript+sass项目搭建
今天自己尝试搭建项目框架实现hmr时报了两个错控制台报错Uncaught ReferenceError: React is not defined控制台报错ERROR in (webpack)/hot/dev-server.jsModule not found: Error: Can't resolve './emitter' in '/Users/lorry/workspace/up...
2020-03-20 18:53:41
710
1
原创 webpack小白笔记
一直知道有用户片段 但是也没有尝试过，今天比较????♀️????♀️????♀️????♀️????♀️；尝试用了一下，简直不要太爽1.选择点击左下角设置icon，选择User Snippets；选择你想为哪种语言设置代码块2.开始了我选择JavaScript其实很简单，直接上配置吧，其他的也都是这么配的，我的这个比较简单js "Console more vari": { "prefix": "l...
2020-01-21 16:57:45
435
原创 小程序+F2，异步获取数据渲染图表；this.selectComponent为null
this.selectComponent(#${idName});在onLoad里获取不到组件实例，导致图表没法加载出来，最后解决方法是把initChart代码块放在本次循环之后执行。function chartFn(data) { function initChart(canvas, width, height, F2) { // 使用 F2 绘制图表 //.....
2019-10-22 14:58:05
1983
2
原创 React Hooks学习之路【1】
拖了好久的想学习的心终于到达了极点，对照着中英文档、以及一些优质博客对React Hooks进行学习和延伸。1. 什么是React Hooks，它解决了什么？React Hooks是16.8的新特性，允许我们不写class组件也可以使用state和其他React特性，hook本质是一个functionA Hook is a special function that lets you “h...
2019-08-29 14:23:27
756
原创 执行git pull显示already up-to-date，但是本地代码并没有显示出来其他人的改动
如题之后我再push我的代码就报错，错误信息如下，但是pull、fetch又显示已是最新，令人头秃To http://git.sankuai.com/scm/myfe/canary.git ! [rejected] feature/double_redpack1.2 -> feature/double_redpack1.2 (non-fast-forward)...
2019-07-22 17:21:21
15927
2
原创 position sticky
一直是模模糊糊知道个大概，今天有空试验梳理一下~sticky定位就是在阙值前是相对定位，一旦到阙值就是绝对定位position:sticky父元素不能是overflow:hidden/auto必须指定top\left\right\bottom，如果不指定，则处于相对定位如果父元素没有滚动框则相对的是viewport，如果有则相对于拥有滚动框的父元素父元素高度不能小于sticky元素高...
2019-06-09 14:23:53
237
原创 typeof 为什么判断null是对象类型？instanceof判断的原理是什么？
JS的数据类型有六种BooleanNumberStringundefinednullSymbol用typeof判断类型的话，会出现下面的问题typeof null // Object出现这个结果的原因：在JS的最初版本中使用的是32位系统，为了性能考虑使用低位存储变量的类型信息，000开头的是对象，null是全0，所以将null误判为Object了，虽然现在的内部类型判断...
2019-04-12 16:41:52
2922
原创 js中new 到底做了瓦特？？比较new、Object.create、Object.setPrototypeOf
实例化的时候我们都是这样：var box=new BOX()那么new在中间有什么作用呢，new 先创建一个新对象b=new Object();将构造函数作用域赋给新变量 b.proto=BOX.prototype;执行构造函数中的代码（属性，方法什么的），this指向b如果BOX返回的是值类型，就直接返回b，若是引用类型，则不要b返回这个引用类型,这里开始不太懂，找到了...
2019-04-07 10:44:40
763
原创 替换元素、非替换元素、行内替换元素、行内非替换元素
阿 虽然是超级简单的知识点但是我老是忘记还是记录一下吧行内元素、块级元素都不陌生了，但是很奇怪为什么有的行内元素可以撑开父元素，有的不可以呢，行内元素设置padding、margin到底会不会生效呢？替换元素替换元素就是浏览器根据标签的元素、属性来决定如何显示，比如img、video、input、textarea非替换元素就是div、span、p、h1-h6、这些上demo和效果图...
2019-04-05 21:20:04
2232
原创 koa-session，koa-passport，passport-local做本地登录验证
最近在做毕设，以前没有做过登录验证这种，总觉得很简单，就是数据库里验证用户名密码，真正做起来，查阅资料的时候发现并不是那么简单，本篇也是按照网上资料的步骤来的，所以记录下步骤install koa-session、kos-passport...
2019-03-26 12:56:55
1520
2
原创 小程序里面，view button组件设置display为inline-block，会上下错开
如图，很简单的结构和样式使用view、button组件，两个组件上下错开，换成两个都是view，或者都是button无问题，此处存个疑( ′◔ ‸◔`)
2018-12-04 10:59:49
3308
3
原创 小程序view，image上下间隙，onReachBottom
小程序view，image上下间隙， <view> <image ></image> <view></view> </view>代码结构是这样的，image同view之间会有间隙，产生原因、解决办法同pconReachBottom不起作用的时候，检查一下json文...
2018-11-29 14:55:19
646
原创 await写在async函数里，为什么还是报错，
我已经注明expelApprentice是一个async函数，但是54行的await就会报错，await只能在async函数里用，这话没错，报错的原因是我的success是一个函数，我的that.requestExpelEnv(dataset.expelinfo.apprenticeUid);其实是在success里的，但是我把async注在最外层的expelApprentice里，解决办法...
2018-11-09 10:38:50
6729
2
原创 关于koa-send的path参数
先说一下问题场景吧，产品需要将数据处理并汇总到一个Excel，但是因为数据太多了，前端实现不现实，所以就想着写一个脚本运行着，运行完的就展示在最右侧的 “已完成任务列表”，用户需要的时候点击下载即可，下载接口负责将文件找到，并且用koa-send发送给前端。如果是相对路径，只需要提供ctx，path就好const excel_path = './runtask/' + excelName ...
2018-11-01 11:21:16
2407
翻译 XLSX && 前端解析excel数据 && 将对象数组转换成Excel表导出
最近需求里有这个功能，我选择在前端解析，所以需要用到XLSX依赖避免以后用的时候又百度，这里记录一下// 将excel里的数据解析成Array<Object>形式const that=this; var files = e.target.files; var fileReader = new FileReader(); fi...
2018-10-30 15:36:36
1667
翻译 HTTP请求中的传参方式form data、 request payload、query string parameters。
Content-Type: application/x-www-form-urlencoded(常规的HTML页面上的form的Content-type默认值)，此方式是以form-data形式提交，即以&amp;符号拼接。xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');xhr.send('...
2018-10-24 16:13:04
6506
原创 mpvue 搭配 minui
为了快速开发，主要是练习mpvue，所以选择了一个UI库 minui，还是很不错的，但是配置真的撒疼，找遍了方法【网上几乎没提到这块怎么配的】，倒腾了一天最后只需要一点点改动 生气 minui传送门我的项目是mpvue快速搭建的最终解决方案在需要使用组件的文件夹下的main.js里export default { config:{ "usingCompo...
2018-08-09 17:10:22
8845
10
原创 mpvue-在Created，beforeCreate钩子里的内容会全部执行，无论这个组件是否是当前组件，mpvue配合sass的方法
现有两个组件 欢迎页和主页 主页的生命周期钩子created created(){ console.log(this.$store.state); //返回的是Observer类型，不能得到具体的，只能在他之后的钩子调用},beforeMount(){ this.userInfo=this.$store.state.userinfo; ...
2018-08-09 17:00:52
2587
原创 mpVue & Vuex
在mpvue中使用vuex和在vue中使用是不一样的 我的src下有page和vuex文件夹 应该在src下的main.js里操作import store from './vuex/store.js';Vue.prototype.$store=store;const app = new Vue(App)app.$mount()这样就可以了 其他用法类比在vue中...
2018-08-08 13:31:58
823
原创 ajax请求下载文件无效
最近有一个需求是根据用户选择的时间段，下载数据到excel表中，前端只需要一个接口，发送请求即可，最初使用普通的ajax请求发现无法下载，但是在一个tab页里却可以打开。 整理的三个解决方案如下使用location.href使用window.open使用一个a标签 ，在href里写路径...
2018-08-06 10:48:15
609
原创 React中的 React.Fragment 用法
阅读代码的时候发现这个，从来没有用过遂查了查在代码过程中肯定有这个需求class Table extends React.Component { render() { return ( <table> <tr> <Columns /> </tr> &l...
2018-08-01 14:44:28
10548
原创 react 兄弟组件，或者是没有共同父组件的非兄弟组件间的通讯
父组件与子组件通讯经常用的是props，那么兄弟组件呢【标题的情况同样适用】 今天记录一下使用自定义事件的方式实现通讯引入一个events包 npm install --save events新建一个event.js，引入event包，并向外提供一个事件对象，供通讯时使用import {EventEmitter} from 'events';export defaul...
2018-07-23 16:21:27
953
原创 ld-notes
componentWillReceiveProps(object nextProps) 此处不能使用 this.props，该方法所取到的props为老组件的props，组件接收到一个新的props时才会调用，初始化render 不会调用，在这个函数内调用this.setState()不会增加一次新的render2. ...
2018-07-20 14:38:22
125
原创 react 在constructor中使用this.props
如果要在子类中使用父类的属性和方法，就要调用superreact中，要在constructor中使用this.props就要调用super(props);如果父类中的构造函数有参数，在子类中要继承父类的属性和方法，调用super(/父类接受的参数/)...
2018-07-19 17:44:22
2334
原创 【React采坑之旅】render返回视图模板，但是数据是异步从后台获取的，执行render时正确的数据并没传递给模版，如何解决？
首先要知道render钩子是在state改变之后就会调用，利用这个特性可以达到异步获取的数据渲染模版，呈现在页面上demo：constructor(){ this.state={ haveData:false, //默认是没有获取到数据 }; axios.get(this.state.url+'mock/swipe/index.json...
2018-05-27 19:36:55
5796
4
原创 【React踩坑之旅】 ajax或者axios请求本地json时返回的是一个index.html文件
因为公司需求不得不在学了两周vue之后转战React 哭唧唧~~~ 问题就是我请求一个本地json，额滴神 我放在同一目录下都请求不到，Ajax的responseText总是返回一个html文件，后来换axios不行，fetch不行。。。以前完全没遇到这个问题好吗，尝试了各种方法都不行，好吧 百度吧， 为什么会出现这个问题呢 React起项目的时候他有一个localhost:${root}...
2018-05-27 11:33:11
6863
原创 转战Vue，开始采坑之旅
奇葩报错第一个坑就是eslint总报错，我明明什么都没做 cli生成的还报错 气炸 Newline required at end of file but not found，这个要在代码结束后留一行出来 Expected linebreaks to be ‘LF’ but found ‘CRLF’ 【网上的解决办法不能解决我这个问题，占位，】插件篇我是用vscode， ...
2018-05-04 14:52:28
265
原创 JavaScript的深拷贝、浅拷贝
概念浅拷贝对于值类型，他拷贝的就是这个值，对于引用类型，他拷贝的是他的引用，如果你拷贝的引用类型改变了，也会导致结果发生改变深拷贝和浅拷贝相反，var a,b ；假如a里面有引用类型，我现在拷贝a到b里，某时刻a的引用类型发生改变，你再输出b，这时候b是不变的。 概念很好理解emmmm看代码通用黑科技利用JSON方法来实现，简单粗暴， var a...
2018-03-19 17:17:27
200
原创 jsonp实现一个百度下拉框
思路就是获取用户输入，然后根据用户输入调用百度的一个接口jsonp实现跨域请求，然后将百度返回给的内容渲染数据到视图。需要注意的就是，发送请求的时候记得编码用户输入的内容var obj=document.querySelector('#user-input'); var body=document.querySelectorAll('body')[0]; var ul=docu...
2018-03-07 19:52:17
349
原创 面试题篇---css3中我不常用的选择器
为什么要写不常用的呢。。因为怕被问，开始想着很好理解的，结果看了下解释很懵，所以还是自己写一遍吧，代码就是在w3school上写的，可能我也理解的不对。。。但是目前就理解到这种程度~~~~高中语文就很烂，上了大学变本加厉div+p 选择紧接在 元素之后的第一个 元素。 【w3school上贴的所有，emmm但是只对第一个p标签有作用】 [attribute] [target] ...
2018-03-07 14:30:23
578
原创 面试题篇---只使用css，如何使页面中原有的dom不可见的8种方法
background：transparent；display：none；opacity：0；position：absolute；z-index：-1；【不限于-1】transform：scale（0）；transform：skew（0，90deg）；height：0；visibility:hidden；emmmm百度和我只能想到这么些了，欢迎补充~...
2018-03-07 09:02:01
757
原创 js实现栈、队列、链表数据结构
面试遇到的问题，当时有点懵 脑袋一片空白，面试完了想了下，我可能是傻了，明明在问这个问题之前面试官问了我字符串都有哪些操作方法！！！我是真鱼吧！ 今天看了下《学习JavaScript数据结构与算法》堆栈相关章节，有自挂东南枝的想法。栈数据结构有讲过，栈是一种遵从后进先出原则的有序集合，书中对栈的形容非常到位，就像是堆盘子，先放的肯定在下面的位置，最上面的是才放的。给栈内添加元素，最先...
2018-02-26 11:05:21
1360
3
原创 js数组去重的方法，
数组去重的作用，现有一个数组[[1,1,2,4,6,2]]，去重后就是[[1,2,4,6]，那js怎么实现呢？1.indexOffunction unique(array) { var arr=[]; for(var i=0;i<array.length;i++){ // 说明当前array元素不在arr数组里面 ...
2018-02-23 12:57:09
167
原创 js实现vue双向数据绑定 利用访问器属性
双向数据绑定面试一般都会问到，恶补一下， 首先要了解访问器属性用法，时间关系，先贴代码，有时间了分析一下 详解CDN上有Object.defineProperty(obj,propertyName,{ get:function(){ //读取obj对象的propertyName属性时执行 ...
2018-02-23 11:42:58
361
原创 js事件委托
事件委托也称事件代理，JavaScript高程上讲：事件委托就是利用事件冒泡，指定一个事件处理程序，就可以管理这一类型的所有事件。 举个栗子，我有一个ul标签，下面有很多li标签，每个li标签都需要添加事件，难道我们要获取每个li然后在添加事件吗？ 这样太浪费内存了，也不利于网页性能优化，我们要尽可能减少dom操作，所以我们能不能只给ul添加点击事件，然后利用事件冒泡，这样每个li标签都有事件了...
2018-02-23 11:03:03
1452
原创 初探“BFC”~~
特性和产生的情况复制粘贴，主要记录一下实际动手的结果以及自己的理解，特性：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。BFC的区域不会与float...
2018-02-22 20:04:28
183
原创 屯一波面试题
修改了垂直居中通用方法，父元素需要添加height; 都是同学，我面试碰到的题，都总结一下，万一哪次让我碰到了呢， 后面内容太多，这篇就提一下有什么，具体内容我会另外写篇博文，不然写在一起看起来很费事儿~1.SEOseo（Search Engine Optimization）:搜索引擎的优化，具体是指通过网站结构调整、网站内容建设、网站代码优化、以及站外优化等使网站满足搜索引擎的收录排...
2018-02-22 18:35:27
235
原创 js日历插件
最近因为项目需求，懒的看别人的源码所以自己动手写了一个原生的js日历插件， 这里就简单分析一下，代码不在这里，biu~ js，css，html都在calendar.html里需要了解var date=new Date();//获取date.getFullYear();//获取年份（2018）date.getMonth();//获取月份（number类型 ，1）date.ge...
2018-02-21 14:19:00
5446
1
lrc文件转码utf-8
2017-11-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人