网络编程 第722页
内蒙古资源网 Copyright www.nmgbbs.com
浅谈Angular HttpClient简单入门
现代浏览器支持使用两种不同的API发起HTTP请求：XMLHttpRequest接口和fetch()API。@angular/common/http中的HttpClient类为Angular应用程序提供了一个简化的API来
浅谈vue项目可以从哪些方面进行优化
图片优化1、图片大小优化，部分图片使用WebP（需要考虑webp兼容性）在线生成，如智图、又拍云gulp生成，gulp-webp或gulp-imageisuxcanvas生成2、减少图片请求，使用雪碧
Node.js的Koa实现JWT用户认证方法
本文介绍了Node.js的Koa实现JWT用户认证方法，分享给大家，具体如下：一、前置知识基于Token的身份验证Koajs中文文档Koa框架教程二、环境MicrosoftVisualStudio2017
深入浅析Vue.js计算属性和侦听器
一、概述计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：{{message.split('').reve
关于HTML5的data-*自定义属性的总结
本文讲述了关于HTML5的data-*自定义属性。分享给大家供大家参考，具体如下：一、关于html元素的特性1.html元素都存在一些标准的特性：id元素在文档中的唯一标识符；t
关于js的三种使用方式（行内js、内部js、外部js）的程序代码
本文讲述了js的三种使用方式（行内js、内部js、外部js）的实例代码，感兴趣的小伙伴们可以参考一下，具体如下：1、行内js：js不单独写出js使用方式1
JS文件中加载jquery.js的实例代码
本文表述了JS文件中加载jquery.js的方法，具有很好的参考价值，希望对大家有所帮助。最近有一个需求：1.在一个html中只能引入一个JS文件不能有JS代码和其他JS文件的
JavaScript生成指定范围随机数和随机序列的方法
在JavaScript中我们经常使用Math.random()方法生成随机数，但是该方法生成的随机数只是0-1之间的随机数。先看如下常用方法的特征:1.Math.random();结果为0-1间的一
es6新特性之 class 基本用法解析
javaScript语言中，生成实例对象的传统方法是通过构造函数,与传统的面向对象语言（比如C++和Java）差异很大，ES6提供了更接近传统语言的写法，引入了class（类）这个概念
Less 安装及基本用法
node.js是一个前端的框架自带一个包管理工具npmnode.js的安装官网：http://nodejs.cn/在命令行检验是否安装成功切换到项目目录，初始化了一个package.json文件安装
如何利用@angular/cli V6.0直接开发PWA应用详解
什么是PWAPWA（ProgressiveWebApp）利用TLS，webappmanifests和serviceworkers使应用程序能够安装并离线使用。换句话说，PWA就像手机上的原生应用程序，但它是使用诸如
JS中this的指向以及call、apply的作用
在具体的实际应用中，this的指向无法在函数定义时确定，而是在函数执行的时候才确定的，根据执行时的环境大致可以分为以下3种：1、当函数作为普通函数调用时，this指向
node+koa2+mysql+bootstrap搭建一个前端论坛
前言在学习了koa2和express并写了一些demo后，打算自己写一个项目练练手，由于是在校生，没什么好的项目做，即以开发一个前端论坛为目标，功能需求参照一下一些社区拟
vue自动化表单实例分析
背景B端系统表单较多，且表单可能含有较多字段字段较多的表单带来了大片HTML代码在大片HTML中，混杂着参数绑定、事件处理等逻辑，不利于维护技术栈Vue，Element(默认
VueJs组件之父子通讯的方式
组件（父子通讯）一、概括在一个组件内定义另一个组件，称之为父子组件。但是要注意的是：1.子组件只能在父组件内部使用（写在父组件tempalte中）;2.默认情况下，子组件
基于vue-element组件实现音乐播放器功能
最近在写一个基于github-page和gist的博客,想加个音乐播放器,做了一个早上,发出来分享一下演示地址https://github-laziji.github.io效果使用到的组件element组件
在HTML文档中嵌入JavaScript的四种方法
在HTML里嵌入JavaScript在HTML文档里嵌入客户端JavaScript代码有4中方法：1.内嵌，放置在和标签之间（少）；2.放置在有标签的src属性指定的外部文件中（多）；3.放置自HT
浅谈Vue 数据响应式原理
前言Vue的数据响应主要是依赖了Object.defineProperty()，那么整个过程是怎么样的呢？以我们自己的想法来走Vue的道路，其实也就是以Vue的原理为终点，我们来逆推一下
vue如何将v-for中的表格导出来
一、需要安装以下依赖npminstall-Sfile-saverxlsxnpminstall-Dscript-loader二、项目中新建一个文件夹：（vendor---名字任取）里面放置两个文件Blob.js和Export2Exc
ES6关于Promise的用法详解
Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。当然，这并不代表迸发成了全栈。全栈的技能很集中，绝不仅仅
JavaScript 跨域之POST实现方法
javascript跨域是一个很常见的问题，其中jsonp是一个最常用的手段，但是jsonp只支持get，不支持post，所以如果想通过jsonp来post一些数据，就头大了。此处通过在一个i
Vue 实现树形视图数据功能
利用简单的树形视图实现，熟悉了组件的递归使用这是模拟的树形图数据letall={name:'all',children:{A:{name:'A',children:{a1:{name:'a1',children:{a11:{name:'a
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
本文实例讲述了JavaScript实现的DOM树遍历方法。分享给大家供大家参考，具体如下：二叉DOM树的遍历functionTree(){varNode=function(key){this.key=key;this.left=
详解VUE-地区选择器(V-Distpicker)组件使用心得
废话不多说，直接进入正题。安装，引用，这些直接从官网拷贝来的，就不多说了。1、安装使用npm安装：npminstallv-distpicker--save使用yarn安装yarnaddv-distpicker--
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面
本文实例讲述了JavaScript求一组数的最小公倍数和最大公约数常用算法。分享给大家供大家参考，具体如下：方法来自求多个数最小公倍数的一种变换算法（详见附录说明）
Angular 数据请求的实现方法
使用Angular请求数据的时候，需要引入HttpModule模块，如果使用的jsonp模式的话，则需要另外引入JsonpModule模块import{HttpModule,JsonpModule}from'@angular/http
node 使用 async 控制并发的方法
目标建立一个lesson5项目，在其中编写代码。代码的入口是app.js，当调用nodeapp.js时，它会输出CNode(https://cnodejs.org/)社区首页的所有主题的标题，链接和第一条
node使用promise替代回调函数
在学习Node.js过程中接触到了如何使用async来控制并发（使用async控制并发）async的本质是一个流程控制。其实在异步编程中，还有一个更为经典的模型，叫做Promise/De
Vue + better-scroll 实现移动端字母索引导航功能
vue+better-scroll实现移动端歌手列表字母索引导航。算是一个学习笔记吧，写个笔记让自己了解的更加深入一点。Demo：list-view，使用chrome手机模式查看。换成手机模
Vue微信项目按需授权登录策略实践思路详解
项目采用Vue作为开发框架，用户浏览页面时有两种情况：一种是需要用户先登录之后才能继续浏览；另一种是用户无需登录即可随意浏览。在无需用户登录的页面中，可能包含
angularjs实现的购物金额计算工具示例
本文实例讲述了angularjs实现的购物金额计算工具。分享给大家供大家参考，具体如下：当我们用js或者jquery进行购物车金额计算的时候会非常麻烦,今天,我们用angular
详解React-Router中Url参数改变页面不刷新的解决办法
问题今天在写页面的时候发现一个问题，就是在ReactRouter中使用了Url传参的功能，像这样:exportclassMainRouterextendsReact.Component{render(){return(...<Route
使用vue-cli打包过程中的步骤以及问题的解决
1、打包命令是npmrunbuild，这个命令实际上是在package.json中，scripts中build所对应的命令；2、创建一个prod.server.js，这个文件不是必须的，这个文件的用处是在打
vue-cli 如何打包上线的方法示例
以vue创建的官方例子为例子，我们在开发环境的时候会npmrundev，生成而想要打包成一份很简单，只需要npmrunbuild这个命令这两种命令的配置文件在config的index.js一
Javascript实现购物车功能的详细代码
我们肯定都很熟悉商品购物车这一功能，每当我们在某宝某东上购买商品的时候，看中了哪件商品，就会加入购物车中，最后结算。购物车这一功能，方便消费者对商品进行管理
浅谈vue项目如何打包扔向服务器
当我们将vue项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到tomcat上。如
webstorm添加*.vue文件支持
这篇文章写了有1年多了，发现这篇文章关注的人不少。现在Webstorm要支持vue已经有了更方便的方式。避免误导，还是来更新下。方法1：安装Vue.js插件打开Settings->Pl
vue2.0实现移动端的输入框实时检索更新列表功能
最近在做vue2.0的项目遇到一个移动端实时检索搜索更新列表的效果，当用户在搜索框输入客户的电话或姓名的时候，客户列表内容会做相应的更新，下面给大家看下图~·htm
webstorm和.vue中es6语法报错的解决方法
1.webstorm中es6语法报错，解决方法：打开Settings=>Languages&Frameworks=>Javascript把JavascriptLanguageversion改为ECMAScript6这样做所有的.js文件中es6不再报
vue.js做一个简单的编辑菜谱功能
先给大家展示下效果图，如果感觉不错，请参考实现代码1、先获取门店下的所有菜品类型、菜品名称、菜品id(list)，也就是最大数据量this.$http.post(ceshiApi+'getCyF
浅谈React 服务器端渲染的使用
React提供了两个方法renderToString和renderToStaticMarkup用来将组件（VirtualDOM）输出成HTML字符串，这是React服务器端渲染的基础，它移除了服务器端对于浏览器环
Vue.js 实现微信公众号菜单编辑器功能(一)
学习一段时间Vue.js，于是想尝试着做一个像微信平台里那样的菜单编辑器，在这里分享下具体样式代码查看项目github创建一个vue实例<scriptsrc="h
详解基于mpvue的小程序markdown适配解决方案
美团点评近日开源了mpvue，这是一个使用Vue.js开发小程序的前端框架。使用此框架，开发者将得到完整的Vue.js开发体验，同时为H5和小程序提供了代码复用的能力。如果
Vue.js 实现微信公众号菜单编辑器功能(二)
Vue.js实现微信公众号菜单编辑器功能(一)上一篇菜单的点击和添加菜单功能已经在模版实现了，接下来实现菜单的编辑功能实现菜单删除方法在vue实例中添加删除菜单方
JavaScript实现计算圆周率到小数点后100位的方法示例
本文实例讲述了JavaScript实现计算圆周率到小数点后100位的方法。分享给大家供大家参考，具体如下：浮点数的有效数位是16位，我自己做了一个大数类，能存储100位有效
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
本项目是vue-cli搭建的项目框架，引入axios用于数据请求。配置不同的接口地址，（首先确保已经集成了axios，如对集成axios有疑问的道友，可参看我之间的一篇vue-cli引
vue-cli 引入、配置axios的方法
一、npm安装axios，文件根目录下安装，指令如下npminstallaxios--save-dev二、修改原型链，在main.js中引入axiosimportaxiosfrom'axios'接着将axios改写为Vue的原型
JavaScript累加、迭代、穷举、递归等常用算法实例小结
本文实例讲述了JavaScript迭代、迭代、穷举、递归等常用算法。分享给大家供大家参考，具体如下：累加和累积累加：将一系列的数据加到一个变量里面。最后的得到累加的
JavaScript callback回调函数用法实例分析
本文实例讲述了JavaScriptcallback回调函数用法。分享给大家供大家参考，具体如下：在使用开源项目的时候经常会使用到回调函数，如果把回调函数弄清楚了，那么对我们
官方推荐react-navigation的具体使用详解
看了官方文档的导航器对比，发现现在主推的方案是一个单独的导航库react-navigation，据说它的使用十分简单。我就写个demo，试了一下。一、主要构成按使用形式主要分
React Navigation 使用中遇到的问题小结
在ReactNative的开发中，使用到reactnavigation框架时遇到了不少问题。主要是安卓和iOS中相对不协调的地方，特此记录一、NavigationBar使用navigationbar的时候遇到
自定义vue组件发布到npm的方法
本文介绍了自定义vue组件发布到npm的方法，分享给大家，具体如下：为什么会有这个想法呢，主要是vue项目中自定义的组件在多个项目中使用。导致修改bug的时候，总是要在
详解Vue 多级组件透传新方法provide/inject
provide/inject是2.2新增的方法，可以以一个祖先组件向所有子孙后代注入依赖（一个内容）。provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在
vue中的provide/inject的学习使用
前言最近在看element-ui的源码，发现了一个这样的属性:inject.遂查看官网provider/injectprovider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在
vue实现2048小游戏功能思路详解
试玩地址项目地址使用方法：gitclonenpminpmrundev实现思路如下：用vue-cli搭建项目，对这个项目可能有点笨重，但是也懒的再搭一个4X4的方格用一个二维数组存放，绑定
VeeValidate在vue项目里表单校验应用案例
VeeValidate是什么：VeeValidate是Vue.js的验证库，它有很多验证规则，并支持自定义规则。它基于模板，因此它与HTML5验证API相似并且很熟悉。您可以验证HTML5输入以及
Vue中使用vee-validate表单验证的方法
Vue项目遇到要表单验证了吧，对我来说表单验证是个很纠(dan)结(teng)的内容，各种判断凌乱到飞起。往常使用jquery的validate插件做表单验证方便吧，你也可以在Vue里
JavaScript DOM元素常见操作详解【添加、删除、修改等】
本文实例讲述了JavaScriptDOM元素常见操作。分享给大家供大家参考，具体如下：DOM概念DOM（DocumentObjectModel）：文档对象模型。通过开发者工具的Elements标签页可以
webstorm中vue语法的支持详解
俗话说，要想攻其玉，必先利其器。工作中老是在用angular开发，但慢慢会有vue的业务，所以需要学习学习vue。今天开始折腾vue，我是用webstorm开发前端的，当使用vue-cl
Vue引入jquery实现平滑滚动到指定位置
在以往的做法里首选jquery的animate实现，但是Vue里并没有这个方法。如何在Vue项目中实现点击导航平滑滚动到指定位置，为了这效果我是快要崩溃了，上网查阅了很久发
JS中移除非数字最多保留一位小数
js中移除非数字最多保留一位小数的实现代码如下所示：//去除非数字varclearNoNum=function(item){if(item!=null&&item!=undefined){//先把非数字的都替换掉，除了数
node puppeteer(headless chrome)实现网站登录
puppeteer简介puppeteer是Chrome团队开发的一个node库，可以通过api来控制浏览器的行为，比如点击，跳转，刷新，在控制台执行js脚本等等。有了这个神器，写个爬虫，自动
javaScript强制保留两位小数的输入数校验和小数保留问题
输入input的格式校验:$(function(){vardata=$.trim($("#inputId").val());//此正则表达式验证小数位是否超过两位，小数可为1位||2位||整数if(!(/^\d+(\.\d{1,2})$
JS验证输入的是否是数字及保留几位小数问题
1、验证方法validationNumber(e,num)e代表标签对象，num代表保留小数位数functionvalidationNumber(e,num){varregu=/^+\.*$/;if(e.value!=""){if(!regu.tes
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
本文实例讲述了jQuery简单实现的HTML页面文本框模糊匹配查询功能。分享给大家供大家参考，具体如下：项目中需要用到此功能，使用过EasyUI中的Combobox，网上也搜过相
nuxt框架中路由鉴权之Koa和Session的用法
引子博客的后台管理页面需要有登录系统，所以考虑做一下路由鉴权，实现方式也是Nuxt官网给出栗子来改写，顺便也将前后端路由给统一了。路由拦截前端方面主要通过利用
node基于puppeteer模拟登录抓取页面的实现
关于热图在网站分析行业中，网站热图能够很好的反应用户在网站的操作行为，具体分析用户的喜好，对网站进行针对性的优化，一个热图的例子（来源于ptengine）上图中能很
详解Puppeteer 入门教程
1、Puppeteer简介Puppeteer是一个node库，他提供了一组用来操纵Chrome的API,通俗来说就是一个headlesschrome浏览器(当然你也可以配置成有UI的，默认是没有的)。既然
js合并两个数组生成合并后的key：value数组
核心代码//varactiveSubjectsName=;//varactiveSubjectsNum=;//varactiveSubjectsArr=[];for(va
js循环map 获取所有的key和value的实现代码(json)
下面的方法一语方法二都是经过脚本之家小编测试并运行的方法一：json格式定义<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/x
JS中的JSON对象的定义和取值实现代码
1.JSON（JavaScriptObjectNotation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应
需求：最近在做一个网上商城的项目，技术用的是Angular4.x。有一个很常见的需求是：用户在点击“我的”按钮时读取cookie，如果有数据，则跳转到个人信息页面，否则跳转
async/await地狱该如何避免详解
前言async/await是什么async/await可以说是co模块和生成器函数的语法糖。用更加清晰的语义解决js异步代码。熟悉co模块的同学应该都知道，co模块是TJ大神写的一个使
jQuery实现模糊查询的方法分析
本文实例讲述了jQuery实现模糊查询的方法。分享给大家供大家参考，具体如下：需求：list列表内容很多，用户需要找出列表内容中的某些条目，只有当与用户输入值匹配的条
Javascript Promise用法详解
1、约定本文的demo代码有些是伪代码，不可以直接执行。没有特殊说明，本文所有demo都是基于ES6规范。Object.method代表是静态方法，Object#method代表的是实例方法。
详解node Async/Await 更好的异步编程解决方案
一、异步编程的终极解决方案前几天写过关于javascript异步操作的文章《JavascriptPromise详解》.最近在学习Puppeteer的时候又发现另一种异步编程解决方案：Async/
js正则相关知识点专题
1、JS正则表达式一条龙讲解(从原理和语法到JS正则)https://www.jb51.net/article/110516.htm2、教你轻松记住JS正则表达式https://www.jb51.net/article/88838.ht
vue计算属性和监听器实例解析
基本实例Originalmessage:"{{message}}"Computedreversedmessage:"{{reversedMessage}}"varvm=newVue({el:'
vue-router3.0版本中 router.push 不能刷新页面的问题
在github的vue-router中找到同样的一个问题：3.0.1版本通过router实例无法跳转昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用router.push而不是
vue项目中公用footer组件底部位置的适配问题
需求：footer为公用组件，其他页面都需要引入，这是会存在一种情况：有的页面高度很高，footer组件要放在内容的最后；有的页面内容很少，高度很低，footer需要放在浏览器
vuex与组件联合使用的方法
官方定义：Vuex是一个专为Vue.js应用程序开发的状态管理模式。我的理解就是，vuex就是前端的数据库。1、首先核心是store，是个仓库，包含着state，因此第一步需要新建
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
初学框架vue搭配vux使用发现这个UI库使用有些力不从心。下面说说自己在表单验证过程遇到的两个需求问题及解决的方法。1.使用x-input组件可知，官方只给了三种类型
Js经典案例的实例代码
本文讲述了JS实现鼠标悬停切换图片，显示天气预报，利用焦点实现选择网站的实例代码，分享给大家供大家参考，具体如下：鼠标悬停切换图片：functionmouseOver(){docume
React从react-router路由上做登陆验证控制的方法
本文介绍了React从react-router路由上做登陆验证控制的方法，分享给大家，具体如下：验证代码importReactfrom'react'import{connect}from'react-redux';functionreq
React路由管理之React Router总结
React项目通常都有很多的URL需要管理，最常使用的解决方案就是ReactRouter了，最近学习了一下，主要是看了一下官方的英文文档，加以总结，以备后查。ReactRouter是做什
详解各版本React路由的跳转的方法
前言React-Router已经发布了多个版本，利用路由导航的使用方法都不大一样，在这里总结一下。React-Router2.0.0版本2.0.0版本需要使用browserHistory进行跳转，具体参
AngularJS模态框模板ngDialog的使用详解
项目开始的时候我们用的对话框是AngularJS的$modal模态框，但是后来发现$modal打开的对话框是相对页面静止的，如果对话框是一个很长的表单，这样体验度就不是很好了
多种语言下获取当前页完整URL及其参数
asp php 清空access mysql mssql数据库的代
ibatis简单实现与配置
初探 SOA
初探 SOA(补充)
苹果官宣WWDC 2024！预计会有大批AI功能 - 2026/4/25
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。