首页
学习
活动
专区
工具
TVP
发布

杰的记事本

专栏作者
231
文章
480993
阅读量
32
订阅数
利用SSE服务器主动向浏览器端发送消息
我们知道我们可以利用WebSocket实现服务端给客户端主动发送消息,SEE跟WebScoket也一样,可以实现服务端给客户端主动发送消息,但各有不同,如果你只要单向传输的时候,其实SSE更方便使用。
javascript.shop
2020-09-07
2.6K0
利用Purgecss移除未使用到的样式
我们做项目时,通常会使用一些常用的css框架,比如我会经常用到 tailwindcss ,bootstrap 等等,但是使用这些框架后,打包出来的css文件过于庞大,而且很多样式是我们没有使用到的,完全没有必要打包进去。还有一种情况是我们的网站进行改版了,有些样式已经不再使用了,但是我们没有在css文件中移除,导致css越来越大。这时候我们就可以用 Purgecss来只打包我们项目中正在使用到的样式来减小css文件体积。本篇文章使用 tailwindcss 在 vue中的例子进行说明:
javascript.shop
2020-04-17
2K0
Puppeteer已经取代PhantomJs
记得前几年,我们通常会用PhantomJs做一下自动化测试,或者为了SEO优化,会用它对SPA页面进行预渲染,现在有更好的Puppeteer来代替它的工作了,性能更好,使用起来也更加方便,Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包,用来模拟 Chrome 浏览器的运行。
javascript.shop
2020-04-10
5.9K0
分享一些Chrome开发工具的用法
在元素面板选择一个元素,然后在控制台输入$0,就会在控制台中得到刚才选中的元素。如果页面中已经包含了 jQuery,你也可以使用$($0)来进行选择。
javascript.shop
2020-02-17
9290
无法捕获到async await的错误
最近在做.net项目中遇到无法捕获到错误的问题,即使在全局的错误捕获中,也依然没有捕获到,直接造成系统奔溃,究其原因是用了async void 的方法,async void是要避免使用的,详情可以看MSDN这篇文章: https://docs.microsoft.com/zh-CN/archive/msdn-magazine/2013/march/async-await-best-practices-in-asynchronous-programming
javascript.shop
2020-02-14
1.1K0
flex space-between最后一行对齐问题的解决方案
常见的一个图文列表设计,通常是这样的,两端顶着容器,中间的间距平均分,如下图的某东商品列表的设计:
javascript.shop
2020-02-11
2.9K0
position:sticky的尝试
sticky这种设计效果是经常出现的,比如陶宝右侧的工具栏,当我们向下滚动到它的位置时,它就会黏住顶部跟随滚动,类似position: fixed的效果,只不过它的触发条件是当我们滚动到所在位置时,才触发fixed的效果的:
javascript.shop
2019-12-10
9060
Vue如何在父级下使用v-slot的值
https://cn.vuejs.org/v2/guide/components-slots.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD
javascript.shop
2019-11-26
1.5K0
Vue directive中修改v-model值
最近在重构一个旧项目,这个项目用到了一些bootstrap的插件,我们想保留这些插件,就会遇到一些问题,比如我们把插件封装成了directive,在双向绑定方面需要做如下处理:
javascript.shop
2019-11-13
2.7K0
Vue2高版本新特性的总结及其使用
在项目开发中,如果业务比较复杂,特别像中台或B端功能页面都不可避免的会用到第三方组件库,产品有时会想对这些组件进行一些UI方面的定制。如果这些组件采用的是有作用域的CSS,父组件想要定制第三方组件的样式就比较麻烦了。
javascript.shop
2019-10-30
8130
vs2019在线下载过慢解决
最近想安装最新版的visual studio 2019,因为微软是在线下载并安装的,因为大家都懂的某些原因,导致网络非常的慢,只有10KB的速度,后来想去下载离线包,可是一看离线包有20多个G,也放弃了,因为我并不需要那么完整的包。所以还是去解决在线安装过慢问题,这个问题只要修改host即可了,解决方法如下:
javascript.shop
2019-10-21
8K2
flex下省略号的问题及whitespace nowrap
最近在搞微信小程序,发现flex下使用省略号是没有效果的,而且还会打乱预期的结构,查询statckoverflow知道需要在父级设置min-width:0; 但是在我的尝试下,依然不行,原来在上层父级就是flex那一级别也需要设置 min-width:0; 就是可以理解为 省略号标签的flex-item以及所在的flex父级 都需要设置min-width:0;
javascript.shop
2019-09-18
5880
WebAssembly的初步了解
2017年2月28日,四大浏览器,IE,FF,Chrome,Safari宣布达成共识,即 WebAssembly 的 MVP (最小化可行产品)已经完成。大约一周后,Firefox会默认打开 WebAssembly 支持,而Chrome则在第二周开始。它也可用于预览版本的Edge和Safari。如今过去两年多了,发展还是挺迅速的。
javascript.shop
2019-09-18
9080
Serverless的简单介绍
Serverless架构是近年来迅速兴起的一个技术概念。基于这种架构能构建出多种应用场景,适用于各行各业。只要是对轻计算、高弹性、无状态等场景有诉求,您都可以通过本文来熟悉一些基础概念,并从相关场景中获得启发。
javascript.shop
2019-09-12
1.3K0
Javascript Array常见方法说明
不嫌弃包的大小的话,可以使用underscorejs 或者 lodash 更加好用。。。。
javascript.shop
2019-09-05
7440
Javascript(ES5)异步编程常见方法
你可能知道,Javascript语言的执行环境是”单线程”(single thread)。
javascript.shop
2019-09-05
2.7K0
absolute/display隐藏与回流等性能实验测试(转)
1. 关于demo Opera是个性能相当不错的浏览器,要想制作一个可以显示出时间的demo可不是件容易的事情,简单的几个div层的reflow时间必然是0ms, 到底是有回流呢还是没有呢?回流的时间与dom的深度有关,因此,本文的所有demo都是内部为御用图片的498层②嵌套div。因此,友情提醒:千万不要使用firebug等工具去查看HTML代码,浏览器崩掉none of my business!
javascript.shop
2019-09-05
1.1K0
CSS3实现loading效果转圈圈
8个点实际对应于box-shadow的8个投影,图片大小标准32px*32px,考虑到点的八卦布局以及大小限制,因此,我们的容器本身只有3px*3px,于是,有如下的实现代码:
javascript.shop
2019-09-05
6.3K0
CSS兼容性的一些Hack方法
属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀,以达到预期的页面展现效果。
javascript.shop
2019-09-05
1.1K0
HTML的书写规范
The following document outlines a reasonable style guide for HTML development. These guidelines strongly encourage the use of existing, common, sensible patterns. They should be adapted as needed to create your own style guide.
javascript.shop
2019-09-05
6570
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
【玩转EdgeOne】征文进行中
限时免费体验,发文即有奖~
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档