Angular 5.x 学习笔记之Router(路由)应用
序言：Angular APP 视图之间的跳转，依赖于 Router （路由），这一章，我们来讲述 Router 的应用实例讲解运行结果如下。 设置了3个导航栏， Home、 About、Dashboard。 点击不同的导航栏，...
2020-05-27
React Router v4 入坑指南(小结)
距离React Router v4 正式发布也已经过去三个月了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”...江湖传言，目前官方同...
2020-05-27
JS简单实现动态添加HTML标记的方法示例
本文实例讲述了JS简单实现动态添加HTML标记的方法。分享给大家供大家参考，具体如下：一 介绍动态添加一个HTML标记可以使用createElement()方法来实现。CreateElement()方法可...
2020-05-27
详解vue表单——小白速看
一、基本用法你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些...
2020-05-27
JS简单获取并修改input文本框内容的方法示例
本文实例讲述了JS简单获取并修改input文本框内容的方法。分享给大家供大家参考，具体如下：一 介绍获取文本框并修改其内容可以使用getElementById()方法来实现。getElementById...
2020-05-27
Js面试算法详解
素数Q：你将如何验证一个素数？A：一个素数只能被它自己和1整除。所以，我将运行一个while循环并加1。（看代码示例，如果你无法理解，那这不是你的菜。先回去学习javaScript基础知识然后...
2020-05-27
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
本文实例讲述了JS简单实现查看文档创建日期、修改日期和文档大小的方法。分享给大家供大家参考，具体如下：一 介绍查看文档创建日期、修改日期和文档大小，可以使用fileCreatedDa...
2020-05-27
Vue 页面切换效果之 BubbleTransition(推荐)
CodePen 地址前端使用 SPA 之后，能获得更多的控制权，比如页面切换动画，使用后端页面我们可能做不了上面的效果，或者做出来会出现明显的闪屏。因为所有资源都需要重新加载。今天...
2020-05-27
vue-infinite-loading2.0 中文文档详解
简介这是一个使用在Vue.js中的无限滚动插件，它可以帮助你快速创建一个无限滚动列表。特点 移动端支持友好 兼容任何一个可以滚动的元素 有不同的旋转器可以作为加载动画...
2020-05-27
Vue中的无限加载vue-infinite-loading的方法
本文介绍了Vue中的无限加载vue-infinite-loading的方法，分享给大家，具体如下：
注意：vue-infinite-loading2.0只能在Vue.js2.0中使用。如果你想在Vue.js1.0中使用，请安装vue-infin...
2020-05-27
vue使用vue-i18n实现国际化的实现代码
需求公司项目需要国际化，点击按钮切换中文/英文1、安装npm install vue-i18n --save2、注入 vue 实例中，项目中实现调用 api 和 模板语法import VueI18n from 'vue-i18n'Vue.u...
2020-05-27
vue组件与复用详解
一、什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。二、组件用法组件需要注册后才可以使用，注册有全局注册和局部注册...
2020-05-27
Vue入门之animate过渡动画效果
简介： transition方法的使用 transition内置方法 transition-group
animate库实现过渡动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...
2020-05-27
vue组件中使用props传递数据的实例详解
在 Vue 中，父子组件的关系可以总结为 props向下传递，事件向上传递。父组件通过 props 给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。 一、基本用...
2020-05-27
vue组件详解之使用slot分发内容
一、什么是slot在使用组件时，我们常常要像这样组合它们：<app> <app-header></app-header> <app-footer></app-footer></app>当需要让组件组合使用，混合父组件的内容与子组件的...
2020-05-27
一步步教会你微信小程序的登录鉴权
前言
为了方便小程序应用使用微信登录态进行授权登录，微信小程序提供了登录授权的开放接口。乍一看文档，感觉文档上讲的非常有道理，但是实现起来又真的是摸不着头脑，不知道如何...
2020-05-27
vue技术分享之你可能不知道的7个秘密
前言本文是vue源码贡献值Chris Fritz在公共场合的一场分享，觉得分享里面有不少东西值得借鉴，虽然有些内容我在工作中也是这么做的，还是把大神的ppt在这里翻译一下，希望给朋友带...
2020-05-27
详解webpack 入门与解析
每次学新东西总感觉自己是不是变笨了，看了几个博客，试着试着就跑不下去，无奈只有去看官方文档。 webpack是基于node的。先安装最新的node。1.初始化安装node后，新建一个目录，比如...
2020-05-27
webpack 插件html-webpack-plugin的具体使用
本文介绍了webpack 插件html-webpack-plugin的具体使用，分享给大家，具体如下：插件地址：https://www.npmjs.com/package/html-webpack-plugin这个插件用来简化创建服务于 webpack...
2020-05-27
浅谈webpack 自动刷新与解析
前端需要频繁的修改js和样式，且需要根据浏览器的页面效果不断的做调整；而且往往我们的开发目录和本地发布目录不是同一个，修改之后需要发布一下；另外一点就是并不是所有的效果都...
2020-05-27
Angular5升级RxJS到5.5.3报错：EmptyError: no elements in sequence的解决方法
前言RxJS是一种针对异步数据流编程工具，或者叫响应式扩展编程；可不管如何解释RxJS其目标就是异步编程，Angular引入RxJS为了就是让异步可控、更简单。可是最近在升级中遇到了一...
2020-05-27
webpack 模块热替换原理
全称是Hot Module ReplaceMent(HMR)，理解成热模块替换或者模块热替换都可以吧，和.net中的热插拔一个意思，就是在运行中对程序的模块进行更新。这个功能主要是用于开发过程中，对...
2020-05-27
快速搭建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
Angular入口组件（entry component）与声明式组件的区别详解
前言组件是Angular中很重要的一部分，下面这篇文章就来给大家介绍关于Angular入口组件（entry component）与声明式组件的区别，Angular的声明式组件和入口组件的区别体现在两者的加...
2020-05-27
vue 设置proxyTable参数进行代理跨域
什么是代理跨域浏览器之间有同源策略，出于安全考虑不同域之间不允许获取数据，除了几个特殊的例子<img>、<script>、<audio>等标签可以进行跨域但是通常都是以get的形式，如果用j...
2020-05-27
vue脚手架及vue-router基本使用
首先在大前提vue-cli已经安装好的情况下，并且cnpm install后(官网使用的是npm，但这里推荐用cnpm比npm快而且npm有时候会有出现卡住的现象)，这里有个小提醒就是关于是否开启esli...
2020-05-27
JS中双击和单击事件冲突的解决方法
在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中...
2020-05-27
Vue 中使用 CSS Modules优雅方法
CSS Modules：局部作用域 & 模块化CSS Modules 为每一个局部类赋予全局唯一的类名，这样组件样式间就不会相互影响了。如：/* button.css */.button { font-size: 16px;}.mini { f...
2020-05-27
vue写一个组件
写一个vue组件我下面写的是以.vue结尾的单文件组件的写法，是基于webpack构建的项目。如果还不知道怎么用webpack构建一个vue的工程的，可以移步到vue-cli。一个完整的vue组件会...
2020-05-27
webpack中的热刷新与热加载的区别
webpack非常的强大，合理的脚手架可以为我们的工作省去众多繁琐无意义的工作。其中热刷新、热加载相较于传统开发大大提高了开发节奏。从脚手架发现热刷新、热加载的差异
相信...
2020-05-27
vue-cli扩展多模块打包的示例代码
场景在实际的项目开发中会出现这样的场景，项目中需要多个模块（单页或者多页应用）配合使用的情况，而vue-cli默认只提供了单入口打包，所以就想到对vue-cli进行扩展实现首先得知道we...
2020-05-27
node实现基于token的身份验证
最近研究了下基于token的身份验证，并将这种机制整合在个人项目中。现在很多网站的认证方式都从传统的seesion+cookie转向token校验。对比传统的校验方式，token确实有更好的扩...
2020-05-27
详解Vue打包优化之code spliting
在http1的时代，比较常见的一种性能优化就是合并http的请求数量，通常我们会把许多js代码合并在一起，但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。而如果...
2020-05-27
bing Map 在vue项目中的使用详解
写在最前面拥有全球数据库国内好像就只有百度地图有，高德、搜狗、腾讯的都不行，但是由于百度地图的数据更新不及时，所以在做相关项目要用到国外数据的时候，最好还是推荐使用bing...
2020-05-27
vue2.0+koa2+mongodb实现注册登录
前言前段时间和公司一个由技术转产品的同事探讨他的职业道路，对我说了一句深以为然的话：“不要把自己禁锢在某一个领域，技术到产品的转变，首先就是思维上的转变。你一直做前端，数...
2020-05-27
Angular CLI在Angular项目中如何使用scss详解
前言SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外，SCSS 还能识...
2020-05-27
详解webpack 打包文件体积过大解决方案（code splitting）
优化对比 ： 未优化前：index.html引入一个main.js文件，体积2M以上。 优化后入：index.html引入main.js、commons.js、charts.js、other.js。以达到将main.js平分目的。每个...
2020-05-27
详解给Vue2路由导航钩子和axios拦截器做个封装
1.写在前面最近在学习Vue2，遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题，但是总不能每个页面都做单独处理吧，于是想到axios提供了拦截器这个好东西，再于是...
2020-05-27
vue 微信授权登录解决方案
背景
vue前后端分离开发微信授权场景
app将商品分享到微信朋友圈或者分享给微信好友，用户点击页面时进行微信授权登陆，获取用户信息。
问题：没有固定的h5应用首页。授权后重定...
2020-05-27
vue实现验证码按钮倒计时功能
本人最近开始尝试学习vue.js。想使用vue写一个小例子，就选择做验证码按钮倒计时功能。 上网上搜了一下，也把他们的代码试了一下，自己出了很多问题。所以，需要写一篇基础入门...
2020-05-27
vue.js中npm安装教程图解
首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好...
2020-05-27
axios 处理 302 状态码的解决方法
比如说浏览器打开了一个单页面（SPA）应用，过了一段时间token（或者session）过期了，这个时候页面上发起 Ajax请求之后，后端返回302状态码跳转到login页面。 我这是使用的是 Vue + axio...
2020-05-27
JavaScript如何对图片进行黑白化
HTML5推出了<canvas>元素，使我们可以通过js动态的在 <canvas> 这个区域之中进行图像的绘制。而我们这次对图像的黑白化就是使用js操作<canvas>元素 来实现的。先看一下效果图...
2020-05-27
vue 自定义 select内置组件
1.整合了第三方 jQuery 插件 (select2)<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="js/select2/select2.m...
2020-05-27
vue select组件的使用与禁用实现代码
业务：消息推送方式有两种，为“微信”和“邮件”，微信发送时需要选择“要发送的应用程序”，邮件发送时不需要微信发送时，页面如下：邮件发送时，选择器不可用，页面如下：虽然官网上没有给...
2020-05-27
React如何避免重渲染
组件的重新渲染我们可以在 React 组件中的 props 和 state 存放任何类型的数据，通过改变 props 和 state，去控制整个组件的状态。当 props 和 state 发生变化时，React 会重新渲...
2020-05-27
vue单个组件实现无限层级多选菜单功能
wTree.vue 原理：每一个多选框都是一个节点，每个节点就是一个wTree组件，有父级（顶级level为0）,有子级（底层list[]是空的），组件之间状态传递是通过组件通信传递，对于外部数据checkList...
2020-05-27
vue 组件高级用法实例详解
一、递归组件组件在它的模板内可以递归地调用自己， 只要给组件设置name 的选项就可以了。示例如下： <div id="app19"> <my-component19 :count="1"></my-component19> </d...
2020-05-27
浅谈vue-cli 3.0.x 初体验
最近项目正在优化。乘着有时间看了一下 vue-cli3.0.x 使用 。感觉还蛮不错的。 因为之前项目使用的 vue-cli 2 创建的，强行使用 eslint让我们很难受，一些与项目无关的 “build...
2020-05-27
手动用webpack搭建第一个ReactApp的示例
学习 React 可以用以下方法直接创建一个 ReactApp ,本文主要介绍如何手动来搭这个环境。npm install -g create-react-appcreate-react-app my-appcd my-appnpm start使用淘...
2020-05-27
