JavaScript实现的开关灯泡点击切换特效示例
本文实例讲述了JavaScript实现的开关灯泡点击切换特效。分享给大家供大家参考，具体如下：准备首先要准备两张图片，一张是灯泡亮的图片，取名为on.jpg，另一张是灭的图片，取名为off.jp...
2020-05-27
微信小程序如何访问公众号文章
前言随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了，所以琢磨了一下，写了一些源码。...
2020-05-27
微信小程序实现类似微信点击语音播放效果
本文实例为大家分享了微信小程序类似平常微信语音聊天的效果，不会互相干扰播放状态，供大家参考，具体内容如下根据开发的需求，先理清一下思路，点击语音播放与暂停/停止，切换下一个...
2020-05-27
vue中datepicker的使用教程实例代码详解
写这个文章主要是记录下用法，官网已经说的很详细了
npm install vue-datepicker --savehtml代码
<myDatepicker :date="startTime" :option="multiOption" :limit="limit"></...
2020-05-27
js图片无缝滚动插件使用详解
本文实例为大家分享了js图片无缝滚动插件的具体代码，供大家参考，具体内容如下cssul { list-style: none; margin: 0; padding: 0; }.slide-img-ul { white-space: nowrap;}.sl...
2020-05-27
JavaScript中var的重要性实例分析
本文实例讲述了JavaScript中var的重要性。分享给大家供大家参考，具体如下：在JS中申明变量是使用var来进行申明，但是有的时候我们没有使用var也可以。这是为什么呢？我来给大家细...
2020-05-27
详解vue 2.6 中 slot 的新用法
最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。 真正...
2020-05-27
vue 组件中使用 transition 和 transition-group实现过渡动画
前言记一次vue 组件中使用 transition 和 transition-group 设置过渡动画,总结来说可分为分为 name 版, js 钩子操作类名版, js 钩子操作行内样式版...template模板结构//...
2020-05-27
jquery多级树形下拉菜单的实例代码
效果图：使用方法（1）引入 jQuery 包，下载地址
（2）引入 zTree 包，下载地址
（3）引入 tree-select.js
（4）$("#id").treeSelect(data);<!DOCTYPE html><html lang="en"><head><meta charset=...
2020-05-27
JavaScript中BOM对象原理与用法分析
本文实例讲述了JavaScript中BOM对象原理与用法。分享给大家供大家参考，具体如下： 百度百科BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次...
2020-05-27
JavaScript遍历数组和对象的元素简单操作示例
本文实例讲述了JavaScript遍历数组和对象的元素。分享给大家供大家参考，具体如下：博主最近一直在学习JavaScript，今天给大家分享如何遍历JavaScript中的数组和对象的元素，这篇文...
2020-05-27
JavaScript常用内置对象用法分析
本文实例讲述了JavaScript常用内置对象用法。分享给大家供大家参考，具体如下：博主最近半个月没有更新博客，主要是每天都在学车中，学车的过程虽然挺折腾的，但是人吗总得学会适应，在...
2020-05-27
bootstrap datepicker的基本使用教程
首先引入相应css和js：<link rel="stylesheet" th:href="@{/assets/css/datepicker.css}" rel="external nofollow" /><script th:src="@{/assets/js/date-time/bootstrap-dat...
2020-05-27
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
筒子们在使用bootstrap的日期控件（datepicker ， 现在官网提供的名称叫 datetimepicker）时可能会遇到如上图的问题这是啥原因造成的呢？答案很简单时输出的优先级造成的（z-index）z-i...
2020-05-27
DatePickerDialog 自定义样式及使用全解
1.增加Theme主题new DatePickerDialog(this, AlertDialog.THEME_HOLO_LIGHT,null).show();效果：
4.0以上的版本才可使用此Theme，注意对版本的判断。若低版本的则主题设置为...
2020-05-27
js实现无缝滚动双图切换效果
本文记录的是在html中写两个img实现多张图片的无缝滚动，供大家参考，具体内容如下
html结构如下：<div class="wrap"> <ul class="list"> <li> <img src="img/img0.png"> </...
2020-05-27
七行JSON代码把你的网站变成移动应用过程详解
如果我告诉你，只需要 下述 7 行橙色的 JSON 代码 就可以将一个网站变成移动应用，你相信吗？完全不需要使用某种框架 API 重写网站，就可以获得与移动应用相同的行为。如果你已经有...
2020-05-27
微信小程序文章详情页跳转案例详解
前面写了一篇小程序访问公众号文章
里面所有的文章列表里面都是跳转了同一篇文章链接，那么，如果所有的列表跳转详情页的时候，跳转对应id所在的文章又该怎么写？index.html<view c...
2020-05-27
Vue 实现前端权限控制的示例代码
登录&&权限流程图前言首先我们确定的权限控制分为三大部分，其中根据粒度大小分的更细： 登录权限控制 页面权限控制 菜单中的页面是否可以被访问 页面中的按钮 (增、...
2020-05-27
Webpack 4如何动态切割JS注入文件名详解
前言
昨天重新把我们公司的引流页做了二重封装，遇到一个问题。
webpack 切割的时候如何加个可以跟随文件名变化的前缀。效果图解决路径 GG大法+ webpack官方文档官方文档还...
2020-05-27
关于微信小程序map组件z-index的层级问题分析
前言说起微信小程序的map组件，可以说是良心之作了，一个组件解决了所以接入地图的所有麻烦，但是在实际小程序的试用过程中还是存在点问题的。
如下情景：
刚开始接入map组件的时候...
2020-05-27
javascript实现图片轮播代码
javascript图片轮播代码，供大家参考，具体内容如下因为自己是新手自学不久，所以代码有很多不规范的地方，请原谅。html部分代码：<div id="head"> <button id="prev" onmousedown="p...
2020-05-27
微信小程序wx.request拦截器使用详解
一.
请求后台的时候，服务端对每一个请求都会验证权限，而前端也需要对服务器返回的特殊状态码统一处理，所以可以针对业务封装请求。
首先我们通过request拦截器在每个请求头里面...
2020-05-27
如何自定义微信小程序tabbar上边框的颜色
我们知道tabbar上边框的颜色是通过 tabBar 的 borderStyle 属性设置的，只支持两个值 black / white，参见文档 tabBar示例，红色解决办法
其实很简单，自己画一条线定位在页面最底...
2020-05-27
Vue事件修饰符native、self示例详解
事出有因
之前面试被问到的native和self相关问题，self我觉得自己应该能回答出来，可能被之前一小时的问题整懵逼了。尴尬~~
自己研究了一下，不足之处望补充，相互进步native
修饰...
2020-05-27
微信小程序在ios下Echarts图表不能滑动的问题解决
问题现象
这个问题的现象说起来很简单。小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。但是手指滑动区域在Echarts图表上时，页面却不能滑动了。...
2020-05-27
Vue编程式跳转的实例代码详解
编程式跳转的实现代码，如下所示：<template> <ul class = "prolist"> <!-- //产品 --> <!-- :to = "/detail/item.id" --> <!-- 声明式跳转 :to = "{ name: 'detail',params...
2020-05-27
vue-router二级导航切换路由及高亮显示的实现方法
这里以网易云音乐作为示例，效果图：我们先一层一层写导航
先设计第一层
1.设计导航页面样式
第一个导航页面为DiscoverDiscover.vue：<!-- --><template> <div> 发现 </div></tem...
2020-05-27
js Array.slice的8种不同用法示例
前言JS数组slice方法是JS语言中最强大、最常用的内建函数之一。随着React和其他面向功能的JavaScript实践的兴起，它变得越来越重要，原因有两个: 函数式编程，尤其是高阶函数，与...
2020-05-27
JS将时间秒转换成天小时分钟秒的字符串
项目中需求是这样，接口返回的数据中时间单位为秒，但前端显示的时候需要更人性化的带有单位（天，小时，分钟，秒）的字符串；转换函数如下：/** * 格式化秒 * @param int value 总秒数 * @r...
2020-05-27
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
最近在做项目的时候，需要把后台返回的时间转换成几秒前、几分钟前、几小时前、几天前等的格式；后台返回的时间格式为：2015-07-30 09:36:10，需要根据当前的时间与返回的时间进行...
2020-05-27
JS根据Unix时间戳显示发布时间是多久前【项目实测】
后台接口给的时间数据为Unix时间戳，我们的需求是显示类似微信朋友圈显示发布时间为距离当前时间多久之前，“xx分钟之前”，“xx小时之前”，“xx个月之前”。类似这样的时间显示效...
2020-05-27
JavaScript前端页面搜索功能案例【基于jQuery】
本文实例讲述了JavaScript前端页面搜索功能。分享给大家供大家参考，具体如下：今天给大家分享一篇关于前端页面搜索的案例，有了这个案例，在表格数据中可以进行快速查找，比在浏览器...
2020-05-27
JavaScript实现的滚动公告特效【基于jQuery】
本文实例讲述了JavaScript实现的滚动公告。分享给大家供大家参考，具体如下：今天给大家分享一篇滚动公告的特效。效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta cha...
2020-05-27
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
本文实例讲述了JavaScript实现的弹出遮罩层特效。分享给大家供大家参考，具体如下：这篇给大家分享一个简单的遮罩层特效，先上效果图。代码：<!DOCTYPE html><html lang="en"><head...
2020-05-27
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
百度地图的经纬度放到腾讯地图里面解析地址，导致位置信息显示不正确，所以利用腾讯地图提供的API进行转换。
如果没有开发密钥（key），就到腾讯地图官方文档进行申请和下载qqmap-wx-...
2020-05-27
Laravel admin实现消息提醒、播放音频功能
应用情景，有新的订单生成，后台进行消息提醒并播放音频（这里用到轮询简单实现）：下面附代码1.找到laravel-admin 中的 index.blade.php 文件进行编辑{{-- 音频通知 --}}<audio styl...
2020-05-27
vue登录页面cookie的使用及页面跳转代码
1、大概流程 a、登录：前端使用validate对输入信息进行验证 验证成功则成功跳转到用户信息页并存储cookie值 b、首页跳转用户信息页：判断cookie值cookie存在并不为空则跳转用户...
2020-05-27
vue webpack重写cookie路径的方法
Cookie详解
Cookie在远程浏览器端存储数据并以此跟踪和识别用户的机制。从实现上说，Cookie是存储在客户端上的一小段数据，浏览器（即客户端）通过HTTP协议和服务器端进行Cookie交...
2020-05-27
实现一个 Vue 吸顶锚点组件方法
前言近期产品小哥哥给我提了一个新需求，在一个页面的滚动区中添加一组锚点定位按钮，点击按钮将对应的元素显示在页面的可视区中。当按钮组超出页面可视区的时候将其固定在滚动...
2020-05-27
微信小程序的开发范式BeautyWe.js入门详解
一个简单的介绍
BeautyWe.js 是什么？它是一套专注于微信小程序的企业级开发范式，它的愿景是：让企业级的微信小程序项目中的代码，更加简单、漂亮。
为什么要这样命名呢？Write beau...
2020-05-27
ES6的异步终极解决方案分享
前言
Promise async generator是ES6之后才被提出来的，他们都能够用来解决以前JS异步调用产生的一系列问题，例如大名鼎鼎的回调地狱!!!
什么是回调地狱?
在以前js中，我们是...
2020-05-27
Vue 子组件与数据传递问题及注意事项
在面对单个组件逻辑复杂需要拆分时，难免会遇到父子组件之间数据传递的问题。那么我们来了解一下在父子组件之间进行数据传递时需要遵循哪些约定，以及要注意哪些问题。如何传递...
2020-05-27
Vue 使用计时器实现跑马灯效果的实例代码
Vue 使用计时器实现跑马灯效果，代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...
2020-05-27
JS为什么说async/await是generator的语法糖详解
关于async的介绍，在阮一峰的ES6入门教程中说到：async 函数是什么？一句话，它就是 Generator 函数的语法糖。可是，为什么这么说呢？首先，比如说有一个异步操作，使用 async/await 语法来...
2020-05-27
elementUI 动态生成几行几列的方法示例
elementUI 动态生成几行几列 table
现在碰到一个需求：就是根据用户选择的行列，来自动生成相应大小的 table，如下这个实现还不完善，因为数据不对，只是实现了动态的效果，仅是提供一...
2020-05-27
浅入深出Vue之组件使用
组件在 vue开发中是必不可少的一环，用好组件这把屠龙刀，就能解决不少问题。组件是什么
官方的定义： 组件是可复用的 Vue 实例，并且可带有一个名字。官方的定义已经非常简明了，组...
2020-05-27
vue项目中实现缓存的最佳方案详解
需求
在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时...
2020-05-27
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
本文实例讲述了JavaScript表格隔行变色和Tab标签页特效。分享给大家供大家参考，具体如下：最近一直在看JavaScript知识，偶尔也穿插一点Jquery，感觉Jquery用起来真爽，减少了很多的...
2020-05-27
nodejs中各种加密算法的实现详解
前言在大前端的趋势下，前端er也要懂点数据加密相关的知识才行，加密算法的实现和原理我们可以不用深究，毕竟加密是一门高深的学科，但是基本的加密方式和编码还是要掌握的，毕竟没吃...
2020-05-27
