vue-cli配置环境变量的方法

在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时...

JavaScript实现创建自定义对象的常用方式总结

本文实例讲述了JavaScript实现创建自定义对象的常用方式。分享给大家供大家参考,具体如下:1. 对象字面量方式对象字面量方式是创建自定义对象的首选模式,简单方便。var per = {...

Vue自定义指令封装节流函数的方法示例

节流函数是web前端开发中经常用到的一个开发技巧,在input实时搜索,滚动事件等,为了避免过多消耗性能,我们都会使用节流函数.在《JavaScript高级程序设计》一书中有这样的一...

JavaScript解决浮点数计算不准确问题的方法分析

本文实例讲述了JavaScript解决浮点数计算不准确问题的方法。分享给大家供大家参考,具体如下:最近在学习electron框架,想利用这个框架做一个简单的计算器demo。当我对小数进行运...

vue-router中scrollBehavior的巧妙用法

问题:使用keep-alive标签后部分安卓机返回缓存页位置不精确问题解决方案:<div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </k...

js实现左右两侧浮动广告

本文实例为大家分享了js实现左右浮动广告展示的具体代码,供大家参考,具体内容如下
<html><title>左右两侧浮动广告</title><head></head><body><table style="background-colo...

Angular通过指令动态添加组件问题

之前自己写的公共组件,都是会先引入,需要调起的时候再通过service控制公共组件状态、值、回调函数什么的。但是有一些场景不适合这种方式,还是动态添加组件更加好。通过写过的...

微信小程序实现漂亮的弹窗效果

最近项目里需要实现一个带着logo的美美哒弹窗,可是翻遍小程序的文档也只能见到wx.showModal这个丑丑的东西……
场面一度十分尴尬
可是得做啊,要不然产品大姐又要暴走了……...

微信小程序实现自定义picker选择器弹窗内容

微信小程序中定义好的几种picker选择器,不管是日期选择器还是地区选择器,或是其他的都有定死的样式和内容。例如:但是大多数开发程序的情况下还是需要自己写样式的,或是内容的。...

Angular6中使用Swiper的方法示例

项目使用的Angular版本是V6.0.3

安装Swiper
npm install swiper --save或者yarn add swiper --save在angular.json文件添加swiper.js和swiper.css
angular.json
安装模组定...

微信小程序实现倒计时补零功能

微信小程序中 "倒计时自动补零" 的一点代码,方法比较简单粗暴,想着以后怎么也能用到,就先总结出来了。代码:js:
//index.jsvar num = 10//计时var strH = ''var strM = ''var str...

微信小程序实现团购或秒杀批量倒计时

本文实例为大家分享了微信小程序实现批量倒计时的具体代码,供大家参考,具体内容如下效果图实现思路微信小程序实现倒计时,可以将倒计时的时间进行每一秒的计算和渲染!JS 模拟商...

js中Object.defineProperty()方法的不详解

菜菜: “老大,那个, Object.defineProperty 是什么鬼?”
假设我们有个对象 user ; 我们要给它增加一个属性 name , 我们会这么做var user = {};user.name="狂奔的蜗牛";console....

vue用Object.defineProperty手写一个简单的双向绑定的示例

前言 上次写了一个Object.defineProperty() 不详解,文末说要写用它来写个双向绑定。说话算话,说来就来前文链接 Object.defineProperty() 不详解
先看最后效果
model演示.gif...

微信小程序canvas实现刮刮乐效果

本文实例为大家分享了微信小程序实现刮刮乐效果的具体代码,供大家参考,具体内容如下效果图设计流程设计思路 canvas设置背景图,作为中奖图片; 在canvas上绘制刮的灰色涂层; 通...

微信小程序实现手指触摸画板

本文实例为大家分享了微信小程序实现手指触摸画板的具体代码,供大家参考,具体内容如下先看效果图:wxml<!--pages/shouxieban/shouxieban.wxml--><view class="container"> <vie...

详解vue中组件参数

我们来聊一下vue中的组件参数.1.vue中组件参数我们可以为组件的 prop 指定验证要求,例如你知道的这些类型。如果有一个需求没有被满足,则 Vue 会在浏览器控制台中警告你。这在...

微信小程序自定义底部弹出框

本文实例为大家分享了微信小程序底部弹出框展示的具体代码,供大家参考,具体内容如下效果图: html<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStat...

vue超时计算的组件实例代码

需要对预约单进行超时计算,但是后台和客户端时间不能保证一定一直,所以后台返回客户提交时间和请求结束时间的时间差进行计算。 效果如下(此处只是demo效果,所以有点丑。)父页...

JavaScript中 ES6变量的结构赋值

变量的结构赋值用户很多1、交换变量的值let x = 1;let y = 2;[x,y] = [y,x]
上面的代码交换变量x和变量y的值,这样的写法不仅简洁,易读,语义非常清晰2、从函数返回多个值函数只...

vue中$set的使用(结合在实际应用中遇到的坑)

最近在开发过程中遇到一个问题。在节点上面写点击事件时,点击事件不执行。代码如下:<!-- 操作 --> <el-table-column label="操作"> <template slot-scope="scope">...

node.js中TCP Socket多进程间的消息推送示例详解

前言前段时间接到了一个支付中转服务的需求,即支付数据通过http接口传到中转服务器,中转服务器将支付数据发送到异构后台(Lua)的指定tcp socket。一开始评估的时候感觉蛮简单的,...

详解使用Next.js构建服务端渲染应用

next.js简介最近在学React.js,React官方推荐使用next.js框架作为构建服务端渲染的网站,所以今天来研究一下next.js的使用。next.js作为一款轻量级的应用框架,主要用于构建静态...

echarts整合多个类似option的方法实例

前言最近项目里面遇到一些图表需要用echarts来做。而我之前只用过一次echarts,也只是做了一个简单的饼状图,并没有涉及到很多的配置。但是现在这个项目,这些图表需要自己配置...

详解在React.js中使用PureComponent的重要性和使用方式

一、介绍PureComponent
React 15.3在2016.06.29发布了,这个版本最值得关注的是支持了 React.PureComponent ,它取代了之前的 pure-render-mixin 。在本文中,我们将讨论 PureCom...

React之PureComponent的使用作用

React避免重复渲染
React在渲染出的UI内部建立和维护了一个内层的实现方式,它包括了从组件返回的React元素。这种实现方式使得React避免了一些不必要的创建和关联DOM节点,因为...

JavaScript基于对象方法实现数组去重及排序操作示例

本文实例讲述了JavaScript基于对象方法实现数组去重及排序操作。分享给大家供大家参考,具体如下:<script> //用对象方法实现数组去重 Array.prototype.unique = function()...

ng-alain表单使用方式详解

Angular表单
Angular提供两种不同的架构范式表单:模板驱动和响应式表单,官网也简单实现了动态表单范例。当使用两种不同范式构建一个用户必填性的表单,在使用上有非常大的不同:...

Angular5中提取公共组件之radio list的实例代码

本文给大家说一下Radio List的公共组件提取。Radio List组件提取起来很方便,不想Checkbox那么复杂。radio-list.component.tsimport { Component, OnInit, Input, Output, Ev...

在小程序中使用腾讯视频插件播放教程视频的方法

在我们开发的一个小程序里面,为了给客户了解一些教程内容,我们需要增加一个在线播放视频的模块,考虑过直接使用视频组件播放服务器上的视频不成功,因此使用腾讯视频插件来播放最...

微信小程序中换行空格(多个空格)写法详解

在小程序中HTML的网页实体无法正常使用,小程序中的写法为: 一、空格,换行<text>你好!\t七月流火啊!\n我在下一行</text>\t 空格( 多个只会显示一个空格)
\n 换行二、连续空格<view...

vue自定义移动端touch事件之点击、滑动、长按事件

用法:**HTML**<div id="app" class="box" v-tap="vuetouch" //vuetouch为函数名,如没有参数,可直接写函数名 v-longtap="{fn:vuetouch,name:'长按'}" //如果有参数以对象形...

Vue脚手架的简单使用实例

提前申明注意:自己对vue脚手架的理解和认识,很多东西和理解都是形象上的手法,并不专业和官方webpack一种项目构建工具,可以将css和js压缩成一个文件。此外,可以提供测试用服务器...

vue使用中的内存泄漏【推荐】

今天看到一篇关于js使用中内存泄露的文章,以及chrom浏览器查看内存泄漏的方法,决定留着。本文只截取了我认为比较重要的部分,喜欢原文的小伙伴,请点击文章下方的原文链接。什么...

小程序图片剪裁加旋转的示例代码

一个微信小程序图片剪裁组件,可以通过手势控制旋转缩放移动,也可以点击旋转进行90度旋转,先看下效果(视屏不知道为啥用不了,上个压缩过度的GIF先):图片剪裁毫无疑问用的是canvas,但...

vue.js内置组件之keep-alive组件使用

keep-alive是Vue.js的一个内置组件。<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。 当组件在...

Vue如何实现响应式系统

前言最近深入学习了Vue实现响应式的部分源码,将我的些许收获和思考记录下来,希望能对看到这篇文章的人有所帮助。有什么问题欢迎指出,大家共同进步。什么是响应式系统一句话概...

微信小程序实现红包功能(后端PHP实现逻辑)

本文为大家分享了微信小程序红包功能的具体代码,供大家参考,具体内容如下首先说明一点:微信小程序红包功能一定记得用企业付款到钱包功能,别用微信的现金红包接口,否则你就有踩不...

node.js到底要不要加分号浅析

前言一开始,关于在node.js句末不加分号,我是拒绝的。因为有时不加分号会报错。我觉得node.js在语法层面挺拧巴的,要么就像PHP那样严格要求加分号,要么就像python一律不加分号。...

Vue项目添加动态浏览器头部title的方法

0. 直接上 预览链接 + 效果图Vue项目添加动态浏览器头部title1. 实现思路( 1 ) 从路由router里面得到组件的title( 2 ) title存vuex (本项目已经封装h5的sessionStorage和loc...

vue中动态设置meta标签和title标签的方法

因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容
//router内的设置{ path: '/teachers', name: 'TDe...

vue框架搭建之axios使用教程

前后端数据交互作为项目最基础需求(静态的除外),同时也是项目中最重要的需求。本文重点介绍axios如何配合vue搭建项目框架,而axios的详细使用介绍请移步 使用说明1、安装cnpm in...

微信小程序实现发红包功能

本文实例为大家分享了微信小程序实现发红包的具体代码,供大家参考,具体内容如下目前此功能尚在内测,无法申请。此博文仅示例。流程效果图:图片1触发wx.sendBizRedPacket({})吊起...

vue 1.0 结合animate.css定义动画效果

Vue 1.0 动画(自定义动画)步骤: 1.给当前动画元素添加‘transition'属性 其值就是动画名称(假如:fade)2.给动画名称写css定义a: .fade-transition{/*定义动画过渡*/ transiti...

小程序ios音频播放没声音问题的解决

小程序提供了录音和播放音频的能力,从基础库 1.6.0 开始支持了wx.getRecorderManager(),录音都采用wx.getRecorderManager()提供的api,播放音频文件采用wx.createInnerAudioCon...

微信小程序实现红包雨功能

本文为大家分享了微信小程序实现红包雨的具体代码,供大家参考,具体内容如下今天有个小师妹来问我怎样用微信小程序实现红包雨效果,如果用web很好实现,但是小程序不是那么容易,整...

vue实现学生录入系统之添加删除功能

一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue指令综合案例</title> <style> #app{ margin: 50px auto; width: 620px; } fieldset{ b...

vue移动端实现红包雨效果

本文实例为大家分享了vue实现红包雨效果的具体代码,供大家参考,具体内容如下下面是代码:
<template> <div class="ser_home"> <ul class="red_packet" id="red_packet">...

vue监听键盘事件的快捷方法【推荐】

在我们的项目经常需要监听一些键盘事件来触发程序的执行,而Vue中允许在监听的时候添加关键修饰符:<input v-on:keyup.13="submit">对于一些常用键,还提供了按键别名:<input @key...

JS实现动态生成html table表格的方法分析

本文实例讲述了JS实现动态生成html table表格的方法。分享给大家供大家参考,具体如下:刚在论坛上面逛的时候看到有人问html表格怎么动态生成,我回了一下发现有好多小伙伴追问-...

返回顶部
顶部