前端技术
唐大帅
学如逆水行舟,不进则退!真正的技术是要拿来做创新的,你要去颠覆点什么,要去创造点什么
展开
-
nodejs 使用request 下载文件报错 Error: read ECONNRESET 的修复方式
最近在编写图像识别模型的时候, 需要爬取一些样本图片,于是用NodeJS编写了一个简单的爬虫。但是在下载图片过程中, 经常会报如下错误:报错部分代码://通过流的方式,把图片写到本地/image目录下,并用新闻的标题和图片的标题作为图片的名称。 await request(gif).pipe(fs.createWriteStream('./appleCode/' + img_filename)).on;一开始我以为是服务器对IP进行了频率验证,后来查看 request 发现官方已经弃用了。于是盲猜是原创 2020-12-06 10:07:08 · 17730 阅读 · 5 评论 -
puppeteer 美式键盘 Keyboard对应表
在查看 puppeteer 文档的时候,发现 keyboard 的链接 404 找了挺久才找到, 所以记录一下/** * Copyright 2017 Google Inc. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the 'License'); * you may not use this file except in compliance with the License. * You原创 2020-11-25 11:16:27 · 1494 阅读 · 1 评论 -
TypeScript保存代码时自动编译并运行
TypeScript保存代码时自动编译并运行在 package.json 中加入 watch 指令,达到监听 .ts 文件变化,自动重新编译。 "scripts": { "watch": "tsc -w" },安装 nodemon 插件,起到监听js文件发生改变自动运行的效果。npm install nodemon3.在 package.json中添加指令并配置 nodemon 忽略文件"scripts": { "watch": "tsc -w", "st原创 2020-10-15 12:00:25 · 2523 阅读 · 1 评论 -
如何解决手机网站的自适应问题
说起手机网站的开发,最让新手脑大的问题,莫过于网站的自适应了。我当初也被这个问题 困扰得抓耳挠腮,因此总结一些方法希望能帮到大家。1、使用meta标签:viewportH5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。是自原创 2017-11-03 11:18:39 · 5539 阅读 · 0 评论 -
网页设计中的三大类配色
在色彩设计应用中,我们对颜色不同程度的理解,影响到设计页面的表现,熟练地运用色彩搭配,设计时岂不事半功倍。一张优秀的设计作品,它的色彩搭配必定和谐得体,令人赏心 悦目,反思我们在设计过程中,怎样的色彩搭配更容易达到设计目的,又是什么影响了我们的配色思维呢?转载 2017-11-28 14:58:26 · 10958 阅读 · 0 评论 -
phpcms V9使用百度编辑器UEditor
phpcms默认编辑器更改转载 2017-11-16 15:50:04 · 3823 阅读 · 0 评论 -
socket.io & Node.js搭建多聊天室
socket.io & Node.js搭建多聊天室转载 2017-12-21 11:03:08 · 1356 阅读 · 0 评论 -
NodeJS、NPM安装配置步骤(windows版本)
NodeJS、NPM安装配置步骤(windows版本)转载 2017-12-25 16:50:18 · 5216 阅读 · 0 评论 -
socket.io & Node.js搭建多聊天室
最近有一个使用websocket技术实现聊天室功能的业务,在简单学习了node.js和socket.io后我弄了一个简单的初始版聊天室,在这过程中主要碰到的困难是node.js的模块引入问题.代码放在了我的GitHub上: https://github.com/value94/websocket-room/tree/master希望能对像我一样的刚入手node.js的朋友有所帮助.原创 2017-12-26 10:50:40 · 613 阅读 · 0 评论 -
前端PS实用切图指南
如何快速,精确的切出一张图是前端工作者每天都要面对的问题,本文总结了一些自己ps切图时的实用技巧,仅供大家交流参考。一.PS智能切图1.ps脚本切图步骤:文件–>脚本–>将图层导出到文件 ps:此方法可以非常智能的导出所有图片,但是对文件较大的处理时间较慢,建议分区分次导出2.基于参考线的手动切图步骤:拉参考线->切片工具–>基于参考线的切片ps:此方法依旧不太适合较大文件,需先分区切图.3.使用原创 2017-10-24 13:09:03 · 524 阅读 · 0 评论 -
css书写规范
css书写规范转载 2017-11-08 15:35:55 · 318 阅读 · 0 评论 -
chrome开发者工具使用技巧(看了定不让你失望)
chrome使用技巧(看了定不让你失望)转载 2017-11-08 13:58:14 · 8713 阅读 · 4 评论 -
设置双核浏览器的浏览模式<meta name=“renderer” content=“webkit|ie-comp|ie-stand”>
今天上知乎看到有人在上邀请我回答这样一个问题:如果访问的页面中有 CSS3 代码,双核浏览器会自动切换到 Webkit 内核吗?http://www.zhihu.com/question/20094625 我的第一反应是:不会。目前我知道IE可以设置浏览模式:<br /> <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″转载 2017-04-17 10:48:23 · 1829 阅读 · 0 评论 -
关于meta标签的几种设置
代码一:<meta name="renderer" content="webkit|ie-comp|ie-stand">如果说小标题的meta 标签你不懂,那么下面几个你该有点印象吧:<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" ><meta http-equiv="X-UA-Compatible" content="e原创 2017-04-26 11:49:07 · 8499 阅读 · 0 评论 -
如何在一个页面用多个swiper插件
在编写移动web前端页面时,发现公司的原代码引用沉重杂乱,因此才找到了swiper这款强大的移动web前端js插件。下面就是在学习及使用过程中的碰到的问题和解决方法。。 html代码: <div class="swiper-container banner"> <div class="swiper-wrapper"> <div class="swipe原创 2017-04-26 10:33:58 · 24630 阅读 · 7 评论 -
PHPCMS中的自定表单访问报服务器500错误
在进行谷歌一两小时和去PHPCMS论坛发帖后,都没有找到解决办法。 求人不如靠自己,首先想到的是是不是IIS7服务器的配置问题,于是我在本地的Apache服务器进行了测试,但是发现依旧有这个问题。苦逼的我只能自己去phpcms的表单模块中进行一步步调试,经过调试后,我发现错误出现在phpcms\modules\formguide\index.php的65行左右的showmessage()方法中于原创 2017-07-19 16:06:09 · 1431 阅读 · 0 评论 -
css3中强大的rem单位
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀。最近在学习em的相关知识的时候,无意之间让我拾得一宝,就是使用r转载 2017-08-18 16:22:57 · 493 阅读 · 0 评论 -
js正则表达式验证宝鉴
/判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length==0){ alert('对不起,文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称! } }原创 2017-07-28 13:57:14 · 288 阅读 · 0 评论 -
CSS中强大的EM 单位
使用CSS也好久了,但一直都是在使用“px”来设置Web元素的相关属性,未敢使用“em”。主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中要求使用“em”作为单位设置元素,所以从头对“em”学习了一回。稍为有一点理解,今天特意整理了一份博文与大家一起分享,希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局,从而学习其如何计算?又是如何使用“em转载 2017-07-28 16:40:39 · 1057 阅读 · 0 评论 -
SEO-百度搜索的调整
来给你解密下2016百度最新算法有哪些作用。 百度大调整后对关键词排名前后的原则: 1、百度排名次序由原来的每星期调整1次排名,到现在1天都有可能3-4次的排名调整. 2、百度进一步提高了自身产品关键字排名的顺序,包括百度百科、百度地图、百度知道、百度贴吧等属于百度自己的产品.还有就是和百度自己合作的网站权重也提高了. 3、百度对信息比较真实的站点排名会靠前点.公司性质的网站要比个人性质的网转载 2017-09-22 17:12:10 · 4247 阅读 · 0 评论 -
如何用js准确获取当前页面url网址信息
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;转载 2017-10-20 10:55:06 · 9342 阅读 · 0 评论 -
静态手机网站如何统计流量
wap网站常常是动态的,但也有的网站是静态的,比如itjsxx.com的wap版本http://www.itjsxx.com/mobile/就是静态。静态的wap网站,涉及到流量统计,就有点麻烦了。以百度统计和cnzz站长统计为例,无一例外都为我们提供了wap统计代码。下面两段分别是站长统计和百度统计对其wap统计代码的说明:哪些网站应该使用WAP站代码?**WAP站代码从代码体积上来说比JS统计代转载 2017-04-10 10:42:29 · 1295 阅读 · 0 评论