详解小程序中h5页面onShow实现及跨页面通信方案

小程序webview的现状
h5页面在小程序中的交互(跳转)场景 h5跳转小程序native页面(如:调用小程序地址选择能力,然后返回对应的地址信息给h5页面) h5跳转己方业务线的h5页面(内部页...

vue-router的两种模式的区别

1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript...

实用的Vue开发技巧

1 状态共享
随着组件的细化,就会遇到多组件状态共享的情况,Vuex当然可以解决这类问题,不过就像Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介...

vue动态注册组件实例代码详解

写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API,最开始研究它只是用来实现一个tab切换的功能,使用起来也蛮不错的。is预期:string | Object (组件的选项对象)...

Vue使用axios出现options请求方法

以下代码如果需要在你本地跑起来:
Ⅰ.需要apache服务,并把php代码丢进去指定位置
Ⅱ.将下面http://www.test.com/day05/jiekou.php地址,改成自己指定位置的域名或ip
1.从一段简...

详解vue 动态加载并注册组件且通过 render动态创建该组件

基于 iview Tabs 组件实现功能:为每个 tab 动态创建不同的、特定的组件内容,而不需要大量的 import 组件并进行 component 注册Index.vue
<template> <div class="content-le...

JS使用cookie保存用户登录信息操作示例

本文实例讲述了JS使用cookie保存用户登录信息。分享给大家供大家参考,具体如下:通常cookie和session,是web开发中用于存储信息的对象,session存在于服务器的内存中,而cookie则是...

搭建一个Koa后端项目脚手架的方法步骤

一、背景结合当前的node比较火的三大框架,Express、Koa、egg。笔者之前用的Express,后面发现回调把我搞死了,实在太无奈了。终于有一天去尝试了Koa来进行开发,发现实在太舒服了...

vue实现固定位置显示功能

在vue项目中实现吸顶效果.比如说,我们要实现的功能是导航栏在页面下滑到一定位置之后,便固定不定。首先:要在mounted生命周期内监听'scroll'事件,事件触发后,执行一个处理滚动的...

浅谈Vue的响应式原理

一、响应式的底层实现
1、Vue与MVVM
Vue是一个 MVVM框架,其各层的对应关系如下 View层:在Vue中是绑定dom对象的HTML ViewModel层:在Vue中是实例的vm对象 Model层:在Vue中是da...

Vue实现固定定位图标滑动隐藏效果

写在前面移动端页面,有时候会出现一些固定定位在底部图标,比如购物车等。这时候如果添加一个滑动页面,图标透明度变低,同时 移动到屏幕边进行隐藏,效果如下。所用原理监听滑动事...

简述pm2常用命令集合及配置文件说明

常用命令集合
pm2 start app.js # 启动app.js应用程序
pm2 start app.js -i 4 # cluster mode 模式启动4个app.js的应用实例# 4个应用程序会自动进行负载均衡...

vue滚动固定顶部及修改样式的实例代码

滚动固定位置有多种方法1 css3 粘性定位position:sticky;top:20px;2直接position:fixed;给顶部盒子设置一个margin-top刚好是需要固定的盒子的高度3事件监听更改style中的posit...

JS使用new操作符创建对象的方法分析

本文实例讲述了JS使用new操作符创建对象的方法。分享给大家供大家参考,具体如下:在编写js代码时,我们有时会需要使用函数来模拟java中的类,并用它来产生对象,在定义了一个构造函...

AngularJs中$cookies简单用法分析

本文实例讲述了AngularJs中$cookies简单用法。分享给大家供大家参考,具体如下:首先导入angular-cookies.js在App 中require模块ngCookies:angular.module("app",['ngCookies'])...

通过实践编写优雅的JavaScript代码

有没有似曾相识
如果你对于代码,除了关注是否能准确的执行业务逻辑,还关心代码本身是怎么写的,是否易读,那么你应该会关注如何写出干净优雅的代码。作为专业的工程师,除了保证自...

Vue CLI3中使用compass normalize的方法

normalize:统一了基本的样式,如margin: 0;(类似compass中的reset模块)compass:对sass的封装,扩展1.安装
npm i normalize.css compass-mixins --save-dev1.1 normalize.cssx引用...

Vue CL3 配置路径别名详解

Cli3工具中,配置路径别名
最近用Vue Cli3脚手架搭建了Vue项目,发现没有build目录了,里面的webpack相关的也没了,看了官方文档后,查了资料后,发现都在vue.config.js里来配置了
配置...

jQuery模拟html下拉多选框的原生实现方法示例

本文实例讲述了jQuery模拟html下拉多选框的原生实现方法。分享给大家供大家参考,具体如下:用js, html, css 简单的实现一个HTML 下拉多选框,不试用其他框架的情况下,可以借鉴一...

深入了解JavaScript 私有化

Class field declarations for JavaScript(JavaScript 类的字段声明)目前已经进入了 stage-3,其中包含一项 OOP 开发者都很关注的内容:Private fields。JavaScript 一直没有私有...

socket在egg中的使用实例代码详解

config/config.default.js
exports.io = { init: {}, namespace: { '/': { //对应router.js里的 of('/') connectionMiddleware: [ 'auth' ], //对应io/middleware/auth...

深入理解JavaScript 箭头函数

JavaScript箭头函数是ECMAScript 6中引入的编写函数表达式的一种简便方法。通常,在JavaScript中,可以通过两种方式创建函数: 函数语句。 函数表达式。可以如下所示创建函数语...

koa+jwt实现token验证与刷新功能

JWTJSON Web Token (JWT)是一个开放标准(RFC 7519),它定义了一种紧凑的、自包含的方式,用于作为JSON对象在各方之间安全地传输信息。该信息可以被验证和信任,因为它是数字签名...

如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)

导读
本文主要是对connect-history-api-fallback库进行一次源码分析。connect-history-api-fallback是一个用于支持SPA History路由模式的nodejs库。阅读本文前,应对HTML5 Hi...

了解JavaScript中let语句

使用let语句,允许你在JavaScript中创建块范围局部变量。let语句是在JavaScript的ECMAScript 6标准中引入的。在你往下了解let语句之前,我建议你先查看基于Infragistics jQuery...

细说Vue组件的服务器端渲染的过程

声明:需要读者对 NodeJs、Vue 服务器端渲染有一定的了解现在,前后端分离与客户端渲染已经成为前端开发的主流模式,绝大部分的前端应用都适合用这种方式来开发,又特别是 React、V...

轻松学习JavaScript函数中的 Rest 参数

JavaScript函数可以使用任意数量的参数。与其他语言(如C#和Java)不同,你可以在调用JavaScript函数时传递任意数量的参数。JavaScript函数允许未知数量的函数参数。在ECMAScript...

Element-ui中元素滚动时el-option超出元素区域的问题

复现场景, 看图分析原因为简单起见, 把选项区域描述为popperEl popperEl的z-index 比较大, 会覆盖在其他元素上面 popperEl默认是插入body元素的(可以将popper-append-to-...

了解JavaScript函数中的默认参数

前言JavaScript函数可以有默认参数值。通过默认函数参数,你可以初始化带有默认值的正式参数。如果不初始化具有某些值的参数,则该参数的默认值为undefined。请看下列代码:funct...

详解Vue项目引入CreateJS的方法(亲测可用)

1 前 言1.1 CreateJS介绍 CreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库,可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。A suite of modular librari...

vue-cli3+ts+webpack实现多入口多出口功能

最近公司有一个需求,需要在项目里面嵌套h5的页面,而且不止有一个嵌套的页面,那么就想办法运用webpack的多入口多出口的打包模式,网上查了很多资料,也有多入口多出口的案例,github...

Vue Router history模式的配置方法及其原理

vue-router分为 hash和 history模式,前者为其默认模式,url的表现形式为 http://yoursite.com#home,比较难看。后者的url表现形式为 http://yoursite.com/home,比较美观。但如果...

微信小程序环境下将文件上传到OSS的方法步骤

步骤 1: 配置 Bucket 跨域客户端进行表单直传到 OSS 时,会从浏览器向 OSS 发送带有 Origin 的请求消息。OSS 对带有 Origin 头的请求消息会进行跨域规则(CORS)的验证。因此需要...

vue App.vue中的公共组件改变值触发其他组件或.vue页面监听

业务场景重现
现在我的App.vue里面有一个头部的公共组件,头部组件里有一个输入框,当我输入词条时,将词条传进App.vue里的<router-view>里的.vue页面,并进行查询获取数据解决思路...

一文了解vue-router之hash模式和history模式

当前版本: 3.0.3类目录: src/history/base.jshash模式即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。比如这个 URL: http://www.abc.com/#/hello ,hash 的值为 #/...

JS实现处理时间,年月日,星期的公共方法示例

本文实例讲述了JS实现处理时间,年月日,星期的公共方法。分享给大家供大家参考,具体如下:在项目中用到的,用js 来得到年月日,星期,当前多少个周的函数,备忘在这里,以后参考。Date.prot...

vue spa应用中的路由缓存问题与解决方案

单页面应用中的路由缓存问题
通常我们在进行页面前后退时,浏览器通常会帮我们记录下之前滚动的位置,这使得我们不会在每次后退的时候都丢失之前的浏览器记录定位。但是在现在...

jQuery实现动态加载(按需加载)javascript文件的方法分析

本文实例讲述了jQuery实现动态加载(按需加载)javascript文件的方法。分享给大家供大家参考,具体如下:为了提高网页程序的性能,在很多情况下javascript 是按需加载,而不是全部写...

nodejs log4js 使用详解

本文章针对 log4js v4.3
本文对自己用log4js的技术点简单的做一个记录,有一些技术点没有用到或者写全,会在后面用到的时候进行更新。先大概的对log4js 的基本用法做一个总结,使...

gulp构建小程序的方法步骤

目前来说,对于构建小程序的,类似taro这些框架,生态已经挺完善的了,没有什么必要再搞一套来折腾自己。但是,我司的小程序,是很早之前就开发的,我们负责人当时信不过这些开源的框架,于...

一文快速了解JQuery中的AJAX

$.ajax({ url:"http://www.microsoft.com", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步,默认为异步,这也是ajax重要特性 data:{"id...

Vuex新手的理解与使用详解

1 vuex的概念理解
提到vuex,就不能不先提vue.
我个人开始尝试学习使用vue,是因为此前总是遇到页面逻辑数据与视图的一致性问题.在使用vue之前,我们使用jQuery插件的时候,一...

vue中node_modules中第三方模块的修改使用详解

最近用vue在做一个项目,github用上找了一个日历插件,intall到了本项目中,配好以后发现插件的样式风格和项目总体风格相差较大,所以就像这个改一下插件风格,
第一种方法:我直接在父...

JavaScript判断对象和数组的两种方法

在调用后端接口时,由于后端接口的不规范统一,接口最外层在没有数据时返回的是空数组(其实更想要的是空json对象),而在有数据时返回的是json对象,所以在接收到后端返回的接口时就...

Vue基础学习之项目整合及优化

前言使用 webpack 构建过 Vue 项目的同学应该知道 alias 的作用,我们可以使用它将复杂的文件路径定义成一个变量来访问。在不使用 alias 的项目中,我们引入文件的时候通常会去...

Vue CLI3基础学习之pages构建多页应用

前言首先我们可以把多页应用理解为由多个单页构成的应用,而何谓多个单页呢?其实你可以把一个单页看成是一个 html 文件,那么多个单页便是多个 html 文件,多页应用便是由多个 htm...

使用RxJS更优雅地进行定时请求详析

在用 Angular 做项目的时候,遇到了一个有点麻烦的问题。具体问题如下:轮循请求某个接口,如何保证接口返回的数据与请求的顺序相同?实际的业务场景是这样的:前端需要轮循请求后端...

vue2之简易的pc端短信验证码的问题及处理方法

<提示语部分不要在意(非重点部分)>简单说下布局(采用的是 vue的element ui的ui框架 )进行布局操作的子组件模板部分如下(code部分是很基础的)<template> <div class="forget">...

vue-cli 3 全局过滤器的实例代码详解

在vue1.x版本里是自带里几个基础的过滤器的(虽然不怎么用到)。到了vue2.x版本之后,内置到几个过滤器就被删掉了,如果需要用到过滤器,就要开发者自己去定义。可以把过滤器定义在某...

react-native滑动吸顶效果的实现过程

前言最近公司开发方向偏向移动端,于是就被调去做RN(react-native),体验还不错,当前有个需求是首页中间吸顶的效果,虽然已经很久没写样式了,不过这种常见样式应该是so-easy,没成想翻...

返回顶部
顶部