JavaScript - 教程之家

38浏览

0评论

原生nodejs使用websocket代码分享

安装：
npm install ws
服务端（nodejs）：
var WebSocketServer = require('ws').Server,wss = new WebSocketServer({ port: 8080 });wss.on('connection', function (ws) {cons...

2020-05-27

36浏览

0评论

详解nodejs通过响应回写的方式渲染页面资源

我们一般通过node框架提供的api操作页面渲染，如何利用原始回写的方式来实现同样的功能呢
下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作，代码如下：h...

2020-05-27

57浏览

0评论

vue下拉列表功能实例代码

最近在弄作品，做了个下拉列表。心想各位小哥哥、小姐姐可能会用到相同的需求，就把下拉列表封装一下，希望能对各位小哥哥，小姐姐有帮助github地址：https://github.com/ClmPisces/v...

2020-05-27

43浏览

0评论

angular2模块和共享模块详解

创建模块，用到了共享模块PostSharedModule，共享模块里面包含了2个公用的模块：文章管理模块和评论管理模块1,创建一个模块testmodule.module.tsimport { CommonModule } from '@...

2020-05-27

56浏览

0评论

JS求Number类型数组中最大元素方法

如何使用JS，在一个Number类型的数组里，查找最大（或最小）数呢？以下介绍四个方法。1. 不使用任何库函数代码如下：function findMax1 (arr) { let result = 0; if (Array.isArray(a...

2020-05-27

72浏览

0评论

vuex 项目结构目录及一些简单配置介绍

首先先正经的来一段官网的"忠告"：vuex需要遵守的规则：一、应用层级的状态应该集中到单个 store 对象中。二、提交 mutation 是更改状态的唯一方法，并且这个过程是同步的。三、...

2020-05-27

71浏览

0评论

通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题

懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过...

2020-05-27

267浏览

0评论

vue2.0 资源文件assets和static的区别详解

资源文件处理
在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？Webpacked 资源
为了回答这个问题，我们首先需要理解webpack是...

2020-05-27

59浏览

0评论

Angular 5.x 学习笔记之Router(路由)应用

序言：Angular APP 视图之间的跳转，依赖于 Router （路由），这一章，我们来讲述 Router 的应用实例讲解运行结果如下。设置了3个导航栏， Home、 About、Dashboard。点击不同的导航栏，...

2020-05-27

48浏览

0评论

React Router v4 入坑指南(小结)

距离React Router v4 正式发布也已经过去三个月了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”...江湖传言，目前官方同...

2020-05-27

44浏览

0评论

JS简单实现动态添加HTML标记的方法示例

本文实例讲述了JS简单实现动态添加HTML标记的方法。分享给大家供大家参考，具体如下：一介绍动态添加一个HTML标记可以使用createElement()方法来实现。CreateElement()方法可...

2020-05-27

47浏览

0评论

详解vue表单——小白速看

一、基本用法你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些...

2020-05-27

110浏览

0评论

JS简单获取并修改input文本框内容的方法示例

本文实例讲述了JS简单获取并修改input文本框内容的方法。分享给大家供大家参考，具体如下：一介绍获取文本框并修改其内容可以使用getElementById()方法来实现。getElementById...

2020-05-27

48浏览

0评论

Js面试算法详解

素数Q：你将如何验证一个素数？A：一个素数只能被它自己和1整除。所以，我将运行一个while循环并加1。（看代码示例，如果你无法理解，那这不是你的菜。先回去学习javaScript基础知识然后...

2020-05-27

81浏览

0评论

JS简单实现查看文档创建日期、修改日期和文档大小的方法示例

本文实例讲述了JS简单实现查看文档创建日期、修改日期和文档大小的方法。分享给大家供大家参考，具体如下：一介绍查看文档创建日期、修改日期和文档大小，可以使用fileCreatedDa...

2020-05-27

49浏览

0评论

Vue 页面切换效果之 BubbleTransition(推荐)

CodePen 地址前端使用 SPA 之后，能获得更多的控制权，比如页面切换动画，使用后端页面我们可能做不了上面的效果，或者做出来会出现明显的闪屏。因为所有资源都需要重新加载。今天...

2020-05-27

290浏览

0评论

vue-infinite-loading2.0 中文文档详解

简介这是一个使用在Vue.js中的无限滚动插件，它可以帮助你快速创建一个无限滚动列表。特点移动端支持友好兼容任何一个可以滚动的元素有不同的旋转器可以作为加载动画...

2020-05-27

52浏览

0评论

Vue中的无限加载vue-infinite-loading的方法

本文介绍了Vue中的无限加载vue-infinite-loading的方法，分享给大家，具体如下：
注意：vue-infinite-loading2.0只能在Vue.js2.0中使用。如果你想在Vue.js1.0中使用，请安装vue-infin...

2020-05-27

60浏览

0评论

vue使用vue-i18n实现国际化的实现代码

需求公司项目需要国际化，点击按钮切换中文/英文1、安装npm install vue-i18n --save2、注入 vue 实例中，项目中实现调用 api 和模板语法import VueI18n from 'vue-i18n'Vue.u...

2020-05-27

45浏览

0评论

vue组件与复用详解

一、什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。二、组件用法组件需要注册后才可以使用，注册有全局注册和局部注册...

2020-05-27

64浏览

0评论

Vue入门之animate过渡动画效果

简介： transition方法的使用 transition内置方法 transition-group
animate库实现过渡动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...

2020-05-27

53浏览

0评论

vue组件中使用props传递数据的实例详解

在 Vue 中，父子组件的关系可以总结为 props向下传递，事件向上传递。父组件通过 props 给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。一、基本用...

2020-05-27

44浏览

0评论

vue组件详解之使用slot分发内容

一、什么是slot在使用组件时，我们常常要像这样组合它们：<app> <app-header></app-header> <app-footer></app-footer></app>当需要让组件组合使用，混合父组件的内容与子组件的...

2020-05-27

41浏览

0评论

一步步教会你微信小程序的登录鉴权

前言
为了方便小程序应用使用微信登录态进行授权登录，微信小程序提供了登录授权的开放接口。乍一看文档，感觉文档上讲的非常有道理，但是实现起来又真的是摸不着头脑，不知道如何...

2020-05-27

35浏览

0评论

vue技术分享之你可能不知道的7个秘密

前言本文是vue源码贡献值Chris Fritz在公共场合的一场分享，觉得分享里面有不少东西值得借鉴，虽然有些内容我在工作中也是这么做的，还是把大神的ppt在这里翻译一下，希望给朋友带...

2020-05-27

65浏览

0评论

详解webpack 入门与解析

每次学新东西总感觉自己是不是变笨了，看了几个博客，试着试着就跑不下去，无奈只有去看官方文档。 webpack是基于node的。先安装最新的node。1.初始化安装node后，新建一个目录，比如...

2020-05-27

61浏览

0评论

webpack 插件html-webpack-plugin的具体使用

本文介绍了webpack 插件html-webpack-plugin的具体使用，分享给大家，具体如下：插件地址：https://www.npmjs.com/package/html-webpack-plugin这个插件用来简化创建服务于 webpack...

2020-05-27

49浏览

0评论

浅谈webpack 自动刷新与解析

前端需要频繁的修改js和样式，且需要根据浏览器的页面效果不断的做调整；而且往往我们的开发目录和本地发布目录不是同一个，修改之后需要发布一下；另外一点就是并不是所有的效果都...

2020-05-27

48浏览

0评论

Angular5升级RxJS到5.5.3报错：EmptyError: no elements in sequence的解决方法

前言RxJS是一种针对异步数据流编程工具，或者叫响应式扩展编程；可不管如何解释RxJS其目标就是异步编程，Angular引入RxJS为了就是让异步可控、更简单。可是最近在升级中遇到了一...

2020-05-27

51浏览

0评论

webpack 模块热替换原理

全称是Hot Module ReplaceMent(HMR)，理解成热模块替换或者模块热替换都可以吧，和.net中的热插拔一个意思，就是在运行中对程序的模块进行更新。这个功能主要是用于开发过程中，对...

2020-05-27

61浏览

0评论

快速搭建vue2.0+boostrap项目的方法

一、Vue CLI初始化Vue项目全局安装vue cli
npm install --global vue-cli创建一个基于 webpack 模板的新项目
vue init webpack my-project进入项目目录试运行
npm run dev...

2020-05-27

38浏览

0评论

Angular入口组件（entry component）与声明式组件的区别详解

前言组件是Angular中很重要的一部分，下面这篇文章就来给大家介绍关于Angular入口组件（entry component）与声明式组件的区别，Angular的声明式组件和入口组件的区别体现在两者的加...

2020-05-27

23浏览

0评论

vue 设置proxyTable参数进行代理跨域

什么是代理跨域浏览器之间有同源策略，出于安全考虑不同域之间不允许获取数据，除了几个特殊的例子<img>、<script>、<audio>等标签可以进行跨域但是通常都是以get的形式，如果用j...

2020-05-27

54浏览

0评论

vue脚手架及vue-router基本使用

首先在大前提vue-cli已经安装好的情况下，并且cnpm install后(官网使用的是npm，但这里推荐用cnpm比npm快而且npm有时候会有出现卡住的现象)，这里有个小提醒就是关于是否开启esli...

2020-05-27

51浏览

0评论

JS中双击和单击事件冲突的解决方法

在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中...

2020-05-27

57浏览

0评论

Vue 中使用 CSS Modules优雅方法

CSS Modules：局部作用域 & 模块化CSS Modules 为每一个局部类赋予全局唯一的类名，这样组件样式间就不会相互影响了。如：/* button.css */.button { font-size: 16px;}.mini { f...

2020-05-27

40浏览

0评论

vue写一个组件

写一个vue组件我下面写的是以.vue结尾的单文件组件的写法，是基于webpack构建的项目。如果还不知道怎么用webpack构建一个vue的工程的，可以移步到vue-cli。一个完整的vue组件会...

2020-05-27

52浏览

0评论

webpack中的热刷新与热加载的区别

webpack非常的强大，合理的脚手架可以为我们的工作省去众多繁琐无意义的工作。其中热刷新、热加载相较于传统开发大大提高了开发节奏。从脚手架发现热刷新、热加载的差异
相信...

2020-05-27

54浏览

0评论

vue-cli扩展多模块打包的示例代码

场景在实际的项目开发中会出现这样的场景，项目中需要多个模块（单页或者多页应用）配合使用的情况，而vue-cli默认只提供了单入口打包，所以就想到对vue-cli进行扩展实现首先得知道we...

2020-05-27

37浏览

0评论

node实现基于token的身份验证

最近研究了下基于token的身份验证，并将这种机制整合在个人项目中。现在很多网站的认证方式都从传统的seesion+cookie转向token校验。对比传统的校验方式，token确实有更好的扩...

2020-05-27

49浏览

0评论

详解Vue打包优化之code spliting

在http1的时代，比较常见的一种性能优化就是合并http的请求数量，通常我们会把许多js代码合并在一起，但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。而如果...

2020-05-27

42浏览

0评论

bing Map 在vue项目中的使用详解

写在最前面拥有全球数据库国内好像就只有百度地图有，高德、搜狗、腾讯的都不行，但是由于百度地图的数据更新不及时，所以在做相关项目要用到国外数据的时候，最好还是推荐使用bing...

2020-05-27

86浏览

0评论

vue2.0+koa2+mongodb实现注册登录

前言前段时间和公司一个由技术转产品的同事探讨他的职业道路，对我说了一句深以为然的话：“不要把自己禁锢在某一个领域，技术到产品的转变，首先就是思维上的转变。你一直做前端，数...

2020-05-27

53浏览

0评论

Angular CLI在Angular项目中如何使用scss详解

前言SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外，SCSS 还能识...

2020-05-27

45浏览

0评论

详解webpack 打包文件体积过大解决方案（code splitting）

优化对比：　　未优化前：index.html引入一个main.js文件，体积2M以上。　　优化后入：index.html引入main.js、commons.js、charts.js、other.js。以达到将main.js平分目的。每个...

2020-05-27

42浏览

0评论

详解给Vue2路由导航钩子和axios拦截器做个封装

1.写在前面最近在学习Vue2，遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题，但是总不能每个页面都做单独处理吧，于是想到axios提供了拦截器这个好东西，再于是...

2020-05-27

36浏览

0评论

vue 微信授权登录解决方案

背景
vue前后端分离开发微信授权场景
app将商品分享到微信朋友圈或者分享给微信好友，用户点击页面时进行微信授权登陆，获取用户信息。
问题：没有固定的h5应用首页。授权后重定...

2020-05-27

56浏览

0评论

vue实现验证码按钮倒计时功能

本人最近开始尝试学习vue.js。想使用vue写一个小例子，就选择做验证码按钮倒计时功能。上网上搜了一下，也把他们的代码试了一下，自己出了很多问题。所以，需要写一篇基础入门...

2020-05-27

56浏览

0评论

vue.js中npm安装教程图解

首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好...

2020-05-27

62浏览

0评论

axios 处理 302 状态码的解决方法

比如说浏览器打开了一个单页面（SPA）应用，过了一段时间token（或者session）过期了，这个时候页面上发起 Ajax请求之后，后端返回302状态码跳转到login页面。我这是使用的是 Vue + axio...

2020-05-27

热门文章