前端开发
Neokekeke
编程小小白,梦想是把世界上美景逛一遍~~
展开
-
webpack中文件打包 hash、chunkhash、contenthash 的区别
spa-clicustom cli supply for vue or reactbranchmaster – basevue – base + vue configreact – base + react config原创 2020-08-21 17:53:16 · 4054 阅读 · 0 评论 -
Promise.all && Promise.race
Promise.all()当我们想“并发执行”若干个任务的时候,比如要加载网站的首页,期望是要等api请求结束拿到数据后,才展示完整的首页,我们很容易就想到了Promise.all。但是Promise.all有一个缺陷:当有一个任务失败的时候,就会直接进入catch的逻辑了。这个可能并不是我们想要的结果。我们期望每一个请求都被监测到都被返回,不能因为请求接口失败而阻塞页面数据渲染。Promise.all([]),执行规则是按异步耗时最长的Promise触发回调,回调结果也是一个数组,即Promi原创 2020-07-28 10:15:50 · 242 阅读 · 0 评论 -
html2canvas截图问题小结
传送门:html2canvas官网原理:首先html2canvas截图的原理是分析需要截图的dom元素部分,这部分需要截图的dom是需要显式存在整个页面的dom文档流中的,意思就是需要被截图的dom的样式不能是隐藏(opacity: 0 或 displa: none)。场景:移动端H5页面海报分享,页面海报显示和保存的海报需要不一样(如带上用户昵称等)?小结:既然显示的和保存的海报需要不一样,又需要生成的海报显示存在dom中,其实可以使用绝对定位,并调整一下截图区域的层叠关系z-in..原创 2020-05-19 16:58:40 · 862 阅读 · 0 评论 -
JQuery简单下拉加载
用jquery简单实现下拉加载功能,主要确认几个点,window的高度,window滚动条到顶部的距离,document文档滚动条到顶部的距离。 条件: (window的高度+window滚动条到顶部的距离)>=document文档滚动条到顶部的距离加载下面数据//HTML <div>下拉加载更多...</div> <div id="main" style="height:原创 2018-01-10 16:37:00 · 756 阅读 · 0 评论 -
JavaScript实现函数重载
参考:浅谈JavaScript函数重载简单的说如果JS函数需要实现重载的话,可以根据arguments对象的length值进行判断。function overLoading() { // 根据arguments.length,对不同的值进行不同的操作 switch(arguments.length) { case 0: /*操作1的代码写在这里*/ break转载 2018-02-24 23:56:29 · 909 阅读 · 0 评论 -
call和apply的作用和区别
call和apply用来调用函数,并用指定对象(第一个参数)替换函数的 this 值,同时用指定数组替换函数的参数。注:也可以不指定参数,此时只是单纯的调用函数, 如:fun.call()语法: fun.call(thisobj,arg1,arg2) ;当后面参数个数确定时用call,参数之间用逗号连接 fun.apply(thisobj,[arg1,arg2]);当后面参数个数不确定时用转载 2018-02-25 00:14:07 · 417 阅读 · 0 评论 -
window 下Charles抓包工具抓不到包,抓包请求数为0解决方法
Charles工具抓包请求数为0时,这是不正常的,因为在网络环境下,每时每刻都可能会有网络请求,这种情况一般是window 下使用了其他代理工具,如翻墙工具等,只要把其他代理工具关闭就可以正常抓包了。...原创 2018-08-31 21:13:11 · 2268 阅读 · 0 评论 -
Antd table expandedRowRender 属性小结
最近在使用阿里的antd,用到了Table组件,在Table组件中使用expandedRowRender 这个属性的时候遇到了未知的坑,数据是有的,但是点击+没有任何反应,网上资料都是源数据中需要加上key字段,如果源数据无法提供key字段,在Table中需要提供rowKey属性<Table rowKey="uid" />;但是但是,我在拿到源数据的时候给数据再封装了一层,加上了k...原创 2018-11-02 15:30:48 · 20567 阅读 · 3 评论 -
JS ,JQuery 随机输出一种颜色
任何一种颜色都可用红(Red)、绿(Green)、蓝(Blue)三种基本颜色按不同的比例混合得到,称为相加混色。 在计算机中,将红、绿、蓝三种颜色分别按光强度(深浅)的不同分为256个级别,0级实际上是黑色,255级是纯色(红、绿或蓝),分别用8位二进制数表示。 纯黑 :0 0 0 纯白:255 255 255 纯红:255 0 0 纯绿:0 255 0 纯蓝:0原创 2018-01-09 15:24:23 · 5777 阅读 · 0 评论 -
Vue2.0问题总结—在父组件中无法渲染子组件的问题
最近刚入门Vue2.0,准备跟着文档写demo,由于自己的粗心导致出现的一些问题,在这里总结下。先贴下我的VSCode中Vue快速添加的通用代码模板: "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template>", " <div></div>",原创 2018-01-25 15:47:46 · 6958 阅读 · 0 评论 -
JavaScript中的应知应会
下面的知识点都是JavaScript中常用的特性,掌握这些特性有利于提高对JavaScript使用的熟练程度和提高,网上也有很多资料,以下也是个人的一些总结,我也是初学者,很多知识点还非常欠缺,哪里理解错了的,还望有大神不吝赐教,指出…… 持续更新中……1. 闭包闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包到底是什么? 闭包有原创 2017-11-13 11:42:52 · 347 阅读 · 0 评论 -
Lintcode
Lintcode算法库原创 2017-10-20 10:07:35 · 338 阅读 · 0 评论 -
Cookie【详解】
【(转)文章出处:http://mp.weixin.qq.com/s/V_vRldvxut4iezM3EI-Bfw】cookie 前言 网络早期最大的问题之一是如何管理状态。简而言之,服务器无法知道两个请求是否来自同一个浏览器。当时最简单的方法是在请求时,在页面中插入一些参数,并在下一个请求中传回参数。这需要使用包含参数的隐藏的表单,或者作为URL参数的一部分传递。这两个解决方案都手动操作,容转载 2018-01-11 10:09:30 · 576 阅读 · 0 评论 -
ES6标准新引入-【interable】
interable【迭代】array可以使用for下标循环,但是Map和Set无法使用for下标循环。ES6标准为了统一,特意引入 interable 类型,Array/Map/Set都属于 interable 类型,可以使用for…of循环来遍历。 for…of 和 for…in for…of循环与for…in循环的区别:① for…in循环用在array中,Map和Set中不能使用;②f转载 2018-01-11 14:45:14 · 1095 阅读 · 0 评论 -
ES6标准Map和Set的用法
js默认的对象表达方式是{}可以视为其他语言中的 Map 和 Dictionary 的数据结构;即一组键值对key - value;(键值对)js有个问题:对象表达方式{}中的键 key 必须是字符串,如下代码:var names={1:”a”,2:”b”};console.log(names.1)//Uncaught SyntaxError: missing ) after argument li转载 2018-01-11 15:15:22 · 1105 阅读 · 0 评论 -
WebSocket 实战
这一节里我们用一个案例来演示怎么使用 WebSocket 构建一个实时的 Web 应用。这是一个简单的实时多人聊天系统,包括客户端和服务端的实现。客户端通过浏览器向聊天服务器发起请求,服务器端解析客户端发出的握手请求并产生应答信息返回给客户端,从而在客户端和服务器之间建立连接通道。服务器支持广播功能,每个聊天用户发送的信息会实时的发送给所有的用户,当用户退出聊天室时,服务器端需要清理相应用户的连接信转载 2018-01-12 10:44:32 · 506 阅读 · 0 评论 -
使用 HTML5 WebSocket 构建实时 Web 应用
作为下一代的 Web 标准,HTML5 拥有许多引人注目的新特性,如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。这其中有“Web 的 TCP ”之称的 WebSocket 格外吸引开发人员的注意。WebSocket 的出现使得浏览器提供对 Socket 的支持成为可能,从而在浏览器和服务器之间提供了一个基于 TCP 连接的双向通道。Web 开发人员可以非常方便地使用 WebS转载 2018-01-12 10:35:55 · 645 阅读 · 0 评论 -
HTML文档加载过程
HTML文档加载的过程:浏览器解析HTML结构加载外部脚本和样式表文件解析并执行脚本代码构造HTML DOM模型 //ready事件在此触发加载图片等外部文件页面加载完毕 //load事件在此触发原创 2018-01-08 19:37:11 · 687 阅读 · 0 评论 -
前端开发的一些网站
前端学习需要用到的一些网站 最近从网上收集的一些对前端开发有帮助的网站 我常用的有: 千库网, jQuery之家, 前端在线工具, 字体库, 阿里图标, RBG转16进制, itmeo素材类网站 http://588ku.com/ 千库网,一个免费下载图片素材的网站 https://unsplash.com/ Unspla原创 2017-10-19 11:42:14 · 414 阅读 · 0 评论