vue跳转方式(打开新页面)及传参操作示例

本文实例讲述了vue跳转方式(打开新页面)及传参操作。分享给大家供大家参考,具体如下:1. router-link跳转// 直接写上跳转的地址<router-link to="/detail/one"> <span class="s...

js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例

本文实例讲述了js常用方法、检查是否有特殊字符串、倒序截取字符串操作。分享给大家供大家参考,具体如下:js常用方法demo<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...

JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例

本文实例讲述了JS实现的定时器展示简单秒表、页面弹框及跳转操作。分享给大家供大家参考,具体如下:定时器展示简单秒表demo<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra...

JS简单表单验证功能完整示例

本文实例讲述了JS简单表单验证功能。分享给大家供大家参考,具体如下:简单js表单验证demo<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/...

关于引入vue.js 文件的知识点总结

一、引入vue.js 文件
1. 用脚本标签<script> 引入外部vue.js 文件
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>2. 下面在一个新的 <script><scr...

Java Varargs 可变参数用法详解

Java1.5 提供了一个叫varargs的新功能,就是可变长度的参数。"Varargs"是 “variable number of arguments”的意思。有时候也被简单的称为 “variable arguments”。定义实参...

vue引用外部JS的两种种方法

前言肯定会遇到没有npm化的库自己写的js 方法在Vue中该怎么引用呢第一种 如果库是es6写的 就可以用import 引入比如我自己写的http 封装接口的方法 就可以这样子导入哦 第二...

用js限制网页只在微信浏览器中打开(或者只能手机端访问)

