JavaScript - 教程之家

43浏览

0评论

vue webpack重写cookie路径的方法

Cookie详解
Cookie在远程浏览器端存储数据并以此跟踪和识别用户的机制。从实现上说，Cookie是存储在客户端上的一小段数据，浏览器（即客户端）通过HTTP协议和服务器端进行Cookie交...

2020-05-27

62浏览

0评论

实现一个 Vue 吸顶锚点组件方法

前言近期产品小哥哥给我提了一个新需求，在一个页面的滚动区中添加一组锚点定位按钮，点击按钮将对应的元素显示在页面的可视区中。当按钮组超出页面可视区的时候将其固定在滚动...

2020-05-27

64浏览

0评论

微信小程序的开发范式BeautyWe.js入门详解

一个简单的介绍
BeautyWe.js 是什么？它是一套专注于微信小程序的企业级开发范式，它的愿景是：让企业级的微信小程序项目中的代码，更加简单、漂亮。
为什么要这样命名呢？Write beau...

2020-05-27

58浏览

0评论

ES6的异步终极解决方案分享

前言
Promise async generator是ES6之后才被提出来的，他们都能够用来解决以前JS异步调用产生的一系列问题，例如大名鼎鼎的回调地狱!!!
什么是回调地狱?
在以前js中，我们是...

2020-05-27

58浏览

0评论

Vue 子组件与数据传递问题及注意事项

在面对单个组件逻辑复杂需要拆分时，难免会遇到父子组件之间数据传递的问题。那么我们来了解一下在父子组件之间进行数据传递时需要遵循哪些约定，以及要注意哪些问题。如何传递...

2020-05-27

50浏览

0评论

Vue 使用计时器实现跑马灯效果的实例代码

Vue 使用计时器实现跑马灯效果，代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...

2020-05-27

73浏览

0评论

JS为什么说async/await是generator的语法糖详解

关于async的介绍，在阮一峰的ES6入门教程中说到：async 函数是什么？一句话，它就是 Generator 函数的语法糖。可是，为什么这么说呢？首先，比如说有一个异步操作，使用 async/await 语法来...

2020-05-27

46浏览

0评论

elementUI 动态生成几行几列的方法示例

elementUI 动态生成几行几列 table
现在碰到一个需求：就是根据用户选择的行列，来自动生成相应大小的 table，如下这个实现还不完善，因为数据不对，只是实现了动态的效果，仅是提供一...

2020-05-27

43浏览

0评论

浅入深出Vue之组件使用

组件在 vue开发中是必不可少的一环，用好组件这把屠龙刀，就能解决不少问题。组件是什么
官方的定义：组件是可复用的 Vue 实例，并且可带有一个名字。官方的定义已经非常简明了，组...

2020-05-27

58浏览

0评论

vue项目中实现缓存的最佳方案详解

需求
在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时...

2020-05-27

48浏览

0评论

JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】

本文实例讲述了JavaScript表格隔行变色和Tab标签页特效。分享给大家供大家参考，具体如下：最近一直在看JavaScript知识，偶尔也穿插一点Jquery，感觉Jquery用起来真爽，减少了很多的...

2020-05-27

53浏览

0评论

nodejs中各种加密算法的实现详解

前言在大前端的趋势下，前端er也要懂点数据加密相关的知识才行，加密算法的实现和原理我们可以不用深究，毕竟加密是一门高深的学科，但是基本的加密方式和编码还是要掌握的，毕竟没吃...

2020-05-27

81浏览

0评论

微信小程序之几种常见的弹框提示信息实现详解

