详解vue在项目中使用百度地图

第一步,去百度地图开发者申请秘钥。第二步在项目中引入,具体如下其中index.html存放地图链接,代码如下然后在APP.vue里面实现,代码如下<template> <div id="app"> <div id="all...

Node.js使用supervisor进行开发中调试的方法

如果你有 PHP 开发经验,会习惯在修改 PHP 脚本直接刷新浏览器以查看结果,而你 在开发 Node.js 实现的 HTTP 应用时会发现,无论你修改了代码的哪一个部分,都必须终止Node.js...

Nginx设置为Node.js的前端服务器方法总结

1、安装node.js首先安装node.js安装所需的软件包,并在启动板上添加可用的nodejs的PPA。之后使用以下命令安装nodejs。$ sudo apt-get install python-software-properties py...

浅谈JS和jQuery的区别

一、本质上的区别1.JavaScript 是通过标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言。2.JQuery是一个JavaScript函数库。或者说是JavaScript。
使用JQ...

Node.js 多线程完全指南总结

很多人都想知道单线程的 Node.js 怎么能与多线程后端竞争。考虑到其所谓的单线程特性,许多大公司选择 Node 作为其后端似乎违反直觉。要想知道原因,必须理解其单线程的真正含...

Element中的Cascader(级联列表)动态加载省\市\区数据的方法

element中的cascader其实是有动态加载次级选项的方法。
方法的原理是利用址(引用)传递,动态修改:options。var c={name: 'bob'}var d=cd.name = 'tom'console.log(c)// {name:...

JQueryDOM之样式操作

设置样式和获取样式class 也是节点元素的属性,因此获取class 和设置class 都可以使用attr()方法来完成追加样式直接使用attr()方法设置class属性,会将原来的class属性替换掉如...

原生js实现获取form表单数据代码实例

本文实例为大家分享了原生js实现获取form表单数据的具体代码,供大家参考,具体内容如下
//获取指定form中的所有的<input>对象 function getElements(formId) { var form = d...

详解如何更好的使用module vuex

一、 前言在项目如何使用vuex呢?以前我都是非模块末去写的,可能大家和我一样也是这么去写,但是回过头去看看vue的文档,发现模块化去使用vuex更好,vue是单页面应用,其实只有一个页...

详解JS浏览器事件循环机制

先来明白些概念性内容。进程、线程进程是系统分配的独立资源,是 CPU 资源分配的基本单位,进程是由一个或者多个线程组成的。线程是进程的执行流,是CPU调度和分派的基本单位,同个...

微信小程序实现获取准确的腾讯定位地址功能示例

本文实例讲述了微信小程序实现获取准确的腾讯定位地址功能。分享给大家供大家参考,具体如下:官方参考文档:https://lbs.qq.com/qqmap_wx_jssdk/index.html逆地址解析(坐标位置描...

JavaScript惰性载入函数实例分析

本文实例讲述了JavaScript惰性载入函数。分享给大家供大家参考,具体如下:惰性载入函数惰性载入函数表示函数执行的分支仅会发生一次,有两种实现惰性载入函数的方式,第一种是在函...

vue实现鼠标移入移出事件代码实例

本文实例为大家分享了vue实现鼠标移入移出事件的具体代码,供大家参考,具体内容如下
<div class="index_tableTitle clearfix" v-for="(item,index) in table_tit"> <div c...

JavaScript偏函数与柯里化实例详解

本文实例讲述了JavaScript偏函数与柯里化。分享给大家供大家参考,具体如下:到目前为止我们仅讨论绑定this,现在让我们更深入学习。
我们不仅能绑定this,也可以是参数,这较少使用,...

vue中多个倒计时实现代码实例

下面给出一个效果图,我今天要说的就是实现下图这种多个倒计时很多时候我们做只有一个倒计时的情况比较多,比较简单只需要一个定时器setInterval,算出来赋赋值就好,但是需要多个...

vue 详情跳转至列表页实现列表页缓存

甲爸爸提了一个需求,希望公众号内的商城能够像app一样,从商品详情页跳转至列表页及其他列表页时,可以实现列表页缓存(数据不刷新、位置固定到之前点的商品的位置)本来想着scrollB...

js取0-9随机取4个数不重复的数字代码实例

