JS如何调用WebAssembly编译出来的.wasm文件
WebAssembly也叫浏览器字节码技术 这里就不过多的解释了网上很多介绍主要是让大家知道在js里面如何调用执行它，我之前看WebAssemblyAPI时候反正是看得一脸懵逼也是为了大家能...
2020-11-24
JS时间戳与日期格式互相转换的简单方法示例
JS和jQuery用了一段时间，最近发现他们没有自带的时间戳格式化函数，于是综合网上相关的时间戳格式化函数，自己写了一个时间戳格式化函数DateToTime，这个函数提供了多种格式化样式...
2020-11-24
JavaScript TAB栏切换效果的示例
代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...
2020-11-24
JavaScript 实现轮播图特效的示例
效果展示1.页面截图2.相关效果html 页面从微信读书上找了几张书籍封面来做轮播的图片。index.html<body> <div id="container"> <div class="big_pic_div"> <div class="...
2020-11-24
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
没错，我是皮友，我想学习舞蹈（/doge）和瑜伽 ，要无水印的那种有助于我加深学习。1.组件效果展示2.组件引入准备https://spider.apisev.cn加入合法request域名列表如果需要下载视频...
2020-11-24
微信小程序自定义tabBar的踩坑实践记录
微信官方文档对自定义 tabBar 的阐述较为潦草，在开发自定义 tabBar 过程中我踩了很多坑，因此在此处做个总结。我使用 Vant Weapp 作为 UI 组件库，下面以此组件库为例。定义 tab...
2020-11-24
微信小程序实现自定义动画弹框/提示框的方法实例
前言
在小程序中,用户与界面进行交互时,有一些用户反馈提示,例如:触发某个按钮,从底部弹出框,从顶部弹出等如今,有一些现成的 UI 库,虽然已经实现了的,但若只是为了实现一个...
2020-11-24
全网小程序接口请求封装实例代码
前言这篇文章主要针对一些初学者，有写的不好的地方，还请大家多多谅解！在utils文件夹里面新建两个js文件，一个是api.js、一个就是requtil.jsapi.js这个文件主要api接口,废话不多...
2020-11-24
微信小程序调用后台service教程详解
写在前头，本篇文章简单记录一下，在前后端分离的微信小程序应用中，前端访问后台service的实现思路，没有过多涉及技术实现方面。先上一张官网的图片，它很清楚的讲明了要在后台servi...
2020-11-24
微信小程序中target和currentTarget的区别小结
前言在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时currentTarget和target都是组件的一些属性值集合，由“data-属性名”定义的一些属性值currentTa...
2020-11-24
微信小程序开发数据缓存基础知识辨析及运用实例详解
提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是...
2020-11-24
详解datagrid使用方法（重要）
1、将静态HTML渲染为datagrid样式 <!-- 方式一：将静态HTML渲染为datagrid样式 --> <table class="easyui-datagrid"> <thead> <tr> <th data-options="field:'id'"...
2020-11-24
工作中常用js功能汇总
一、javascript 中防止重复点击、防止点击过快防止重复点击可以添加一个开关,让这个开关默认为 true，第一次点击将其变为 false,点击事件的执行需要判断这个开关是否为 true，...
2020-11-24
原生JavaScript实现五子棋游戏
本文实例为大家分享了JavaScript实现五子棋游戏的具体代码，供大家参考，具体内容如下1.HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...
2020-11-24
Echarts在Taro微信小程序开发中的踩坑记录
背景
近期笔者在使用Taro进行微信小程序开发，当引入Echarts图表库时，微信检测单包超限2M的一系列优化措施的踩坑记录，期望能指导读者少走一些弯路。为什么选择Echarts？
微信小程...
2020-11-24
Webpack的Loader和Plugin的区别
Loader用于对模块源码的转换，loader描述了webpack如何处理非javascript模块，并且在buld中引入这些依赖。loader可以将文件从不同的语言（如TypeScript）转换为JavaScript，或者将内...
2020-11-24
es5 类与es6中class的区别小结
前言在es5中主要是通过构造函数方式和原型方式来定义一个类，在es6中我们可以通过class来定义类，今天整理一下它们的区别。
关于es5中定义类的方式，可以看这一篇Js的‘类'，我们这...
2020-11-24
夯基础之手撕javascript继承详解
前言提到JS继承，你首先想到的什么？ 面试 继承方式 优缺点...，js继承作为曾经的苦主，我看了忘，忘了看，看了又忘，OMG，都9012年了面试官还不放过我。ok，开开玩笑，接下来言归正传，来聊聊js...
2020-11-24
原生JS实现弹幕效果的简单操作指南
前言现在很多的直播平台或者视频平台都会用到弹幕加强和观众的互动效果，那么如何用JS实现这样的效果呢，用一个初学者的方法记录下这个方法，欢迎大牛指导。1、首先需要操作文档...
2020-11-24
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
三种提示框 alert () confirm() prompt ()alert ()alert()方法是显示一条弹出提示消息和确认按钮的警告框。
需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按...
2020-11-24
Js数组扁平化实现方法代码总汇
题目：
请写出一个数组拍平函数。效果如下：var arr=['a', ['b', 'c'], 2, ['d', 'e', 'f'], 'g', 3, 4];
flat(arr) //a,b,c,2,d,e,f,g,3,4
方法一：使用toString方法先将arr转...
2020-11-24
JS前端基于canvas给图片添加水印
前两天给个人网站添加了一个小功能，就是在文章编辑上传图片的时候自动给图片加上水印。给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简...
2020-11-24
JavaScript 实现拖拽效果组件功能(兼容移动端)
页面元素拖拽是一种非常实用的前端效果，基于元素拖拽可以实现很多不同的功能，增加客户端许多操作的便捷性，大大提高用户体验。日常生活中大家多多少少都见过这种效果，所以就不废...
2020-11-24
js前端传json后台接收‘‘被转为quot的问题解决
一、产生原因 前端传json格式数据，后台接收却发现有一堆& quot;，但是如果后台接收参数用@RequestBody注解，则不会出现这个问题，出现这一问题的原因就是后台没有按照json...
2020-11-24
带你使用webpack快速构建web项目的方法
使用webpack构建web项目以及热部署插件的使用，按以下步骤，能帮助你快速构建和理解~
详细学习还得靠官方文档！一，基础构建部分大前提！你得先安装了Node.js此处不赘述。1，创建一个文...
2020-11-24
JavaScript ES 模块的使用
自从 ES 模块被添加到规范中后，JavaScript 中的模块就更加简单了。模块按文件分开，异步加载。导出是用 export 关键字定义的；值可以用 import 关键字导入。虽然导入和导出单个...
2020-11-24
详解ES6 扩展运算符的使用与注意事项
扩展运算符 spread syntax 又叫展开语法，写法是 ...，顾名思义，其实是用来展开字符串，数组和对象的一种语法，可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开...
2020-11-24
javascript实现搜索筛选功能实例代码
案例样式即功能HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <li...
2020-11-24
微信小程序对图片进行canvas压缩的方法示例详解
微信小程序其实自带一个图片压缩的API wx.compressImage，但是这玩意目前感受就是个垃圾。IOS大多数情况下据说还可以，安卓有的时候降低质量压缩后体积反而变大，而且没办法控制...
2020-11-24
如何基于viewport vm适配移动端页面
前言
作为一个小前端，经常要和H5打交道，这就面临着不同终端的适配问题。
Flexible方案通过Hack手段来根据设备的dpr值相应改变<meta>标签中viewport的值，给我更贴切的体会就是...
2020-11-24
Flexible.js可伸缩布局实现方法详解
阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。实现方法：
通过JS来调整html的字体大小，而在页面中的制作稿则统...
2020-11-24
PHP 502bad gateway原因及解决方案
nginx+php 出现502 bad gateway，一般这都不是nginx的问题，而是由于 fastcgi或者php的问题导致的，常见的有以下几种。1. php.ini 的memory_limit 过小（如果有个别php程序进程需要...
2020-11-24
小程序实现tab标签页
本文实例为大家分享了小程序实现tab标签页的具体代码，供大家参考，具体内容如下页面效果：HTML：<view wx:if="{{userType==0}}" style="height:100%"> <view class="tab_box" styl...
2020-11-24
微信小程序实现滚动Tab选项卡
本文实例为大家分享了微信小程序实现滚动Tab选项卡的具体代码，供大家参考，具体内容如下最终效果如上。问题：1、tab标题总共8个，所以一屏无法全部显示。
2、tab内容区左右滑动切...
2020-11-24
小程序实现点击tab切换左右滑动
本文实例为大家分享了小程序实现点击tab切换左右滑动的具体代码，供大家参考，具体内容如下wxml<scroll-view scroll-x="true" class="navbar-box"> <block wx:for="{{recordMai...
2020-11-24
小程序实现上下切换位置
本文实例为大家分享了小程序实现上下切换位置的具体代码，供大家参考，具体内容如下小程序上下切换位置wxml<view wx:for="{{companyData}}" wx:key="index" class="overHiden">...
2020-11-24
小程序自定义弹框效果
本文实例为大家分享了小程序自定义弹框效果的具体代码，供大家参考，具体内容如下wxml<!--button--><view class="btn" bindtap="powerDrawer" data-statu="open">来点我呀</vie...
2020-11-24
小程序实现密码输入框
本文实例为大家分享了小程序实现密码输入框的具体代码，供大家参考，具体内容如下小程序密码输入框wxml<view class="Toptitle">请设置支付密码并妥善保管</view><form bindsubm...
2020-11-24
微信小程序自定义底部弹出框动画
微信小程序之自定义底部弹出框动画，供大家参考，具体内容如下最近做小程序时，会经常用到各种弹框。直接做显示和隐藏虽然也能达到效果，但是体验性太差，也比较简单粗暴。想要美美地...
2020-11-24
js实现纯前端压缩图片
本文实例为大家分享了js实现纯前端压缩图片的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...
2020-11-24
微信小程序实现页面左右滑动
本文实例为大家分享了微信小程序实现页面左右滑动的具体代码，供大家参考，具体内容如下效果：wxml文件<view bindtouchmove="tap_drag" bindtouchend="tap_end" bindtouchstart="...
2020-11-24
详解JavaScript执行模型
JavaScript执行模型
引言JavaScript是一个单线程（Single-threaded）异步（Asynchronous）非阻塞（Non-blocking）并发（Concurrent）语言，这些语言效果通过一个调用栈（Call Stack）、一个事件循...
2020-11-24
详解JavaScript原型与原型链
正如一些面向对象语言中所实现的那样，在JavaScript中我们有时也需要创建一个拥有公共函数与属性的类作为父类来减少代码重复、实现类型检查与实现更加清晰地代码结构。在Java...
2020-11-24
JavaScript枚举选择jquery插件代码实例
某次做项目要实现一个功能：按星期选择一个连续的时间范围 比如：周一到周五，周六到周日 或 周六到周三聪明的朋友马上想出办法：用两个选项为周一到周日的下拉列表实现，对 那样可以...
2020-11-24
小程序自定义圆形进度条
本文实例为大家分享了小程序自定义圆形进度条的具体代码，供大家参考，具体内容如下circle.wxss:page { width: 100%; height: 100%; background-color: #fff;} .circle-box { t...
2020-11-24
解决js中的setInterval清空定时器不管用问题
使用场景：我在函数A中调用定时器函数，定时器是单独写的一个函数原因：页面加载时我调用了1次函数A，然后又单独调用了一次定时器函数，导致调用了2次setInterval()，导致有setInterval...
2020-11-24
Mybatis实体类属性与数据库不一致解决方案
当实体类属性和数据库不一致时，使用mybatis查询数据库返回实体类自动封装就会出现问题。针对这种情况，有两种解决方案。1、使用别名查询
<!-- 配置查询所有操作 --> <select i...
2020-11-23
springboot整合dubbo设置全局唯一ID进行日志追踪的示例代码
1.新建项目利用idea创建一个父项目，三个子项目，其中一个项目为生产者，一个项目为消费者，一个为接口等公共服务项目，生产者和消费者需要有web依赖，可以作为tomcat容器启动。2.项目...
2020-11-23
Springmvc返回html页面问题如何解决
前言 最近跟着视频在做一个分布式项目练练手，然后那个老师就说了下freemakker生成静态页面后，然后讲了下思路：添加商品时生成对应的商品静态页面，访问通过nginx来访问静态页...
2020-11-23
Java 如何实现AES加密
做360广告的对接需要对密码进行AES加密，下面是点睛平台文档的描述：（AES模式为CBC，加密算法MCRYPT_RIJNDAEL_128）对MD5加密后的密码实现对称加密。秘钥是apiSecret 的前16位，向量是...
2020-11-23