一、模态窗口
delete(){ wx.showModal({ title: '', content: '是否确认删除', success(res) { if (res.confirm) { console.log('用户点击确定') } else...

2020-05-27

49浏览

0评论

nodejs二进制与Buffer的介绍与使用

Buffer 介绍
javascript 中对数据处理都是以字符串的形式，而对于二进制数据就不便于处理，所以 Buffer 便是用于读取或操作二进制数据都对象。
一句话概括： Buffer 类是一个全局...

2020-05-27

90浏览

0评论

vue发送websocket请求和http post请求的实例代码

先给大家介绍下vue发送websocket请求和http post请求直接上代码：pdf.vue<script> import SockJS from 'sockjs-client'; import Stomp from 'stompjs'; import qs from "q...

2020-05-27

46浏览

0评论

利用Angular7开发一个Radio组件的全过程

一、准备工作
Angular7（以下简称ng7）,已经跟之前版本大有不同。新建工程后，可方便创建library（简称lib）,lib是什么呢？就是一个npm包的源码包。npm作为强大的包管理器，已经成为很多F...

2020-05-27

45浏览

0评论

使用vue for时为什么要key【推荐】

前言：用vue框架写前端代码时经常会用用到v-for这个方法，但使用此方法时vue推荐我们加上一个唯一标识key这是为什么呢？阅读了网上各位大神的文章以及自己的一些理解对这个问题有...

2020-05-27

59浏览

0评论

微信小程序开发常见问题及解决方案

前言我们在做微信小程序开发的过程中，总会遇到各种奇葩的问题。今天就把我在小程序开发过程中遇到的各种问题，及对应的解决方案总结在这里，方便以后自己回顾，也方便大家查看。云...

2020-05-27

44浏览

0评论

JavaScript中的连续赋值问题实例分析

本文实例讲述了JavaScript中的连续赋值问题。分享给大家供大家参考，具体如下：JavaScript中的连续赋值：<script>var a = {n: 1}var b = a;a.x = a = {n: 2}console.log(a.x);//u...

2020-05-27

66浏览

0评论

django js 实现表格动态标序号的实例代码

django js 实现表格动态标序号<table class="table table-striped"> <thead> <tr class="key_words_head"> <th>序号</th> <th>类目</th>...

2020-05-27

51浏览

0评论

Js通过AES加密后PHP用Openssl解密的方法

前言最近遇到的几个网站在提交密码时提交的已经是密文，也就是说在网络上传输的密码是密文，这样提升了密码在网络传输中的安全性。后端语言加解密已经有很成熟的方案了，前端的话...

2020-05-27

60浏览

0评论

vue cli安装使用less的教程详解

vue-cli构建的项目默认是不支持less的，需要自己添加依赖1.安装less和less-loader ，在项目目录下运行如下命令npm install less less-loader --save-dev2.安装成功后，打开build/...

2020-05-27

51浏览

0评论

ECharts地图绘制和钻取简易接口详解

1.地图绘制过程原理
给定范围边界经纬度数据，再给它个名字就构成了绘制地图的基础。也就是说，你可以绘制任意形状的地图版块。2.地图数据生成
中国以及省市县等地图的基础数据...

2020-05-27

46浏览

0评论

小程序实现搜索框

小程序中搜索框的简单实现，供大家参考，具体内容如下搜索框搜索框无论是在电商网站还是小程序中是很常见的，那么在小程序中是如何实现的呢，我们一起来看看吧（过程遇到很多问题）。思...

2020-05-27

63浏览

0评论

jquery实现自定义树形表格的方法【自定义树形结构table】

本文实例讲述了jquery实现自定义树形表格的方法。分享给大家供大家参考，具体如下：话不多说，直接上代码（本代码仅提供思路）：function createTables(data, t, p) { $("#datatable...

2020-05-27

43浏览

0评论

小程序实现分类页

分类界页面中，左边是一级目录，右边是一级目录对应的二级目录，根据这个需求，我们数据设计的结构是数组嵌套数组，第一个数组包含一级目录数据，嵌套的数组包含的是二级目录的数据。主...

2020-05-27

77浏览

0评论

微信小程序简单的canvas裁剪图片功能详解

小程序miniso的一个发布内容截图功能，话不多，先上代码
wxml文件：
<view class="cut-1-1 t-c {{cutSelect == 1? 'cut-select':''}}" data-cut="1" bindtap="selectCutType"...

2020-05-27

38浏览

0评论

小程序实现短信登录倒计时

在平时的短信登录中，当发送短信验证码后会显示倒计时，那么这个倒计时如何实现呢？wxml文件<view class='Form'> <form bindsubmit="formSubmit" bindreset="formReset" class='f...

2020-05-27

57浏览

0评论

简单了解vue中父子组件如何相互传递值（基础向）

前言首先，你需要知道vue中父组件和子组件分别指的是什么？父组件：vue的根实例——用new Vue()构造函数创建的vue实例（实例会有一个挂载点，挂载点里的所有内容可理解为父组件的内容...

2020-05-27

34浏览

0评论

javascript实现简易聊天室

聊天室是我们经常见的，比如微信聊天界面、QQ聊天界面等等，一个简易的聊天室如下：1.html代码<div class="content"> <div class="section"></div> <form action="#"> <textarea...

2020-05-27

49浏览

0评论

echarts大屏字体自适应的方法步骤

用echarts做大屏可视化的时候会遇到不是用电脑投屏而是直接在大屏打开的情况，这时候大屏幕下固定的px为单位的字体就会显得很小。有一种解决方法就是采用rem为单位，根据屏幕的...

2020-05-27

56浏览

0评论

es6中比较有用的7个技巧小结

前言ES6出来已经有好几年了，同时很多新特性可以被巧妙地运用在项目中。我想要列下其中一些，希望它们对你有用。如果你还知道其他一些小技巧，欢迎留言~ 很高兴把它们补充进来。e...

2020-05-27

62浏览

0评论

iview的table组件自带的过滤器实现

iview的table组件自带的过滤器实现
iview框架的table组件自带的过滤器的使用方法：<script> export default { data () { return { columns: [ { ti...

2020-05-27

43浏览

0评论

小程序实现搜索框功能

本文实例为大家分享了小程序实现搜索框功能的具体代码，供大家参考，具体内容如下实现效果图：xxx.wxml <view class="weui-search-bar"> <view class="weui-search...

2020-05-27

41浏览

0评论

小程序实现悬浮搜索框

本文实例为大家分享了小程序实现悬浮搜索框的具体代码，供大家参考，具体内容如下悬浮搜索框是当数据界面不断滚动时，搜索框始终悬浮在最上方。来看一下效果图UI代码 <view class...

2020-05-27

102浏览

0评论

微信小程序基于Taro的分享图片功能实践详解

前言
在各种小程序(微信、百度、支付宝)、H5、NativeApp 纷纷扰扰的当下，给大家强烈安利一款基于React的多终端开发利器：京东Taro（泰罗·奥特曼），Taro致力于多终端统一解决方案，一...

2020-05-27

76浏览

0评论

vue实现图片预览组件封装与使用

这是移动端使用vue框架与mint-ui实现的父用子之间的通信实现的图片预览的功能，在父组件中每一张图片都可以实现图片放大查看。子组件<template> <div id="img...

2020-05-27

44浏览

0评论

vue iview多张图片大图预览、缩放翻转

本文实例为大家分享了vue iview多张图片大图预览，可缩放翻转，供大家参考，具体内容如下先看效果：完整项目代码地址具体代码如下：<style lang="less">@import "../advanced-router....

2020-05-27

57浏览

0评论

微信小程序图片左右摆动效果详解

先看效果，实现一个图片左右摇动，在一般的H5宣传页，商家活动页面我们会看到这样的动画，小程序的动画效果不同于css3动画效果，是通过js来完成的，其实步骤很简单，首先创建动画实例，再调...

2020-05-27

43浏览

0评论

微信小程序Echarts覆盖正常组件问题解决

最近公司的项目中需要在小程序内使用echarts组件来展示数据，同时因为使用了自定义导航栏以及蒙版层，导致Echarts图形覆盖于所有组件的上方，不符合设计要求。尝试解决的...

2020-05-27

72浏览

0评论

微信小程序wx.navigateTo中events属性实现页面间通信传值，数据同步

小程序wx.navigateTo路由方法中新增加了events属性，可以用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。相关文档链接：https://developers.weixin.qq.com/m...

2020-05-27

118浏览

0评论

改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件

前言最近我们已经见识了WebAssembly如何快速编译、加速JS库以及生成更小的二进制格式。我们甚至为Rust和JavaScript社区以及其他Web编程语言之间的更好的互操作性制定了高级...

2020-05-27

40浏览

0评论

详解vuex的简单todolist例子

一个简单的vuex应用的小例子，一段自己的学习记录。
todolist就是一个简单的输入框，一个按钮，一个文本显示区域，可以逐条进行删除。1.在用vue-cli生成好的HelloWorld.vue文件中直...

2020-05-27

64浏览

0评论

如何给element添加一个抽屉组件的方法步骤

近来因为业务需要，对比iview和element库，发现element确实要比实习期间使用的iview强大点，尤其文档更为友好，但是iview的组件功能更多一点，比如分割线和抽屉组件今天特意手写一个...

2020-05-27

59浏览

0评论

微信小程序如何使用canvas二维码保存至手机相册

前言在使用canvas绘制海报的过程中不建议使用原生来进行画图，因为默认是不支持rpx像素的，px不会做到自适应。
推荐使用插件 Painter
github地址
github.com/Kujiale-Mob （本地...

2020-05-27

64浏览

0评论

vue draggable resizable 实现可拖拽缩放的组件功能

虽然之前适配过旧版组件，但是因为2.0版本原作者对代码进行了重构，原来修改的代码照搬是不可能的了。所以也就一直没有将冲突检测以及吸附对齐功能适配到2.0版本，最近正好有...

2020-05-27

53浏览

0评论

微信小程序全局变量改变监听的实现方法

问题来源
最近工作需要写小程序页面，其中有个页面情况为：父页面中包含了一个组件页面，组件页面中又包含了另外一个组件页面。需求为：点击最后一个组件页面中的一个view，需要显示...

2020-05-27

47浏览

0评论

vue中filters 传入两个参数 / 使用两个filters的实现方法

先给大家介绍下vue中filters 传入两个参数 / 使用两个filters.vue传入两个参数 <van-col>{{第一个参数|formatVisitTime(第二个参数)}}</van-col>使用两个filters<van-tag p...

2020-05-27

41浏览

0评论

微信小程序在其他页面监听globalData中值的变化

前言
这几天去面试，多次碰到同一个知识点。而且有一次面试挺有趣的，是关于小程序的。共有3个问题。1、小程序中Page.watch()方法是做什么用的？
2、小程序中如何在其他页面中监...

2020-05-27

55浏览

0评论

使用vue-router在Vue页面之间传递数据的方法

前言
几周前，我写了关于 Vue 路由的使用和在 Vue 页面导航的文章。这是在应用程序中探索的一个基本例子。通常，在将导航构建到应用程序中时，您会发现需要将数据从一个页面传递...

2020-05-27

热门文章