VueJS 取得 URL 参数值的方法
先给大家介绍下VueJS取得URL参数 vuejs取得URL中参数的值
地址：http://localhost:3333/#/index?id=001
结果：001
console.log(this.$route.query.id)
PS：下面给大家介绍下...
2020-05-27
Vue数据驱动表单渲染,轻松搞定form表单
form-create
具有动态渲染、数据收集、校验和提交功能的表单生成器，支持双向数据绑定、事件扩展以及自定义组件，可快速生成包含有省市区三级联动、时间选择、日期选择等17种功...
2020-05-27
bootstrap table插件动态加载表头
bootstrap的table属性已经很熟悉了，最近遇到一个问题，犹豫每个列表加载的数据需求不同，所以需要动态的更换表头。 网上有很多加载表格数据的例子，但是却没有找到如何动态加载表...
2020-05-27
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
ng-bootstrap: tabset 本文介绍了 ng-bootstrap 项目中，tabset 的实现分析。使用方式<ngb-tabset> 作为容器元素，其中的每个页签以一个 <ngb-tab> 元素定义，在 <ngb-tabset> 中...
2020-05-27
element-ui 中使用upload多文件上传只请求一次接口
方法一
不使用组件内部的钩子<el-upload class="upload-image" ref="upload" multiple :action="baseUrl" list-type="picture" :auto-upload="false" accept="image/*"> <e...
2020-05-27
Element-ui DatePicker显示周数的方法示例
1.场景描述我们公司是做电商的，运营的工作指标都是按周来定的，所以他们对周特别敏感，希望我们能在日期选择器上显示周数。刚接到这个需求时，心中很不乐意，因为Element-ui的日期选...
2020-05-27
bootstrap Table实现合并相同行
本文实例为大家分享了bootstrapTable实现合并相同行的具体代码，供大家参考，具体内容如下方法：调用mergeCells(data, fieldName, target)，可以实现合并相同行 var table = $("#ta...
2020-05-27
Smartour 让网页导览变得更简单(推荐)
本文介绍了Smartour 让网页导览变得更简单，分享给大家，具体如下：在遇到网页内容有着较大调整的时候，往往需要一个导览功能去告诉用户，某某功能已经调整到另外一个位置。比较常规...
2020-05-27
vue-cli 项目打包完成后运行文件路径报错问题
本文介绍了vue-cli 项目打包完成后运行文件路径报错问题，做个笔记，也分享给大家。刚新建的vue-cli项目，同事说要打包一版进行测试，打包完成后放在tomcat上发现路径报错问题。
百...
2020-05-27
Vue配置marked链接添加target="_blank"的方法
1."引入marked
package.json"dependencies": { "marked": "^0.3.9"}import marked from "marked";
1.修改生成的HTML的方法
const renderer = new marked.Renderer();//htt...
2020-05-27
微信小程序 扭蛋抽奖机css3动画实现详解
前言最近快速上线一个抽奖活动，又不想用canvas做，思考了很久，还是决定使用css3的动画来做，只要小球动得快，就没人发现我这些个小球的运动路径都是一样的了。先上动图wxml文件：
<vi...
2020-05-27
Vue实战教程之仿肯德基宅急送App
Vue学习有一段时间了，就想着用Vue来写个项目练练手，弄了半个月，到今天为止也算勉强能看了。由于不知道怎么拿手机App的接口，并且KFC电脑端官网真的...一言难尽，所以项目所有数据...
2020-05-27
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
具体代码如下所示：<el-menu :default-active=‘$route.path‘ :router=‘true‘ :unique-opened=‘true‘ :default-openeds="defaultOpeneds" background-c...
2020-05-27
Android 自定义view仿微信相机单击拍照长按录视频按钮
Android仿微信相机的拍照按钮单击拍照，长按录视频。先上效果图。
项目地址：https://github.com/c786909486/PhotoButton2/tree/v1.0添加依赖allprojects { repositories {...
2020-05-27
el-input 标签中密码的显示和隐藏功能的实例代码
效果展示： 密码隐藏： 密码显示：代码展示： 一：<el-input>标签代码 <el-form-item label="密码" prop="password"> <el-input :type="passw" v-model="adduser.passwor...
2020-05-27
基于vue 实现表单中password输入的显示与隐藏功能
实现效果：点击 “眼睛” 的时候显示与隐藏代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href="css/bootstrap.min.css" rel="external nofoll...
2020-05-27
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
1.多张图片循环渲染后预览、保存、识别带参数二维码wxml页面<view wx:for=“{{imgalist}}” wx:for-item=“image” class=“previewimg”><image src=“{{image}}” data-s...
2020-05-27
JavaScript剩余操作符Rest Operator详解
剩余操作符
之前这篇文章JavaScript展开操作符(Spread operator)介绍讲解过展开操作符。剩余操作符和展开操作符的表示方式一样，都是三个点 '…',但是他们的使用场景会不同。...
2020-05-27
JavaScript展开操作符(Spread operator)详解
你可以通过展开操作符(Spread operator)...扩展一个数组对象和字符串。展开运算符（spread）是三个点（…）,可以将可迭代对象转为用逗号分隔的参数序列。如同rest参数的逆运算。用...
2020-05-27
JS回调函数原理与用法详解【附PHP回调函数】
本文实例讲述了JS回调函数原理与用法。分享给大家供大家参考，具体如下：JS回调函数何为回调函数，官方解释：当程序跑起来时，一般情况下，应用程序（application program）会时常通过API调...
2020-05-27
jquery插件开发模式实例详解
本文实例讲述了jquery插件开发模式。分享给大家供大家参考，具体如下：jquery插件一般有三种开发方式： 通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.wid...
2020-05-27
Vue项目中使用WebUploader实现文件上传的方法
简介：WebUploader是由 Baidu WebFE(FEX) 团队开发的一个简单的以 HTML5为主 ， FLASH为辅 的现代 文件上传组件 。在现代的浏览器里面能充分发挥HTML5的优势，同时又 不摒弃主流I...
2020-05-27
typescript nodejs 依赖注入实现方法代码详解
依赖注入通常也是我们所说的ioc模式，今天分享的是用typescript语言实现的ioc模式，这边用到的主要组件是 reflect-metadata 这个组件可以获取或者设置元数据信息，它的作用是拿到...
2020-05-27
Vue中遍历数组的新方法实例详解
1、foreach foreach循环对不能使用return来停止循环 search(keyword){ var newList = [] this.urls.forEach(item =>{ if(item.name.indexOf(keyword) != -...
2020-05-27
Node.js 实现简单的无侵入式缓存框架的方法
前言
python 的flask.ext.cache 通过注解这样对方法返回结果进行缓存：@cache.cached(timeout=300, key_prefix='view_%s', unless=None)def hello(name=None): print 'view...
2020-05-27
浅析Angular 实现一个repeat指令的方法
在项目中常常会使用 ngFor指令，之前只会使用它，具体如何实现的却不得而知。终于这几天有时间"研究"了下它是如何实现的，顺便自己写个简单的 ngFor指令：repeat说到指令就不得不提...
2020-05-27
Vue商品控件与购物车联动效果的实例代码
本篇我们将构建商品控件与购物车联动。商品控件商品控件的结构编写 在商品组件的<template>标签内完成项目结构，以及数据，事件的绑定，与判断逻辑的书写。<template> <div class...
2020-05-27
微信小程序获取用户绑定手机号方法示例
用户调用wx.login()方法，获取登录用户凭证code
wx.login({ success: function(res) { console.log('loginCode', res.code) }});code传给后台，凭证code获取session_key和openi...
2020-05-27
详解vue为什么要求组件模板只能有一个根元素
我是在知乎上看到的这个问题，转念一想，用了大半年的vue，好像真的没有了解过：‘为什么只能有且只有一个根元素'于是我花了二十多分钟去找了一下答案......竟然没有找到答案....好...
2020-05-27
教你30秒发布一个TypeScript包到NPM的方法步骤
文章读译自The 30 second guide to publishing a typescript package to npm，部分内容有修改哈。这篇文章要求你有一定的 JS 、TS 和 NPM 的知识，如果你写过普通的 NPM 包就更...
2020-05-27
详解微信小程序自定义组件的实现及数据交互
简单的自定义组件本文的使用场景是：多个页面都需要用到拨打电话功能，为减少代码量、便于维护，所以自定义了一个组件，每个页面直接调用即可。基本实现下图样式：下面我们来一步步的...
2020-05-27
javascript自定义日期比较函数用法示例
本文实例讲述了javascript自定义日期比较函数用法。分享给大家供大家参考，具体如下：1.比较日期大小<script>function CompareDate(d1,d2){ return ((new Date(d1.replace(/-/g...
2020-05-27
在小程序中推送模板消息的实现方法
前段时间剁手了 PS4,在浏览商店时，发现官方商店真的不好用，主要是网络原因，次要是页面设计。所以就想自己做一个游戏查询的小程序，可以关注某个游戏，然后在这个游戏打折的时候发...
2020-05-27
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
大体思路 后端书写REST api时，有一些api是非常敏感的，比如获取用户个人信息，查看所有用户列表，修改密码等。如果不对这些api进行保护，那么别人就可以很容易地获取并调用这些 a...
2020-05-27
koa2 用户注册、登录校验与加盐加密的实现方法
加密与解密 先介绍一下关于服务端用户名跟密码的存储状态，我们知道当前端在注册一个新用户时，会在表单内填入用户名和密码，并通过post请求提交到服务器，服务器再把用户名和密码...
2020-05-27
微信小程序webview 脚手架使用详解
项目地址
https://github.com/fangkyi03/wechat-webview-template
项目介绍
1.wechat
使用taro创建的初始化项目
2.react-ssr-h5
使用nextjs创建的项目 已经做好完整的兼容...
2020-05-27
20道JS原理题助你面试一臂之力(必看)
前言
本文针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。
1. 实现一个call函数
// 思路：将要改变this指向的方法...
2020-05-27
这应该是最详细的响应式系统讲解了
前言
本文从一个简单的双向绑定开始，逐步升级到由defineProperty和Proxy分别实现的响应式系统，注重入手思路，抓住关键细节，希望能对你有所帮助。一、极简双向绑定
首先从最简单...
2020-05-27
jQuery Ajax async=>false异步改为同步时,解决导致浏览器假死的问题
今天做一个需求遇到了这么个情况，就是用户个人中心有个功能，点击按钮，可以刷新用户当前的积分，这个肯定需要使用到ajax的同步请求了，当时喀喀喀三下五除二写玩了，大概代码如下：/**...
2020-05-27
关于NodeJS中的循环引用详解
最近在用node的时候排查一个问题排查了半天，最终发现是循环引用导致的问题，故在此记录一下。场景复现
出现问题场景比较简单，一共四个类： parent.ts child.ts child_2.ts ut...
2020-05-27
Vue中对iframe实现keep alive无刷新的方法
前言最近一个需求，需要在 Vue 项目中加入 含有iframe 的页面，同时在路由切换的过程中，要求iframe的内容 不会被刷新 。一开始使用了Vue自带的keep- alive发现没有用，于是自己研...
2020-05-27
vscode vue 文件模板的配置方法
1. 安装VueHelper插件2. 寻找 vue.json按顺序点击vscode的： 文件 首选项 用户代码片段 接着搜索框中输入 vue， 回车3. 填写模板内容直接复制一下内容到 vue.json{ "Print...
2020-05-27
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
前端开发中经常会碰到用 JavaScript?格式化数字，最最常见的是格式化金额，一般格式化金额需要千分位分隔，保留2位小数等等。简单的功能函数
类似的代码网上有很多：/** * 将数...
2020-05-27
前端插件之Bootstrap Dual Listbox使用教程
对于很多非专业前端开发来说写页面是非常痛苦的，借助框架或插件往往能够达到事半功倍的效果，本系列文章会介绍我在运维系统开发过程中用到的那些顺手的前端插件，如果你是想写XX...
2020-05-27
详解JavaScript 浮点数运算的精度问题
问题描述
在 JavaScript 中整数和浮点数都属于 Number 数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非...
2020-05-27
koa2 从入门到精通(小结)
koa 发布已经快 6 年的时间，作为继 express 之后 node 服务框架最大的黑马，有很多的设计思想值得我们学习，本文从简到繁逐步介绍 koa，同时适合新老手阅读。介绍这里引用中文官方...
2020-05-27
微信小程序 确认框的实现（附代码）
效果图如下:核心代码如下:delType:function(e){ var typeId = e.currentTarget.dataset['id']; console.log("delete:"+typeId) wx.showModal({ title: '提示', content:...
2020-05-27
微信小程序 网络通信实现详解
关于网络通信，这里我使用的是wx.request,官方代码示例如下:wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-t...
2020-05-27
ES6知识点整理之String字符串新增常用方法示例
本文实例讲述了ES6知识点整理之String字符串新增常用方法。分享给大家供大家参考，具体如下：字符串includes,startsWith,endsWith方法测试普通的用法：<script>var str = 'Hello'...
2020-05-27
vue 地区选择器v-distpicker的常用功能
今天给大家推荐一款好用的vue插件，地区选择器 v-distpicker ，接下来我给大家介绍一些常用的功能1.引入插件(截图官网并解释)2.使用插件(截图官网并解释)就是这么简单，只需写个<...
2020-05-27