用js限制网页只在微信浏览器中打开js$(function(){ //判断页面是否是在微信浏览器打开 //对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器 var userag...

通过Kettle自定义jar包供javascript使用

这篇文章主要介绍了通过Kettle自定义jar包供javascript使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下我们都知道...

javascript设计模式之迭代器模式

迭代器模式分为内部迭代器和外部迭代器,内部迭代器就是在函数内部定义好迭代的规则,它完全接手整个迭代的过程,外部只需一次初始调用。内部迭代器
以下自行实现的类似jquery中$...

原生js+ajax分页组件

本文实例为大家分享了js+ajax分页组件的具体代码,供大家参考,具体内容如下1.定义分页组件DOM<div id="pagination" class="pagination"></div>2.定义分页组件类及实例方法://...

javascript设计模式之装饰者模式

在js函数开发中,想要为现有函数添加与现有功能无关的新功能时,按普通思路肯定是在现有函数中添加新功能的代码。这并不能说错,但因为函数中的这两块代码其实并无关联,后期维护成...

js页面加载后执行的几种方式小结

在实际应用中往往需要在页面加载完毕之后再去执行相关的js代码,之所以这么操作是有道理的,如果是操作dom元素,如果相关元素没有加载完成,而去执行js代码,可能会导致错误,下面就介...

jQuery Datatables 动态列+跨列合并实现代码

有时候需要用到html<input type="hidden" name="thead_key" id="thead_key" value="<&#63;php if(isset($thead_key)):&#63;><&#63;php echo $thead_key;&#63;><&#63;php en...

Jquery Datatables的使用详解

参考:Datatables中文网Datatables官网 Datatables 是一款强大的Jquery表格处理插件,样式方面可以兼容bootstrap3/4、JqueryUi等,也有默认的样式可以选择。使用Datatables可以很...

vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)

最近开始在用elementUI做一个后台管理系统项目,遇到一个问题,需求是这样,在父组件有一个按钮,点击按钮会显示弹窗(子组件),在子组件中用的是elementUI 的el-diolog弹窗组件,在关闭弹...

vue学习笔记之作用域插槽实例分析

本文实例讲述了vue学习笔记之作用域插槽。分享给大家供大家参考,具体如下:<child></child>Vue.component('child', { data: function () { return { list: [1, 2,...

vue学习笔记之slot插槽基本用法实例分析

本文实例讲述了vue学习笔记之slot插槽基本用法。分享给大家供大家参考,具体如下:不使用插槽,在template中用v-html解析父组件传来的带有标签的content<!DOCTYPE html><html lan...

vue学习笔记之过滤器的基本使用方法实例分析

本文实例讲述了vue学习笔记之过滤器的基本使用方法。分享给大家供大家参考,具体如下:以下是一个将浏览器默认时间格式格式化的例子:<!DOCTYPE html><html lang="en"><head> <m...

js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期

js 获取 本周、上周、本月、上月、本季度、上季度的开始结束日期/** * 获取本周、本季度、本月、上月的开始日期、结束日期 */var now = new Date(); //当前日期var nowDayO...

js获取本日、本周、本月的时间代码

本日时间function showToDay(){ var Nowdate=new Date(); M=Number(Nowdate.getMonth())+1 alert(Nowdate.getMonth()+"月,"+Nowdate.getDate()+"号,星期"+Nowd...

js 计算月/周的第一天和最后一天代码

因为项目开发中遇到需要向后台传本周的开始和结束时间,以及上一周的起止时间,就琢磨了半天,总算写出来一套,写篇文章是为了方便自己记忆,也是分享给需要的人,水平有限,写的不好请见...

node crawler如何添加promise支持

背景
最近在组内做一些爬虫相关的工作,本来想自己简单造个轮子的,但是经网友推荐后,采用了node-crawler,用了一段时间过后,确实满足了我的绝大部分需求,但是其 api 却不支持 promi...

基于vue和websocket的多人在线聊天室

最近看到一些关于websocket的东西,就决定写一个在线聊天室尝试一下。最终决定配合vue来写,采用了官方的vue脚手架vue-cli和官方的router,在本例中呢,我是用了CHAT这个对象来存储...

基于node+vue实现简单的WebSocket聊天功能

首先,我需要用到node的nodejs-websocket模块使用yarn进行安装yarn add nodejs-websocket --save当然,你也可以用npm进行安装npm i nodejs-websocket --save安装完毕之后,我们开...

JQuery事件委托(适用于给动态生成的脚本元素添加事件)

最近一段时间打了一个大仗,现在总算消停点,才有时间来做个总结吧算是:移动端遇到一个项目,是一个列表的侧滑栏,在我这里用jq写的交互事件。自测各方面都挺好的,美滋滋的给了研发。...

vue实现路由不变的情况下,刷新页面操作示例

本文实例讲述了vue实现路由不变的情况下,刷新页面操作。分享给大家供大家参考,具体如下:背景1:在vue写的后台管理项目中,经常会有增、删、改、查的操作,这些操作只是跟用接口跟后...

vue简单封装axios插件和接口的统一管理操作示例

本文实例讲述了vue简单封装axios插件和接口的统一管理操作。分享给大家供大家参考,具体如下:现在很多公司的项目都是前后端分离的项目,那么说到前后端分离,必定会有ajax请求来获...

vue路由缓存的几种实现方式小结

本文实例讲述了vue路由缓存的几种实现方式。分享给大家供大家参考,具体如下:在我们的日常开发中,有时候会遇到页面的缓存,特别是电商的项目,在商品列表的一些状态都是要缓存下来...

node 版本切换的实现

nvm是node.js的版本管理器,可以安装和切换不同版本node.js第一步:下载
下载地址:https://github.com/coreybutler/nvm-windows/releases第二步:安装
按照提示完成安装即可,安装完...

vue实现的封装全局filter并统一管理操作示例

本文实例讲述了vue实现的封装全局filter并统一管理操作。分享给大家供大家参考,具体如下:在前后端分离的项目中,经常会有后台返回的数据需要进过处理才能显示到页面上的场景。...

vuex+axios+element-ui实现页面请求loading操作示例

本文实例讲述了vuex+axios+element-ui实现页面请求loading操作。分享给大家供大家参考,具体如下:前言我们在平常写项目的时候,发请求的时候肯定会习惯用一个 loading 遮罩层来...

浅谈vuex为什么不建议在action中修改state

背景
在最近的一次需求开发过程中,有再次使用到Vuex,在状态更新这一方面,我始终遵循着官方的“叮嘱”,谨记“一定不要在action中修改state,而是要在mutation中修改”;于是我不禁产...

24个解决实际问题的ES6代码片段(小结)

这是从30 seconds of code中挑出来的非常有用的一些代码片段,这是一个非常棒的项目,大家可以去github上去搜索一下,给个star。
在本文中,我试图根据它们的实际用途对它们进行分...

压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)

问题由于这次项目是在初学 Vue 之后的第一个正式项目,没有考虑到类似 路由懒加载、 按需加载的问题 ,所以呢,也算是没经验。到了这些天,项目写得差不多了,准备放到服务器测试,才发...

Vue的Eslint配置文件eslintrc.js说明与规则介绍

默认eslint规则:代码末尾不能加分号 ;代码中不能存在多行空行;tab键不能使用,必须换成两个空格;代码中不能存在声明了但未使用的变量;最简单的方法,关闭eslint检测,其实很简单,把 bu...

JavaScript中的类型检查

JS 的动态类型有好有坏。好的一面,不必指明变量的类型。不好的是,咱们永远无法确定变量的类型。typeof运算符可以确定 JS 中的6种类型:typeof 10; // => 'number'typeof 'He...

Vue强制组件重新渲染的方法讨论

有时候,依赖 Vue 响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的DOM,重新开始。那么,如何让Vue以正确的方式重新呈现组件呢?...

javscript 数组扁平化的实现

join toString
该两种方法会将数组元素的类型转换为字符串var arr = [1, [2, [3, [4, 5]]], 6];console.log(arr.join()); //1,2,3,4,5,6console.log(arr.toString()); //1,...

使用js实现单链解决前端队列问题的方法

使用场景
比如前端需要处理什么队列一类的业务 比如有人下单,需要弹出什么弹窗首先先声明一个类
接收一个 数组对象:items
class ChainQueue { constructor(items) { this...

微信小程序8种数据通信的方式小结

前言
数据通信在开发中是必不可少的一个环节,也是我们必须掌握的知识。知道得越多的数据通信方式,实现业务会更加得心应手。
下面我将这些通信方式归类介绍: 组件通信 全局通...

Vuex模块化应用实践示例

Vuex作为Vue全家桶的成员之一,重要性肯定不用多说,正在做Vue项目的同学,随着项目需求、功能逐渐增加,用到Vuex也是早晚的事儿,作为一个前端,只能面对现实:学不动也得学!
这篇文章主...

vue组件创建的三种方式小结

1.使用Vue.extend创建全局的Vue组件//1.1 使用vue.extend创建组件var com1 = Vue.extend({ //通过template属性指定组件要展示的html结构 template : "<h3>使用vue.exten...

解决小程序无法触发SESSION问题

一、首先找到第一次发起网络请求的地址,将服务器返回set-cookie当全局变量存储起来wx.request({ ...... success: function(res) { console.log(res.header); //set-cookie:P...

微信小程序实现同时上传多张图片

本文实例为大家分享了微信小程序实现同时上传多张图片的具体代码,供大家参考,具体内容如下1.图片选择后,路径已经存入list中:data: { images: [], //选择的图片 },2.调用递归...

微信小程序实现上传多个文件 超过10个

本文实例为大家分享了微信小程序实现上传多个文件超过10个的具体代码,供大家参考,具体内容如下【小程序笔记】wx.uploadFile(OBJECT)先说说遇到的问题:小程序可通过wx.uploadFi...

JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)

有时候正则表达式可以大大提高我们的开发效率呢比如这段校验基本日期格式的javascript代码:let d1 = "2017/12/10";let r1 = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;let r...

jQuery实现小火箭返回顶部特效

jquery实现小火箭返回顶部案例,供大家参考,具体内容如下1. 滚动页面,当页面距离顶部超出1000px,显示小火箭。封装在scroll函数里,当前页面距离顶部为$(window).scrollTop >=1000...

使用preload预加载页面资源时注意事项

preload 提供了一种声明式的命令,让浏览器提前加载指定资源(加载后并不执行),在需要执行的时候再执行。提供的好处主要是将加载和执行分离开,可不阻塞渲染和 document 的 onloa...

使用PreloadJS加载图片资源的基础方法详解

一. 使用createjs里的LoadQueue函数实现异步加载图片,监听加载进度1.实例对象LoadQueue加载队列对象var queue = new createjs.LoadQueue(false);2.需要监听常用到的三个方...

返回顶部
顶部