网络编程 第750页
桃源资源网 Design By www.nqtax.com
详解Node.js读写中文内容文件操作
由于Node.js仅支持如下编码:utf8,ucs2,ascii,binary,base64,hex,并不支持中文GBK或GB2312之类的编码,因此如果要读写GBK或GB2312格式的文件的中文内容,必须要用额
Node.js中读取TXT文件内容fs.readFile()用法
文件:read.js:varfs=require('fs');fs.readFile('readtxt/demo.txt','utf-8',function(err,data){if(err){console.error(err);}else{console.log(data);}});启动
nodejs更新package.json中的dependencies依赖到最新版本的方法
如果手动去修改dependencies中各个包的版本号,那就太麻烦了,借助npm-check-updates工具可以很方便的将package.json中的依赖包版本号更新为最新版本。1、安装:npm
Node.js npm命令运行node.js脚本的方法
//通过npm运行node脚本(控制台应用程序)cmd---cdpackage.json所在的目录---npmstart(package.json中的scripts属性中设置start命令)cmd---npm(通过该命令可以查看
详解Angular5/Angular6项目如何添加热更新(HMR)功能
本文介绍了详解Angular5/Angular6项目如何添加热更新(HMR)功能,分享给大家,具体如下:A:什么是HMR?Q:HMR(热替换)用于在运行的应用程序中更新代码而不需要重建它。
nodejs require js文件入口,在package.json中指定默认入口main
我们都知道nodejs遵循commonJS规范,各个js是独立的。如果目录结构是:–config文件夹–index.js–test.jsapp.js那么在app.js中require('./config')的时候,默认是i
nodejs读取本地中文json文件出现乱码解决方法
1.确定json文件是UTF-8无BOM编码的的。如果有BOM,会在读取第一行的时候出现乱码。Per"fs.readFileSync(filename,'utf8')doesn'tstripBOMmarkers#1918",fs.readFi
nodejs aes 加解密实例
如下所示:'usestrict';constcrypto=require('crypto');/***AES加密的配置*1.密钥*2.偏移向量*3.算法模式CBC*4.补全值*/varAES_conf={key:getSecretKey(),//密钥i
使用vue 国际化i18n 实现多实现语言切换功能
安装npminstallvue-i18n新建一个文件夹i18n,内新建en.jszh.jsindex.js三个文件准备翻译信息en.jsexportdefault{home:{helloworld:"helloworkd!"}};zh.jsexportde
用Object.prototype.toString.call(obj)检测对象类型原因分析
这是一个十分常见的问题,用typeof是否能准确判断一个对象变量,答案是否定的,null的结果也是object,Array的结果也是object,有时候我们需要的是"纯粹"的object对象
JavaScript中七种流行的开源机器学习框架
如果你是一位想要深入机器学习的JavaScript程序员或想成为一位使用JavaScript的机器学习专家,那么这些开源框架也许会吸引你。开源工具的涌现使得开发者能够更加轻
vue最简单的前后端交互示例详解
一、学习vue面临的问题最近想学一门前端技术防身,看到博客园中写vue的多,那就vue吧。都说vue的官方教程写得好,所以我就从官方教程开始学习。官方教程说“Vue(读音
css配合JavaScript实现tab标签切换效果
本文给大家介绍如何用CSS实现二维码扫描的效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。这是html代码tab1tab2tab3<
Vue中使用ElementUI使用第三方图标库iconfont的示例
1.在http://www.iconfont.cn/阿里巴巴图标库添加图标到自己项目中,然后点击更多项目中的编辑项目2.修改前缀为el-icon-xxx,xxx自定义,然后将项目下载自本地3.将这
微信小程序之裁剪图片成圆形的实现代码
前言最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在github上看了一些例子,一般剪裁图片用的都是方形,所以自己打算写
详解vscode中vue代码颜色插件
vue提示插件【Vscode】编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找
详解angular2.x创建项目入门指令
很久没写过angular2.x,最近一次也是几个月之前,为了下次查阅方便,相关命令记录下1.ng--version检查下自己angularcli版本顺便看看npm-vnode-vE:\phpStudy\PHPTuto
element el-input directive数字进行控制
使用自定义指令格式化el-input背景使用element开发的过程中遇到循环的数据只能输入数字,并且有不要小数点,有需要小数点的使用vuedirective进行控制开发页面使用方
Element Input组件分析小结
input组件相对来说复杂一点,我们先从它用到的一个工具库calcTextareaHeight.js进行分析。calcTextareaHeight.jscalcTextareaHeight.js使用来计算文本框的高度的,
详解KOA2如何手写中间件(装饰器模式)
前言Koa2.x版本是当下最流行的NodeJS框架,Koa2.0的源码特别精简,不像Express封装的功能那么多,所以大部分的功能都是由Koa开发团队(同Express是一家出品)和社区贡
NodeJS服务器实现gzip压缩的示例代码
本文介绍了NodeJS服务器实现gzip压缩,分享给大家,具体如下:在浏览器向服务器请求静态资源时,服务器为了减小在网络传输过程中消耗的流量和时间,都是将静态资源经过
NodeJS搭建HTTP服务器的实现步骤
前言在NodeJS中用来创建服务的模块是http核心模块,本篇就来介绍关于使用http模块搭建HTTP服务器和客户端的方法,以及模块的基本API。HTTP服务器1、创建HTTP服务器
nodejs实现范围请求的实现代码
使服务器支持范围请求,允许客户端只请求文档的一部分。其流程是:客户端向服务端发起请求服务端响应,附上Accept-Ranges头(值表示表示范围的单位,通常是“bytes”)
NodeJS使用Range请求实现下载功能的方法示例
前言本篇使用NodeJS的HTTP服务创建客户端,使用Range请求实现下载功能,并通过本篇的Demo扩展在业务中实现断点续传等功能的思路。服务端的实现我们通过http模块创建
Vue cli3 库模式搭建组件库并发布到 npm的流程
市面上目前已有各种各样的UI组件库,比如Element和iView,他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂,当它们不能再满足我们需求的时候,这个时候就有
vue项目环境变量配置的实现方法
问题实际开发中,开发环境和生产环境中一些变量是不同的,比如接口地址等等,打包之前需要手动切换。编译时新建env.jsletbaseUrl='';if(process.env.NODE_ENV=='pro
代码实例ajax实现点击加载更多数据图片
本文给大家介绍ajax如何实现点击加载更多数据图片(预加载)效果的,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。ajax点击加载更多数据--博客园
在JS循环中使用async/await的方法
async/await是ES7的重要特性之一,也是目前社区里公认的优秀异步解决方案。目前,async/await这个特性已经是stage3的建议,可以看看TC39的进度,本篇文章将分享在JS循
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
使用es6+新语法编写代码,可是不能运行于低版本浏览器,需要将语法转换成es5的。那就借助babel转换,再加上webpack打包,实现代码的转换。转换包括两部分:语法和APIl
详解vue服务端渲染浏览器端缓存(keep-alive)
在使用服务器端渲染时,除了服务端的接口缓存、页面缓存、组建缓存等,浏览器端也避免不了要使用缓存,减少页面的重绘。这时候我们就会想到vue的keep-alive,接下来我
JS编写兼容IE6,7,8浏览器无缝自动轮播
项目要求页面兼容IE6,7,8等浏览器,我们可能会遇到这个轮播效果,轮播板块要求:无限循环、自动轮播和手动切换功能,每一次滚动一小格,网上有很多这类插件,例如:swip
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [
{"errcode":48001,"errmsg":"apiunauthorized,hints:"}声明:是已认证的服务号前置说明网页授权获取用户基本信息:两种scope域https://open.weixin.qq.com/co
NodeJS加密解密及node-rsa加密解密用法详解
要用nodejs开发接口,实现远程调用,如果裸奔太危险了,就在网上找了一下nodejs的加密,感觉node-rsa挺不错的,下面来总结一下简单的rsa加密解密用法初始化环境新建一
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失,最近研究了一下这个问题的原因和解决办法,这里和大家分享一下。1.闪现的原因这个问
开发用到的js封装方法(20种)
1、判断是否是一个数组functionisArray(arr){returnObject.prototype.toString.call(arr)==='';}isArray()//true2、判断是否是一个函数(三种)functionisFu
vue使用v-if v-show页面闪烁,div闪现的解决方法
在页面层次结构,数据较多的时候,用v-if或者v-show就会出现div闪现,或者部分闪烁的结果。可以在根元素添加v-cloak来解决,并且设置它的样式即可。代码只是示例,还需
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
vue中v-if和v-else-if在页面加载的时候,不满足条件的标签会加载然后再消失掉,如果要解决这个问题,案例如下:vuehtml代码块:A<div
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Vue.js的指令是以v-开头的,它们作用于HTML元素,指令提供了一些特殊的特性,将指令绑定在元素上时,指令会为绑定的目标元素添加一些特殊的行为,我们可以将指令看作特
vue中render函数的使用详解
render函数vue通过template来创建你的HTML。但是,在特殊情况下,这种写死的模式无法满足需求,必须需要js的编程能力。此时,需要用render来创建HTML。render方法的实
深入理解Angularjs 脏值检测
构建自己的AngularJS,第一部分:Scope和DigestAngular是一个成熟和强大的JavaScript框架。它也是一个比较庞大的框架,在熟练掌握之前,需要领会它提出的很多新概念。
详解webpack loader和plugin编写
1基础回顾首先我们先回顾一下webpack常见配置,因为后面会用到,所以简单介绍一下。1.1webpack常见配置//入口文件entry:{app:'./src/js/index.js',},//输出文件out
CentOS7中源码编译安装NodeJS的完整步骤
前言以前在CentOS上也编译安装过Node,只是没有把过程记录下来,最近又重新安装了一编,所以将安装的步骤记录下分享出来,需要的朋友可以参考借鉴,下面话不多说了,来
单页面vue引入百度统计的使用方法示例详解
前言最近组长安排着做一个项目,h5的应用下载项目,想着做起来还是比较容易,可是看到提出的需求,我就有点懵逼了!需要对应用的下载进行统计!!!我当时就想着我前端怎
Vue+webpack项目配置便于维护的目录结构教程详解
新建项目的时候创建合理的目录结构便于后期的维护是很重要环境:vue、webpack目录结构:项目子目录结构子目录结构都差不多,主要目录是在src下面操作src目录结构src
详解ES6 Symbol 的用途
Symbol唯一的用途就是标识对象属性,表明对象支持的功能。相比于字符属性名,Symbol的区别在于唯一,可避免名字冲突。这样Symbol就给出了唯一标识类型信息的一种方式
JS中appendChild追加子节点无效的解决方法
JS中appendChild追加子节点无效有这么一段代码:letdivs=document.getElementsByClassName('test');letbtn=document.createElement('div');for(leti=0;i<divs.len
JS面试题大坑之隐式类型转换实例代码
1.1-隐式转换介绍在js中,当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再
javascript中关于类型判断的一些疑惑小结
前言类型判断是我们在日常工作中经常会遇到的一个功能,本文将给大家详细介绍关于javascript类型判断的相关内容,下面话不多说了,来一起看看详细的介绍吧Javascrip
vue+axios+promise实际开发用法详解
axios它是基于promise的http库,可运行在浏览器端和node.js中,然后作者尤雨溪也是果断放弃了对其官方库vue-resource的维护,直接推荐axios库,小编我也是从vue-reso
vue基于element-ui的三级CheckBox复选框功能的实现代码
最近vue项目需要用到三级CheckBox复选框,需要实现全选反选不确定三种状态。但是element-uitable只支持多选行,并不能支持三级及以上的多选,下面通过本文给大家讲解
ndm:NPM的桌面GUI应用程序
如果你熟悉ruby的gem,Python的pypi、setuptools,PHP的pear,那么你就知道NPM的作用是什么了。NPM是NodePackageManager(node包管理器)的缩写,它是用于安装NodeJS软
vue安装和使用scss及sass与scss的区别详解
1.安装依赖:npminstallnode-sasssass-loader-D2.webpack.base.conf.js文件module:{{//手动添加这一条,相当于是编译识别sass!test:/\.scss$/,loaders:["style","c
Vue-Router基础学习笔记(小结)
vue-router是一个插件包,要先用npm进行安装1、安装vue-routernpminstallvue-routeryarnaddvue-router2、引入注册vue-routerimportVuefrom'vue'importVueRouterfr
Vue Cli3 创建项目的方法步骤
最近的开发项目中使用了vue-cli3.0,使用体验可以说非常棒了,模板更加制定化,配置更加简洁。以下总结下应用过程中的一些经验。1.安装npminstall-g@vue/cli2.创建一
javascript匿名函数中的'return function()'作用
我最近看到很多javascript代码,看起来我错了.在这种情况下,我应该建议哪种更好的代码模式?我将重现我所看到的代码和每个代码的简短说明:代码块#1该代码不应该评估
手淘flexible.js框架使用和源代码讲解小结
手淘框架是一个用来适配移动端的js框架,下面我们来讲解一下如何使用手淘的这套框架。基本概念1、视窗viewport可能写过移动端的朋友就知道viewport是什么意思。如
详解ESLint在Vue中的使用小结
ESLint是一个QA工具,用来避免低级错误和统一代码的风格ESLint的用途1.审查代码是否符合编码规范和统一的代码风格;2.审查代码是否存在语法错误;中文网地址http://
jQuery轻量级表单模型验证插件
JQuery插件,轻量级表单模型验证,供大家参考,具体内容如下附上源码和Demo段varvalidataForm=(function(model){model.Key="";model.ElementList=newArray();mo
从零开始搭建vue移动端项目到上线的步骤
初始化项目1、在安装了node.js的前提下,使用以下命令npminstall--gvue-cli2、在将要构建项目的目录下vueinitwebpackmyproject(项目目录名称)一路回车如下中间会让
JavaScript实现表单注册、表单验证、运算符功能
JavaScript是世界上最流行的脚本语言。JavaScript是属于web的语言,它适用于PC、笔记本电脑、平板电脑和移动电话。JavaScript被设计为向HTML页面增加交互性。许多
移动端图片上传旋转、压缩问题的方法
前言在手机上通过网页input标签拍照上传图片,有一些手机会出现图片旋转了90度d的问题,包括iPhone和个别三星手机。这些手机竖着拍的时候才会出现这种问题,横拍出来
QRCode.js二维码生成并能长按识别
QRCode.js是一个用于生成二维码的JavaScript库。主要是通过获取DOM的标签,再通过HTML5Canvas绘制而成,不依赖任何库。首先引入QRCode.js文件,下载地址如果生成二维
JS调用安卓手机摄像头扫描二维码
项目要求:使用H5模仿微信扫一扫付款功能经过一系列的查找最后发现可以使用JS调用手机摄像头然后用画布把当前摄像头的数据转成Base64的png图片,经过QrCode直接再本
ajax与jsonp的区别及用法
首先我们应该知道ajax和jsonp可以与后台通信,获取数据和信息,但是又不用刷新整个页面,实现页面的局部刷新。接下来我们就来看一下ajax和jsonp的区别。ajax和jsonp
js拖动滑块和点击水波纹效果实例代码
拖动滑块效果:先看看效果图:<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,m
详解多页应用 Webpack4 配置优化与踩坑记录
前言最近新起了一个多页项目,之前都未使用webpack4,于是准备上手实践一下。这篇文章主要就是一些配置介绍,对于正准备使用webpack4的同学,可以做一些参考。webpac
iView框架问题整理小结
总结1:**importVuefrom‘vue';什么意思?在js中,是加载vue模块并输入变量Vueimport后面的from指定模块文件的位置,可以是相对路径,也可以是绝对路径,如果是模块名带
详解angular2如何手动点击特定元素上的点击事件
我试图在元素上编程点击点击事件(或任何其他事件),换句话说,我想知道在angular2中由jQuery.trigger()方法提供的类似功能.有没有内置的方法来做到这一点?…..如果
Vue.js 时间转换代码及时间戳转时间字符串
Date.prototype.format=function(format){varo={"M+":this.getMonth()+1,//month"d+":this.getDate(),//day"h+":this.getHours(),//hour"m+":th
Postman的下载及安装教程详解
Postman背景介绍用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等
基于vue-upload-component封装一个图片上传组件的示例
需求分析业务要求,需要一个图片上传控件,需满足多图上传点击预览图片前端压缩支持初始化数据相关功能及资源分析基本功能先到https://www.npmjs.com/searchq=vue+
element-ui的回调函数Events的用法详解
做轮播的时候想用这个change回调函数,但是官方文档上竟然就只列了这么一行东西,完全没有示例代码(也可能我没找到哈)鼓捣了半天,东拼西凑终于找到了靠谱的使用方法
使用angular-cli webpack创建多个包的方法
当我使用angular-cli构建项目时,它会将所有项目文件捆绑到一个主要的主包中.我在应用程序中使用了懒惰路由,一旦应用程序加载,我就可以导航.有没有一种方法可以将
在小程序开发中使用npm的方法
微信小程序在2.2.1版本后增加了对npm包加载的支持,使得小程序支持使用npm安装第三方包。1.在小程序中加载npm包npminstallminiprogram-datepicker--productionnod
node实现分片下载的示例代码
本文基于httpRangeRequests协议,实现了分片下载的功能。使用场景包括基于浏览器的流文件片段传输、基于客户端的分片下载等。原理http通过RangeRequests相关的hea
vue src动态加载请求获取图片的方法
一.加载本地图片1.图片目录2.在data中配置图片路径data(){return{formData:{avatar:require('@/assets/icon1524737568182.png'),motto:'xxxxxxxxxx'},routers:th
IE9 elementUI文件上传的问题解决
问题:IE9中无法使用FormData思路基于上面的问题,需要使用form表单上传文件form表单上传会引起页面的刷新,因此需要动态添加一个iframe来避免页面刷新from表单上传
bootstrap table合并行数据并居中对齐效果
本文实例为大家分享了bootstraptable合并行数据并居中对齐的具体代码,供大家参考,具体内容如下渲染表格后进行数据行合并onLoadSuccess:function(data){$('#table
element-ui upload组件多文件上传的示例代码
之前有一篇写的如何同时传递form表单及upload组件文件,如果有多个upload文件该如何传递呢上代码html<el-form-itemprop="expName"label="
Nodejs实现多文件夹文件同步
本文实例为大家分享了Nodejs实现多文件夹文件同步的具体代码,供大家参考,具体内容如下package.json{"name":"asyncFile","version":"0.0.1","dependencies":{"fs-
解决百度Echarts图表坐标轴越界的方法
Echarts是由百度提供的数据可视化解决方案,可以让我们快速实现功能丰富的图表,官网链接使用方法1.引入echarts.min.js文件下载echarts.min.js文件,下载地址创建一
微信小程序开发之tabbar图标和颜色的实现
前期准备:注册,填材料,验证等等:https://mp.weixin.qq.com1.浏览一遍简易教程,下载相应的开发工具写一个小例子点击左侧的“编辑”-》点击右侧代码里的app.json修
手把手教你写一个微信小程序(推荐)
需求小程序语音识别,全景图片观看,登录授权,获取个人基本信息一:基础框架官方开发文档:https://developers.weixin.qq.com/miniprogram/dev/(其实官方文档写的很清
vue+echarts实现动态绘制图表及异步加载数据的方法
前言背景:vue写的后台管理,需要将表格数据绘制成图表(折线图,柱状图),图表数据都是通过接口请求回来的。安装cnpminstallecharts--s(我这里用了淘宝镜像,不知道同
react 应用多入口配置及实践总结
背景还是之前的那个项目,做完国际化没多久,还没来得及划水,又有新的活了--移动端的兼容。考虑到后期的复杂度,需要做两套资源。具体的目标是:同一个URL,PC打开就显
NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法
在编程之前,一定要有一个信条:代码是为了减少工作量而生的,重复枯燥的工作是不能容忍的。需求这是由上篇文章衍生出的需求,我已经将一个文件夹内所有的文件名转译
教你如何编写Vue.js的单元测试的方法
Vue.js是一个JavaScript框架,可用于构建Web应用程序的前端框架。特别是在创建复杂功能时,对于每个项目,有必要在我们的应用程序中查看所有内容,并检查它是否符合预
Javascript中parseInt的正确使用方式
定义和用法parseInt()函数可解析一个字符串,并返回一个整数。语法parseInt(string,radix)parseInt(string,radix)当参数radix的值为0,或没有设置该参数时,parseIn
JavaScript的词法结构精华篇
词法结构是一套基础性的规则,用来描述如何使用这门语言来编写程序。诸如如何给变量命名,如何写注释,如何分割短语等等。我总结为以下几点1.字符集使用Unicode码2.
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。