本文实例为大家分享了js取0-9随机取4个数不重复的数字的具体代码,供大家参考,具体内容如下
html <input type="button" value="随机生成4位数" onclick="f1()">scriptfunction...

vue 列表页跳转详情页获取id以及详情页通过id获取数据

1.先在router.js中配置路由{ path: '/movieDetail/:movieId', name: 'movieDetail', component:movieDetail }2.获取详情页的id,并派发父组件事件(movieList.vue)页面...

详解Vue.directive 自定义指令

一、什么是全局API?全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如我们今天要学习的指令Vue.directive。说的简单些就是,在...

详解webpack4.x之搭建前端开发环境

webpack是一个现代JavaScript应用程序的静态模块打包器,借用官网的一张图,它能够将一些预处理语言,js的最新语法转换成浏览器识别的内容。现在一般的前端框架都有比较成熟的脚...

微信小程序结合mock.js实现后台模拟及调试

一、创建小程序项目mock.js 从 https://github.com/nuysoft/Mock/blob/refactoring/dist/mock.js 下载api.js:配置模拟数据和后台接口数据,通过DEBUG = true;//切换数据入口le...

微信小程序开发实现的IP地址查询功能示例

本文实例讲述了微信小程序开发实现的IP地址查询功能。分享给大家供大家参考,具体如下:微信小程序 开发 参考 https://mp.weixin.qq.com/debug/wxadoc/dev/component/search....

node中使用es6/7/8(支持性与性能)

前言这几年react、vue的快速发展,越来越多的前端开始讲es6的代码运用在项目中,因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中,import、export、let、箭...

vue+iview/elementUi实现城市多选

城市多选组件最近收到了一个需求,管理系统需要上线一个活动,但是活动是根据地区上线的,最小范围到市,于是有了下面这个组件
页面展示如图:



上代码~~~<template> <div class="tm-...

JavaScript实现汉字转换为拼音及缩写的方法示例

本文实例讲述了JavaScript实现汉字转换为拼音及缩写的方法。分享给大家供大家参考,具体如下:
复制代码 代码如下:if(!window.ZXZ){ZXZ={};}
ZXZ.widget={};
ZXZ.widget.pinyin...

vue-cli中使用高德地图的方法示例

第一步 去高德地图开放平台申请密钥 高德地图开放平台
第二部 在vue-cli项目目录结构
里面多了config文件夹和 utils文件夹 config.js里面是这样的 主要是导出密钥 // 高...

微信小程序学习笔记之目录结构、基本配置图文详解

本文实例讲述了微信小程序学习笔记之目录结构、基本配置。分享给大家供大家参考,具体如下:
结束了一段时间的学习,开始一段新的学习旅程 —— 微信小程序。现在出去找工作只会P...

Vue批量图片显示时遇到的路径被解析问题

最近在学Vue,感觉很难理解,学不懂。
昨天晚上开始第一个页面的搭建,脑子感觉通了一点,大概知道该怎么做了。在放置轮播图时,要调用很多图片,图片路径在data的一个数组里,用v-for循...

JavaScript刷新页面的几种方法总结

1,reload 方法该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务...

微信小程序学习笔记之函数定义、页面渲染图文详解

前面一篇介绍了微信小程序目录结构、基本配置。这里再来介绍一下函数定义、页面渲染。
小程序逻辑app.js:定义App函数用来注册一个小程序,包含全局数据和函数,指定小程序的生命...

详解React服务端渲染从入门到精通

前言
这篇文章是我自己在搭建个人网站的过程中,用到了服务端渲染,看了一些教程,踩了一些坑。想把这个过程分享出来。
我会尽力把每个步骤讲明白,将我理解的全部讲出来。文中的示...

详解在网页上通过JS实现文本的语音朗读

摘要: 语音合成:也被称为文本转换技术(TTS),它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。1、接口定义http://tts.baidu.com/text2...

深入理解es6块级作用域的使用

一.var 声明与变量提升机制
在JavaScript中使用var定义一个变量,无论是定义在全局作用域函数函数的局部作用域中,都会被提升到其作用域的顶部,这也是JavaScript定义变量的一个...

微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解

本文实例讲述了微信小程序学习笔记之表单提交与PHP后台数据交互处理。分享给大家供大家参考,具体如下:前面一篇结介绍了微信小程序函数定义、页面渲染。这里介绍form表单提交...

