46浏览

0评论

javascript代码优化的8点总结

本文将详细介绍JS编程风格的几个要点松耦合当修改一个组件而不需要更改其他组件时，就做到了松耦合1、将JS从CSS中抽离：不要使用CSS表达式//不好的做法.box{width: expression(...

• 2020-05-27

52浏览

0评论

jQuery代码优化方法总结

用对选择器在jQuery中，可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，应该了解它们的性能差异1、最快的选择器：id选择器和元素标签选择器举例来说，下面的语...

• 2020-05-27

38浏览

0评论

Angular2 父子组件通信方式的示例

Angular2官方文档对组件交互这块有详细的介绍-->文档--组件之间的交互。按文档介绍，组件间交互的方式一共有4种，包括：
通过输入型绑定把数据从父组件传到子组件（@Input decora...

• 2020-05-27

59浏览

0评论

jquery动态添加以及遍历option并获取特定样式名称的option方法

实例如下所示：<pre name="code" class="html"><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <select class="form-control" id...

• 2020-05-27

53浏览

0评论

Vue官网todoMVC示例代码

这个示例是模仿官网示例样式和功能用我自己的方式写的，基本上没有看官网的源码，只参考自定义指令。让我们一步步来探讨一下。官网demo要实现的功能 单条添加todo 单条删除to...

• 2020-05-27

48浏览

0评论

javascript trie前缀树的示例

引子
Trie树（来自单词retrieval），又称前缀字，单词查找树，字典树，是一种树形结构，是一种哈希树的变种，是一种用于快速检索的多叉树结构。它的优点是：最大限度地减少无谓的字符串比较，查...

• 2020-05-27

58浏览

0评论

vue.js实现只弹一次弹框

核心代码是 getCookie()部分,控制弹框的显示隐藏则在 created()中。<template> <div v-if="isShow"> <!--最外层背景--> <div class="popup_container"> <!--居中的容器-->...

• 2020-05-27

68浏览

0评论

JS中Object对象的原型概念基础

对象概念在 javascript 中, 一切引用类型均为对象。 如 function Foo () {} 中，Foo本身就是一个对象的引用。创建对象方式 字面量方式 new 构造函数函数声明 Object.create字...

• 2020-05-27

77浏览

0评论

微信小程序之多文件下载的简单封装示例

需求需要生成一个宣传的图片分享到朋友圈，这个宣传图片包含二维码，包含不同的背景图片和不同的文字。对于这种图片生成，我们考虑过使用服务端生成，但是这样会比较耗服务器性能，所...

• 2020-05-27

73浏览

0评论

实例学习JavaScript读取和写入cookie

首先先让我们简单地了解一下cookie.在我们制作网页的过程中，经常需要把信息从一个页面传递给另一个页面，这时候就需要用到JavaScript中的cookie机制了。简单说来，cookie提供了...

• 2020-05-27

53浏览

0评论

浅析从vue源码看观察者模式

观察者模式
首先话题下来，我们得反问一下自己，什么是观察者模式？
概念
观察者模式（Observer）：通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系，即当一个对象的状态发...

• 2020-05-27

50浏览

0评论

