Vue项目全局配置微信分享思路详解
这个项目为移动端项目，主要用于接入公众号服务。项目采用两种登录方式，微信授权登录以及账号密码登录。对于移动端项目而言，为了便于项目扩展以及提供开发热更新速度，项目分为不...
2020-05-27
浅谈Angular HttpClient简单入门
现代浏览器支持使用两种不同的 API 发起 HTTP 请求：XMLHttpRequest 接口和 fetch() API。
@angular/common/http 中的 HttpClient 类为 Angular 应用程序提供了一个简化的 AP...
2020-05-27
Angular模版驱动表单的使用总结
表单的重要性就不多说了，Angular支持表单的双向数据绑定，校验，状态管理等，总结下。获取用户输入<div class="container-fluid login-page"> <h1>Angular表单</h1> <form class="...
2020-05-27
浅谈vue项目可以从哪些方面进行优化
图片优化1、图片大小优化，部分图片使用WebP（需要考虑webp兼容性） 在线生成，如智图、又拍云 gulp生成，gulp-webp或gulp-imageisux canvas生成2、减少图片请求，使用雪碧图 在线...
2020-05-27
Node.js的Koa实现JWT用户认证方法
本文介绍了Node.js的Koa实现JWT用户认证方法，分享给大家，具体如下：一、前置知识 基于Token的身份验证 Koajs 中文文档 Koa 框架教程
二、环境 Microsoft Visual Studio...
2020-05-27
动态加载JavaScript文件的3种方式
以下是遇到的几种动态加载JavaScript文件的方式，持续更新中。。。一、使用document.write/writeln(）方式该种方式可以实现js文件的动态加载，原理就是在重写文档流，这种方式会导...
2020-05-27
Vue三层嵌套路由的示例代码
Vue嵌套路由：
实现效果(路由三层嵌套，点击一级tab显示二级tab效果，二级tab点击切换对应内容,不在tab区域里的内容，切换时不重复渲染)：Demo访问时路径：http://IP:端口/#/routers/
1...
2020-05-27
vue 注册组件的使用详解
一、介绍 组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树 那么什么...
2020-05-27
详解js跨域请求的两种方式，支持post请求
JSONP实现跨域常用的jquery实现跨域调用$.ajax({ url: "http://127.0.0.1/~chenjiebin/mycode/php/crossdomain/index.php", dataType: "jsonp", jsonp: "callback", co...
2020-05-27
深入浅析Vue.js计算属性和侦听器
一、 概述 计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.sp...
2020-05-27
关于HTML5的data-*自定义属性的总结
本文讲述了关于HTML5的data-*自定义属性。分享给大家供大家参考，具体如下：一、关于html元素的特性1.html元素都存在一些标准的特性：
id 元素在文档中的唯一标识符；
titl...
2020-05-27
js动态引入的四种方法
本文表述了关于js动态引入四种方式的实例代码。分享给大家供大家参考，具体如下：index.html<html> <head> <meta content="text/html;charset=utf-8" http-equiv="content-ty...
2020-05-27
关于js的三种使用方式（行内js、内部js、外部js）的程序代码
本文讲述了js的三种使用方式（行内js、内部js、外部js）的实例代码，感兴趣的小伙伴们可以参考一下，具体如下：1、行内js：js不单独写出<!DOCTYPE html> <html lang="en"> <head> <met...
2020-05-27
JS文件中加载jquery.js的实例代码
本文表述了JS文件中加载jquery.js的方法，具有很好的参考价值，希望对大家有所帮助。最近有一个需求：1.在一个html中只能引入一个JS文件 不能有JS代码和其他JS文件的引入；
2.这个J...
2020-05-27
JavaScript生成指定范围随机数和随机序列的方法
在JavaScript中我们经常使用Math.random()方法生成随机数，但是该方法生成的随机数只是0-1之间的随机数。先看如下常用方法的特征:•1.Math.random(); 结果为0-1间的一个...
2020-05-27
JS同步、异步、延迟加载的方法
本文讲述了JS同步、异步、延迟加载的方法。分享给大家供大家参考，具体如下：一：同步加载
我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></scr...
2020-05-27
es6新特性之 class 基本用法解析
javaScript 语言中，生成实例对象的传统方法是通过构造函数,与传统的面向对象语言（比如 C++ 和 Java）差异很大，ES6 提供了更接近传统语言的写法，引入了 class（类）这个概念，作为对象的...
2020-05-27
Less 安装及基本用法
node.js是一个前端的框架 自带一个包管理工具npmnode.js 的安装官网：http://nodejs.cn/在命令行检验是否安装成功切换到项目目录，初始化了一个package.json文件安装与卸载jQue...
2020-05-27
如何利用@angular/cli V6.0直接开发PWA应用详解
什么是PWAPWA（Progressive Web App）利用TLS，webapp manifests和service workers使应用程序能够安装并离线使用。 换句话说，PWA就像手机上的原生应用程序，但它是使用诸如HTML5，Java...
2020-05-27
JS中this的指向以及call、apply的作用
在具体的实际应用中，this 的指向无法在函数定义时确定，而是在函数执行的时候才确定的，根据执行时的环境大致可以分为以下3种：
1、当函数作为普通函数调用时，this 指向全局对象
2...
2020-05-27
node+koa2+mysql+bootstrap搭建一个前端论坛
前言
在学习了koa2和express并写了一些demo后，打算自己写一个项目练练手，由于是在校生，没什么好的项目做，即以开发一个前端论坛为目标，功能需求参照一下一些社区拟定，主要有：登录注...
2020-05-27
vue自动化表单实例分析
背景B端系统表单较多，且表单可能含有较多字段
字段较多的表单带来了大片HTML代码
在大片HTML中，混杂着参数绑定、事件处理等逻辑，不利于维护
技术栈 Vue，Element(默认表单布局)...
2020-05-27
VueJs组件之父子通讯的方式
组件（父子通讯）一、概括在一个组件内定义另一个组件，称之为父子组件。 但是要注意的是：1.子组件只能在父组件内部使用（写在父组件tempalte中）;...
2020-05-27
基于vue-element组件实现音乐播放器功能
最近在写一个基于 github-page 和 gist 的博客, 想加个音乐播放器, 做了一个早上, 发出来分享一下演示地址 https://github-laziji.github.io效果使用到的组件element组件...
2020-05-27
vue实现个人信息查看和密码修改功能
下面一段代码给大家介绍vue实现个人信息查看和密码修改功能，具体代码如下所述：//用了element组件，自己要加载和引入<template> <div class="all-container"> <div class="...
2020-05-27
详解JavaScript的BUG和错误
计算机程序中的缺陷通常称为 bug。 它让程序员觉得很好，将它们想象成小事，只是碰巧进入我们的作品。 实际上，当然，我们自己把它们放在了那里。如果一个程序是思想的结晶，你可以粗...
2020-05-27
在HTML文档中嵌入JavaScript的四种方法
在HTML里嵌入JavaScript在HTML文档里嵌入客户端JavaScript代码有4中方法：1.内嵌，放置在<script>和</script>标签之间 （少）；
2.放置在有<script>标签的src属性指定的外部文件中...
2020-05-27
浅谈Vue响应式(数组变异方法)
前言很多初使用Vue的同学会发现，在改变数组的值的时候，值确实是改变了，但是视图却无动于衷，果然是因为数组太高冷了吗？查看官方文档才发现，不是女神太高冷，而是你没用对方法。看来...
2020-05-27
浅谈Vue 数据响应式原理
前言Vue的数据响应主要是依赖了Object.defineProperty()，那么整个过程是怎么样的呢？以我们自己的想法来走Vue的道路，其实也就是以Vue的原理为终点，我们来逆推一下实现过程。本文...
2020-05-27
vue如何将v-for中的表格导出来
一、需要安装以下依赖 npm install -S file-saver xlsx npm install -D script-loader二、项目中新建一个文件夹：（vendor---名字任取）里面放置两个文件Blob.js和 Export2Excel....
2020-05-27
React Form组件的实现封装杂谈
前言对于网页系统来说，表单提交是一种很常见的与用户交互的方式，比如提交订单的时候，需要输入收件人、手机号、地址等信息，又或者对系统进行设置的时候，需要填写一些个人偏好的信...
2020-05-27
ES6关于Promise的用法详解
Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。当然，这并不代表迸发成了全栈。全栈的技能很集中，绝不仅仅是前端会写一些...
2020-05-27
JavaScript 跨域之POST实现方法
javascript 跨域是一个很常见的问题，其中 jsonp 是一个最常用的手段，但是 jsonp 只支持 get，不支持 post，所以如果想通过 jsonp 来 post 一些数据，就头大了。此处通过在一个 ifra...
2020-05-27
Vue 实现树形视图数据功能
利用简单的树形视图实现，熟悉了组件的递归使用这是模拟的树形图数据let all={ name:'all', children:{ A:{ name:'A', children:{ a1:{ name:'a1'...
2020-05-27
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
本文实例讲述了JavaScript实现的DOM树遍历方法。分享给大家供大家参考，具体如下：二叉 DOM 树的遍历function Tree() { var Node = function(key){ this.key = key;...
2020-05-27
详解VUE-地区选择器(V-Distpicker)组件使用心得
废话不多说，直接进入正题。
安装，引用，这些直接从官网拷贝来的，就不多说了。
1、安装
使用 npm 安装：npm install v-distpicker --save使用 yarn 安装yarn add v-distpicker --sa...
2020-05-27
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象，回归迭代和循环】
本文实例讲述了JavaScript求一组数的最小公倍数和最大公约数常用算法。分享给大家供大家参考，具体如下：方法来自求多个数最小公倍数的一种变换算法（详见附录说明）最小公倍数的算...
2020-05-27
JavaScript数组去重算法实例小结
本文实例总结了JavaScript数组去重算法。分享给大家供大家参考，具体如下：测试用例：arr = ["1",3,"1",1,4,5,1,"2",5,1,{"name":"li","age":20},2,4,3,{"name":"li","age":20},"...
2020-05-27
Angular 数据请求的实现方法
使用 Angular 请求数据的时候，需要引入 HttpModule 模块，如果使用的 jsonp 模式的话，则需要另外引入 JsonpModule 模块import { HttpModule, JsonpModule } from '@angular/htt...
2020-05-27
node 使用 async 控制并发的方法
目标建立一个 lesson5 项目，在其中编写代码。代码的入口是 app.js，当调用 node app.js 时，它会输出 CNode(https://cnodejs.org/ ) 社区首页的所有主题的标题，链接和第一条评论，...
2020-05-27
node使用promise替代回调函数
在学习 Node.js 过程中接触到了如何使用 async 来控制并发（使用 async 控制并发）async 的本质是一个流程控制。其实在异步编程中，还有一个更为经典的模型，叫做 Promise/Deferred...
2020-05-27
Vue + better-scroll 实现移动端字母索引导航功能
vue+ better-scroll 实现移动端歌手列表字母索引导航。算是一个学习笔记吧，写个笔记让自己了解的更加深入一点。Demo：list-view，使用 chrome 手机模式查看。换成手机模式之后，不...
2020-05-27
Vue微信项目按需授权登录策略实践思路详解
项目采用Vue作为开发框架，用户浏览页面时有两种情况： 一种是需要用户先登录之后才能继续浏览； 另一种是用户无需登录即可随意浏览。在无需用户登录的页面中，可能包含需要用户...
2020-05-27
angularjs实现的购物金额计算工具示例
本文实例讲述了angularjs实现的购物金额计算工具。分享给大家供大家参考，具体如下：当我们用js或者jquery进行购物车金额计算的时候会非常麻烦,今天,我们用angularjs一种新的方...
2020-05-27
详解React-Router中Url参数改变页面不刷新的解决办法
问题今天在写页面的时候发现一个问题，就是在React Router中使用了Url传参的功能，像这样:export class MainRouter extends React.Component { render() { return ( <...
2020-05-27
使用vue-cli打包过程中的步骤以及问题的解决
1、打包命令是npm run build，这个命令实际上是在package.json中，scripts中build所对应的命令；
2、创建一个prod.server.js，这个文件不是必须的，这个文件的用处是在打包完毕之后，通...
2020-05-27
vue-cli 如何打包上线的方法示例
以vue创建的官方例子为例子，我们在开发环境的时候会 npm run dev ，生成而想要打包成一份很简单， 只需要 npm run build 这个命令这两种命令的配置文件在config的index.js 一种...
2020-05-27
Javascript实现购物车功能的详细代码
我们肯定都很熟悉商品购物车这一功能，每当我们在某宝某东上购买商品的时候，看中了哪件商品，就会加入购物车中，最后结算。购物车这一功能，方便消费者对商品进行管理，可以添加商品，删...
2020-05-27
浅谈vue项目如何打包扔向服务器
当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple） 脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。
如果是 vue...
2020-05-27
webstorm添加*.vue文件支持
这篇文章写了有1年多了，发现这篇文章关注的人不少。现在Webstorm要支持vue已经有了更方便的方式。避免误导，还是来更新下。方法1：安装 Vue.js 插件打开 Settings->Plugins 搜索...
2020-05-27
