Tuzei的笔记-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

Tuzei的笔记

专栏成员

20

文章

47851

阅读量

14

订阅数

[前端][CSS]用ps的方式理解层叠上下文

https 网络安全

之前看了大佬的对层叠上下文的解释 https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/ 然后感觉对各种设置了z-index的情况可以用Photoshop里图层的方式来进行一个理解会直观很多。

2020-03-16

4300

[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动

https 网络安全

最基础的思路就是表头和内容是用两个表格来显示（图来自https://zhuanlan.zhihu.com/p/33280304），关于怎么保存表头和内容列宽一致链接里这个文章里也有写就不另外说了。

2020-03-16

5.5K0

[前端][原型链]一道题串联原型链易混淆点的整理

javascript 编程算法

看到别人问这个问题，自己输入了一下发现输出的是a，感觉和想象中的不一样于是分析了一下，顺便回顾一下关于原型链的知识点。

2020-03-16

4250

[前端]css3 transition实现顶部滚动公告栏/通知

css class setinterval transform transition

大概的原理，是让整个列表的margin-top从0再不断的减小，直到第一条通知完全离开可视范围，将第一条通知插入到列表的最后。同时把margin-top又变回0。

2020-03-16

3.1K0

[前端]vue中打包后-webkit-box-orient: vertical消失（超出省略号失效）

之前写代码的时候遇到一个问题，就是用了下面这段css代码来让文字超出范围隐藏并显示省略号。

2020-03-16

9750

[前端]图片转换为字符画/文字云遇到的问题

https 网络安全

在查看大佬的源码时，突然灵光一闪，想到以前在用echarts做文字云遇到的一个问题。那个时候是使用了echarts的文字云插件库做的（https://github.com/ecomfe/echarts-wordcloud）

2020-03-16

2.4K0

[前端]一个空格引发的血案

css container flex image png

是用flex布局，中间是grow等于1，内容是铺满整个container的但是却出现了这种情况

2020-03-16

5340

[前端][css]float left布局换行不正常问题

css html height image png

最近遇到一个页面布局上的问题,后来模拟了一下还原了下出现的原因。本来大概想实现的布局大概是这样的

2020-03-16

1.3K0

[前端][兼容]ios微信浏览器里音乐无法播放的问题

微信 iphone ios

开发H5的时候遇到了ios微信浏览器里音乐无法播放的问题（安卓正常）。搜索资料发现ios微信浏览器里需要用户和屏幕有过交互（点击之类的）之后才能播放音乐。一般情况下会使用WeixinJSBridgeReady的方法（或者wx.ready）实现兼容，如下

2020-03-16

1.5K0

[前端][微信浏览器/canvas]长按二维码图片无法扫描问题的解决方法

微信 html5 android canvas php

最近开发H5，用户浏览的环境主要是在微信下。 H5的最后一页是用canvas的toDataUrl生成了一个base64的图片，然后放到img标签里放在最顶上，让用户可以长按图片保存和扫描二维码。但是实际测试中发现，iPhone是可以实现长按保存和扫描二维码的，部分安卓是只能保存，而识别出二维码无法跳转，停留在原地。开始找到的方法是将base64转成blob，再转成blobUrl放到img.src里。这样安卓和苹果都能扫描，但是发现这样就无法保存图片了，微信应该限制了blob类型的保存。最后是发现，本来toDataUrl的类型写的是image/png,将类型改成image/jpeg就可以了。 canvas.toDataURL("image/jpeg")

2020-03-16

2.3K0

文件下载的一些坑（IE 11，edge）angular2为例

angular2 blob navigator safari stream

最近项目里关于文件下载的功能遇到了一些坑，项目是用angular2（其实是4不过为了和angularJS1.x区分）写的，所以以这个为例子，但是其实这个坑是所有的都有。首先前端发送一个get请求，后端返回application/octet-stream类型首先加一个responseType

2020-03-16

1.2K0

Angular2打包遇到的问题与解决方法(二）

http://www.jianshu.com/p/8943ff86349a 之前这篇是说了路径的问题这次是说准备部署时的打包首先还是基于这个 ng build --base-href /test/dist/ 但这样打包出来的代码非常大，所以需要生产环境的打包 ng build --prod --base-href /test/dist/ --save 或者 ng build --prod --no-extract-license --base-href /test/dist/ --save 不过这样打包可能会报错，这是因为生产环境的打包检查代码会按照严格模式，一些public写成private的问题开发时不会报错，但生产环境下打包就会报错。还有类似item.a.b这种如果a是后来才创建的，也会报错，改成item.a['b']这种方式就可以解决。这些报错我的解决方式就是一个个对着去改，不知道还有没有什么更好的方法。还有如果想用cdn的方式引用外部代码，可以直接在index.html的头部写

2020-03-16

8710

Angular2打包遇到的问题与解决方法

angular2最后想打包放到服务器，需要在文件目录运行 ng build 命令，运行完会生成一个 dist 目录，将这个目录放到服务器上就可以了。但是这一过程出了点问题，打开index.html一片空白，控制台报错

2020-03-16

1K0

Angular2里获取（input file）上传文件的内容

最近在用Angular2，需要有一个上传文件的功能，但是又不想用库，所以直接用原生的input file 标签。

2020-03-16

2.6K0

[前端][ionic2]ionic2项目环境搭建

npm javascript node.js sass

最开始用npm安装ionic，记得把npm升级一下到最新版本。npm install –g ionic 记得要全局安装。

2020-03-16

4820

手把手教你设置局域网访问虚拟机内服务器

tcp/ip 网络安全 nat NAT 网关其他

如果我们在虚拟机内搭建好服务器后，希望可以在局域网内的设备上都能访问到这个虚拟服务器，就可以参照以下步骤来操作。其中包括了很多遇到的坑。先说说我的环境是

2020-03-16

14.3K0

[正则表达式]利用正则表达式获取两者之间的内容

windows 编程算法正则表达式 python

起因是同学找我问怎么用正则表达式获得——比如说12.3亿元中的“亿”，3千万元的“千万”。然后我试了很久，直接用在线测试工具测的，发现零宽断言里的(?<=exp)一直不起作用……后来发现应该是js不支

2020-03-16

2.2K0

[前端]利用WebAudioAPI获取音频频谱（html5音频可视化）

http https 网络安全网站 api

项目希望可以把音频可视化，有条随声音波动的曲线或者是像唱吧那种。开始是搜到了腾讯大腿（TGideas）写的audio可视化组件，想着直接用，后来各种原因还是打算自己重新写一个……虽然明显写得low了很多。腾讯大腿的audio组件地址 http://www.3fwork.com/b403/001620MYM013253/ GitHub https://github.com/tgideas/motion/blob/master/component/src/main/audio/audio.js

2020-03-16

3.8K0

[前端]使用曲线将多点连成一条平滑的曲线

java android image paste png

之前在写一个项目需要把多点连成平滑的曲线，而且这些点是无法预知的。开始想到用贝塞尔曲线，但是具体贝塞尔曲线的控制点要怎么设定，怎样让多点都落在曲线上而且保持曲线的平滑，就一直没想到。后来参考了一篇

2020-03-16

1.6K0

[前端]使用html5视频标签（video）遇到的各种问题

chrome localhost 视频视频编码原理

or 试试本地/服务器 ——360直接在ws的localhost跑某些视频不行，本地直接打开就可以了，也不知道什么原理。

2020-03-16

1.4K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态