浅析vue深复制

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const object1 = {a: 1,b: 2,c: 3};const object2 = Object.assign({...

• 2020-05-27

76浏览

0评论

vue scroller返回页面记住滚动位置的实例代码

1，设置keepAlive：是否缓存router:{path: '/actlist',name: 'actlist',component: actlist,meta: {keepAlive: true}}2,设置渲染页面app.vue<keep-alive><router-view v-if="$r...

• 2020-05-27

49浏览

0评论

vue+springboot前后端分离实现单点登录跨域问题解决方法

最近在做一个后台管理系统，前端是用时下火热的vue.js，后台是基于springboot的。因为后台系统没有登录功能，但是公司要求统一登录，登录认证统一使用.net项目组的认证系统。那就意...

• 2020-05-27

46浏览

0评论

详解javascript常用工具类的封装

前言因为工作中经常用到这些方法，所有便把这些方法进行了总结。JavaScript 1. type 类型判断isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice...

• 2020-05-27

64浏览

0评论

Vue精简版风格指南（推荐）

前面的话Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，且代码间隔较大，不易查询。本文按照类型分类，并对部分示例或解释进行缩减，是Vue风格指南的精简...

• 2020-05-27

65浏览

0评论

vue源码入口文件分析(推荐)

开发vue项目有段时间了， 之前用angularjs 后来用 reactjs 但是那时候一直没有时间把自己看源码的思考记录下来，现在我不想再浪费这 来之不易的思考， 我要坚持！！看源码我个人感觉...

• 2020-05-27

77浏览

0评论

5 种JavaScript编码规范

什么是编码规范编码规范就是指导如何编写和组织代码的一系列标准。通过阅读这些编码规范，你可以知道在各个公司里代码是如何编写的。我们为什么需要编码规范一个主要的原因是...

• 2020-05-27

47浏览

0评论

jQuery与vue实现拖动验证码功能

jquery的绿色拖动验证功能
在网上看到了一个这样的问题：那种像拖动滑块匹配图形的验证方式是怎么实现的？。突然想到实现一个简单绿色拖动验证码的功能，在网上搜了下，有一个用jqu...

• 2020-05-27

63浏览

0评论

vue-cli实现多页面多路由的示例代码

项目下载地址 vue-cli多页面多路由项目示例 ：vue+webpack+vue-router+vuex+mock+axiosUsageThis is a project template for vue-cli.github上找到某大神的一个基于vue-cli模...

• 2020-05-27

68浏览

0评论

vue2.0之多页面的开发的示例

我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页...

• 2020-05-27

62浏览

0评论

vue自定义全局组件(自定义插件)的用法

有时候我们在做开发的时候，就想自己写一个插件然后就可以使用自己的插件，那种成就感很强。博主最近研究element-ui和axios的时候，发现他们是自定义组件，但是唯一有一点不同的是，...

• 2020-05-27

63浏览

0评论

Vue精简版风格概述

前面的话Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，且代码间隔较大，不易查询。本文按照类型分类，并对部分示例或解释进行缩减，是Vue风格指南的精简...

• 2020-05-27

75浏览

0评论

微信小程序数据存储与取值详解

在小程序开发的过程，经常要需要这个页面输入的数据，在下一个页面中进行取值赋值。比如：在A页面input输入框，输入电话号码，点击添加。需要在B页面电话区域中，显示刚刚输入的电话号...

• 2020-05-27

57浏览

0评论

AngularJS双向数据绑定原理之$watch、$apply和$digest的应用

引子这篇文章是写给AngularJS新手的，如果你已经对AngularJS的双向数据绑定有了深入的了解，直接去阅读源代码好了。背景AngularJS开发者都想知道双向数据绑定是怎么实现的。与d...

• 2020-05-27

50浏览

0评论

详解刷新页面vuex数据不消失和不跳转页面的解决

先说点什么
vuex和路由拦截这一块捣鼓的有一段时间了,总算是爬出来了,特地来分享一下,首先声明没有什么基础介绍,用的是登录状态存储sessionStorage的方法!!!进入正题
刷新...

• 2020-05-27

86浏览

0评论

JavaScript实现的贝塞尔曲线算法简单示例

本文实例讲述了JavaScript实现的贝塞尔曲线算法。分享给大家供大家参考，具体如下：如果在HTML5支持好的浏览器中，可以看到用svg绘制的路径线。在所有浏览器中，均可以看到一个小方...

• 2020-05-27

75浏览

0评论

express如何使用session与cookie的方法

无状态的http我们都知道http的请求和响应式相互独立的，服务器无法识别两条http请求是否是同一个用户发送的。也就是说服务器端并没有记录通信状态的能力。我们通常使用cookie...

• 2020-05-27

73浏览

0评论

JS实现的抛物线运动效果示例

本文实例讲述了JS实现的抛物线运动效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!doctype html ><html><head> <meta charset="utf-8"/> <title>抛物...

• 2020-05-27

92浏览

0评论

JS实现的邮箱提示补全效果示例

本文实例讲述了JS实现的邮箱提示补全效果。分享给大家供大家参考，具体如下：现在要实现的是类似网易登录时的邮箱提示框的效果，不过这里我打算稍微改变一下，就是在输入@的时候再...

• 2020-05-27

57浏览

0评论

vue初尝试--项目结构(推荐)

新建一个项目之后，我们来看一下项目的目录结构几个主要文件的内容index.html文件（入口文件，系统进入之后先进入index.html）<!DOCTYPE html><html> <head><meta charset="utf-8">...

• 2020-05-27

67浏览

0评论

Vue组件中slot的用法

下面给大家介绍Vue组件中slot的用法主要是让组件的可扩展性更强。1. 使用匿名slot2. 给slot加个名字如果不在有slot的组件里加入任何标签，slot什么都不会显示的。总结以上所...

• 2020-05-27

60浏览

0评论

简单理解Vue中的nextTick方法

Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。
一、示...

• 2020-05-27

72浏览

0评论

微信小程序实现手势图案锁屏功能

本文实例为大家分享了微信小程序手势图案锁屏的具体代码，供大家参考，具体内容如下参考H5lock效果图WXML<view class="container"> <view class="reset" bindtap="resetPwd">...

• 2020-05-27

50浏览

0评论

vue项目中导入swiper插件的方法

版本选择
swiper是个常用的插件，现在已经迭代到了第四代：swiper4。
常用的版本是swiper3和swiper4，我选择的是swiper3。安装
安装swiper3的最新版本3.4.2:npm i swiper@3.4.2 -...

• 2020-05-27

71浏览

0评论

微信小程序switch组件使用详解

本文实例为大家分享了微信小程序switch组件的实现代码，供大家参考，具体内容如下效果图HTML<div class="switch-list"> <span class="fui-fr">红色switch组件</span> <input cl...

• 2020-05-27

55浏览

0评论

jQuery NProgress.js加载进度插件的简单使用方法

NProgress.js　　说明:　　　　NProgress是基于jquery的，且版本要 >1.8　　下载地址:　　　　https://github.com/rstacruz/nprogress　　API:　　　NProgress.start() — 启...

• 2020-05-27

73浏览

0评论

微信小程序App生命周期详解

微信小程序App生命周期：onLaunch—-当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
onShow —-当小程序启动，或从后台进入前台显示，会触发 onShow
onHide —-当小程序从前...

• 2020-05-27

55浏览

0评论

pace.js和NProgress.js两个加载进度插件的一点小总结

这两个插件都是关于加载进度动画的，应该说各有特点吧，最起码对我来说是各有优势的。今天一天就捣鼓了加载进度动画，也研究了大量的（也就这两个）加载进度动画，也算对加载进度动画有...

• 2020-05-27

66浏览

0评论

在vue项目中使用Nprogress.js进度条的方法

NProgress.js提供页面加载进度条效果，当页面打开加载时，在页面顶部会出现进度条加载动画。NProgress.js是轻量级的进度条组件，使用简便，可以很方便集成到单页面应用中。Ajaxyy应...

• 2020-05-27

72浏览

0评论

微信小程序页面生命周期详解

微信小程序页面生命周期介绍，具体如下页面生命周期函数onLoad—-监听页面加载
onReady—-监听页面初次渲染完成
onShow—-监听页面显示
onHide—-监听页面隐藏
onUnload—-监...

• 2020-05-27

59浏览

0评论

Vue服务器渲染Nuxt学习笔记

关于SSR的文章网上很多，一开始看得我云里雾里。然后去Vue.js 服务器渲染指南和nuxt官网看了看，发现文章大多都是搬运官网的内容，真正讲的清晰明了的很少。所以想写篇文章学习下...

• 2020-05-27

56浏览

0评论

Vue单页面应用保证F5强刷不清空数据的解决方案

问题描述：　　Vue单页面用按F5强刷，数据就恢复初始了，这怎么破？解决方案：store.subscribe((mutation, state) => { sessionStorage.setItem('mobileState', JSON.stringify(state...

• 2020-05-27

54浏览

0评论

详解Vue单元测试Karma+Mocha学习笔记

在使用vue-cli创建项目的时候，会提示要不要安装单元测试和e2e测试。既然官方推荐我们使用这两个测试框架，那么我们就动手去学习实践一下他们吧。
简介KarmaKarma是一个基于Nod...

• 2020-05-27

66浏览

0评论

微信小程序 如何引入外部字体库iconfont的图标

如何引入外部字体库iconfont的图标，具体如下直接使用阿里巴巴的网络路径选择iconfont图标官网：阿里巴巴矢量字体库
步骤：阿里巴巴字体库使用方法
全局引入app.wxss@font-face...

• 2020-05-27

84浏览

0评论

详解Chai.js断言库API中文文档

Chai.js断言库API中文文档基于chai.js官方API文档翻译。仅列出BDD风格的expect/should API。TDD风格的Assert API由于不打算使用，暂时不放，后续可能会更新。BDDexpect和should...

• 2020-05-27

78浏览

0评论

微信小程序icon组件使用详解

微信小程序icon组件的实现，具体如下原生的icon组件的属性WXML<view class="icon-group"> <icon wx:for="{{typeList}}" type="{{item}}" size="40"></icon></view>JSPage({ d...

• 2020-05-27

54浏览

0评论

js保留两位小数方法总结

本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析，以下是全部内容：一、我们首先从经典的“四舍五入”算法讲起1、四...

• 2020-05-27

66浏览

0评论

浅谈MUI框架中加载外部网页或服务器数据的方法

我们很多同学在实施使用MUI框架的时候,在打开新的页面的时候常使用的方式是:mui.openwindow的方法,然而遇到网页需要从服务器或者是要嵌套外部的网页的时候,由于网速的问题...

• 2020-05-27

70浏览

0评论

微信小程序模板（template）使用详解

本文为大家分享了微信小程序模板template的使用方法，供大家参考，具体内容如下效果图以MUI的实例首页和列表页面为实例
通过上图，可以看出两个页面的列表部分很相近，以每行作为...

• 2020-05-27