微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解

本文实例讲述了微信小程序学习笔记之跳转页面、传递参数获得数据操作。分享给大家供大家参考,具体如下:前面一篇介绍了微信小程序表单提交与PHP后台数据交互处理。现在需要实...

详解一个基于套接字实现长连接的express

逻辑: 首先把routerUrl目录下的函数初始化缓存起来,通过Router.request调用缓存起来的函数,这个函数实际上是register.set方法,主要是开始运行函数链,通过register.next 运行下...

详解vue使用插槽分发内容slot的用法

将父组件的内容放到子组件指定的位置叫做内容分发//在父组件里使用子组件<son-tmp> <div>我是文字,我需要放到son-tmp组件里面制定的位置</div></son-tmp>单个插槽父组件app....

微信小程序之onLaunch与onload异步问题详解

所述问题:
前端时间开发了一个微信小程序商城项目,因为这个项目我们的需求是进入小程序就通过wx.login({}) 这个api进行用户登录,获取系统后台的用户基本信息。再此之前,一直以...

详解vue-cli3多环境打包配置

最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。
首先,安装vue-cli3。npm install -g @vue/cli安装好之后的项目是这样的,见下图:相比较vue-cli2的项目,缺少了build和conf...

ES7之Async/await的使用详解

在 js 异步请求数据时,通常,我们多采用回调函数的方式解决,但是,如果有多个回调函数嵌套时,代码显得很不优雅,维护成本也相应较高。 ES6 提供的 Promise 方法和 ES7 提供的 Async/...

详解Js里的for…in和for…of的用法

之前看编程方法学,for循环的基本格式是for(init;test;step ){ statement}//例如for(int i=0,i<10;i++){ ...}后来接触了python,for循环的格式更加的简单优雅,只要一个for ……i...

微信小程序中使用Async-await方法异步请求变为同步请求方法

微信小程序中有些 Api 是异步的,无法直接进行同步处理。例如:wx.request、wx.showToast、wx.showLoading等。如果需要同步处理,可以使用如下方法:注意:Async-await方法属于ES7语...

微信小程序中转义字符的处理方法

在微信小程序开发过程中,有时候会用到常用的一些特殊字符如:‘<'、‘>'、‘&'、‘空格'等,微信小程序同样支持对转义字符的处理,下面提供两种方法用来处理微信小程序中转义字符...

Vue js 的生命周期(看了就懂)(推荐)

用Vue框架,熟悉它的生命周期可以让开发更好的进行。首先先看看官网的图,详细的给出了vue的生命周期:它可以总共分为8个阶段: beforeCreate(创建前), created(创建后), beforeMou...

node(koa2) web应用模块介绍详解

在自己的koa2 web项目中,用到了几个模块,感觉都是不错的,特地来分享下这些模块。一、前言
我们都知道可以通过koa2 工程名的方式来初始化koa2项目,官方为我们增加了koa-bodypars...

详解a标签添加onclick事件的几种方式

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" rel="external nofollow" 这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的hre...

使用weixin-java-miniapp配置进行单个小程序的配置详解

在进行小程序后端接口开发方面,使用weixin-java-tools中的weixin-java-miniapp模块,往往可以事半功倍。
引入weixin-java-tools
在https://mvnrepository.com/中搜索weixin-ja...

JavaScript实现无限级递归树的示例代码

需求最近遇到一个需求,平时被后台惯着直接返回了树形结构给到前端,前端对这种嵌套类型的数据(如地区的级联或菜单的树形结构)省掉了一层处理。换了个后台开发返回了扁平化的数组...

微信小程序学习笔记之登录API与获取用户信息操作图文详解

本文实例讲述了微信小程序学习笔记之登录API与获取用户信息操作。分享给大家供大家参考,具体如下:前面介绍了微信小程序跳转页面、传递参数获得数据,这里来分析一下登录API与获...

微信小程序生成二维码的示例代码

好久没有写文章了,最近公司要做海报分享的活动,需要在小程序中生成扫了之后可以跳转普通网页的二维码,就在github上面找了一下,确实找到了一个兼容兼容性比较不错的,给打加分享一...

返回顶部
顶部