![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 63
qq_28471389
这个作者很懒,什么都没留下…
展开
-
VUE组件间三种数值传递方法
原创 2021-08-18 13:59:19 · 197 阅读 · 0 评论 -
VUE如何使用webpack进行项目打包
一 安装NODEJS,NPM二建一个目录名子随意 在目录里打开终端运行npm init -y 生成package.json配制文件三在目录里建一个src目录,建一个index.html index.js文件(默认的打包入口就是src/index.js)安装一个JQUERY包npm install jquery -S四建立webpack.config.js 打包配制文件(这里可以通过entry.output设置打包入口入输出)module.exports={ //如果上的的时候...原创 2021-08-12 15:49:29 · 5458 阅读 · 0 评论 -
使用Next.js构建React服务端渲染应用
next.js简介最近在学React.js,React官方推荐使用next.js框架作为构建服务端渲染的网站,所以今天来研究一下next.js的使用。next.js作为一款轻量级的应用框架,主要用于构建静态网站和后端渲染网站。框架特点使用后端渲染 自动进行代码分割(code splitting),以获得更快的网页加载速度 简洁的前端路由实现 使用webpack进行构建,支持模块热更新(Hot Module Replacement) 可与主流Node服务器进行对接(如express)原创 2021-05-21 11:20:07 · 599 阅读 · 0 评论 -
轻松上手Echars让你的数据更加绚丽多彩,动态图表生成静态图片打印无忧
引入JS你可以通过以下几种方式获取 Apache EChartsTM。 从Apache ECharts 官网下载界面获取官方源码包后构建。 在 ECharts 的GitHub获取。 通过 npm 获取 echarts,npm install echarts --save,详见“在 webpack 中使用 echarts” 通过jsDelivr等 CDN 引入 通过标签方式直接引入构建好的 echarts 文件<!DOCTYPE html&g...原创 2021-04-20 11:52:26 · 326 阅读 · 0 评论 -
小程序云函数获取用户手机号并保存到数据库
话不多说吧,直接上代码WXML<!-- 授权获取手机号 --><view class="getphone" wx:if="{{shoujibtn}}"> <button class="gettel" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">手机验证,获取更多特权</button></view>WCSS演示用写的比较简单,只有一个按钮居中原创 2021-02-01 15:38:02 · 664 阅读 · 0 评论 -
PHP实现一个在线选择答题系统
业务中有一个在线调查,包括动态读取题目,答题完毕后台评分,并返回答题结果。这是一篇WEB综合应用文章,建议阅读本文的您应该具备HTML,jQuery以及PHP和MySQL等基本知识。效果预览:前端主要借助query和quiz.js<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width.原创 2021-01-29 14:42:44 · 5968 阅读 · 1 评论 -
常用的JS开发技巧灵活运用
作为程序猿的我们,写代码同样也需要大量的写作技巧。一份良好的代码能让人耳目一新,让人容易理解,让人舒服自然,同时也让自己成就感满满(哈哈,这个才是重点)。因此,我整理下三年来自己使用到的一些JS开发技巧,希望能让你写出耳目一新、容易理解、舒服自然的代码。格式化金钱const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");const money = ThousandNum(20190214)原创 2021-01-28 14:39:33 · 281 阅读 · 0 评论 -
新年了做一个新年倒计时前加上一个浪漫的雪花飞舞效果
先上效果图片,再上代码效果JS关键代码//下雪效果function snow(){ const canvas = document.getElementById("background"); const ctx = canvas.getContext("2d"); const width = window.innerWidth; const height = window.innerHeight; canvas.width = width;原创 2021-01-26 11:54:52 · 351 阅读 · 0 评论 -
PHP+Javascript实现拖动滑块完成拼图验证码
大家在很多网站上应该见过这样的验证方式,用户需要拖动一个小滑块并将小滑块拼接到背景图上空缺的位置才能完成验证,这种拖动验证码时基于用户行为的,比传统在移动端有更好的体验,减少用户的输入。目前市面上做的好的拖动验证、用户行为验证有极验验证码、网易易盾验证等,这些第三方验证一般需要收费,本文给大家介绍一款免费的拖动验证码,使用PHP+Javascript实现。主要技术应用1、php抠图 2、js canvas画图 3、破解干扰 4、使用webp图片格式作者已经将代码开源,项目在githu原创 2021-01-26 11:06:18 · 3658 阅读 · 1 评论 -
微信小程序云函数发送订阅消息【亲验有效】
最近做项目时需要用到订阅消息这个功能,为了实现这一功能,可让我一顿好找啊。查看了众多博客和相关文章,还是没找到比较详细且适合小白的博客,所以在此我整理了一下我自己写的代码,这是对自己的一份总结,也希望可以帮助跟我一样还在路上的朋友。首先,需要在微信官方文档查看一下实现订阅消息的步骤订阅消息其次,因为发送订阅消息需要使用到云开发,所以在项目开始先需对项目进行云开发初始化。注意:云函数运行前需要部署,如果你不熟悉云环境的话,还是先创建一个吧,不要创建两个,如果有两个环境更不要两个环境之间切来切去,不然这将原创 2021-01-21 15:21:25 · 1505 阅读 · 2 评论 -
VUE实现一个TODO 可本地存储任务数据
话不多说,直接上代码:HTML引入了font-awesome主要利用他的ICON,vue.js这个必不可少,页面样式style.css,页面逻辑代码script.js<!DOCTYPE html><html lang="en" ><head> <meta charset="UTF-8"> <title>Vue.js任务列表DEMO演示</title> <link rel="stylesheet" hr原创 2021-01-20 14:26:17 · 245 阅读 · 0 评论 -
JQUERY+AJAX实现无刷新弹出层登录思路
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用。常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息。本文我们将给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用。关于弹出层效果,我们继续使用弹出层插件-hwLayer。更多的灵活性体现在绑定弹出层上的表单提交按钮事件,然后进行ajax异步交互,最后局部刷新主页面。阅读本文,您除了需要具备HTML5、CSS3、jQuery等前端知识外,还需要了解PHP甚至My原创 2021-01-15 16:58:35 · 347 阅读 · 0 评论 -
JQUERY实现一个超酷的购物车
默认情况下,购物车是隐藏不可见的,当用户点击添加到购物车按钮后,商品信息会添加到购物车,购物车会以按钮的形式出现在页面右下角,点击按钮则会展开购物车,显示购物车中的商品信息,同时也可以对购物车中的商品进行删除或者结算等操作。用户也可以暂时关闭购物车继续购物。HTML结构HTML结构主要包括两部分,第一部分是商品列表中的“添加到购物车”按钮,如下代码,我们使用data-*属性将商品的id,图片、名称、价格等信息一并带上。<a href="#0" class="btn btn-success原创 2021-01-15 16:50:03 · 476 阅读 · 1 评论 -
小巧快速图片延迟加载微型库Echo.js
Echo.js是一个标准的独立的Javascript图片懒加载(延迟加载)库,它非常小巧快速,只有2KB,它使用HTML5的 data-*属性,延迟请求加载图片资源,不依赖任意第三方插件库,特别适用于移动端需要加载大量图片的应用。如何使用1、引入文件<script src="js/echo.min.js"></script>2、HTML结构<img src="img/blank.gif" alt="Photo" data-echo="img/photo.原创 2021-01-15 16:23:57 · 194 阅读 · 0 评论 -
Javascript数组的一些常用骚操作值的收藏
如何操作数组在编程语言和脚本语言中是最基础的技能,Javascript也提供了内置的的数组操作函数和方法,今天我们主要介绍前端开发中经常遇到的操作数组的常规方法以及ES6操作数组的神奇方法。1.数组去重1)常规方法去重数组去重就是去掉数组中重复的项,我们使用常规的方法是定义一个新数组,遍历要去重的数组,然后一个个比对,如果数组中的值没有在新数组中出现,就将该值追加到新数组中,反之就不操作,最终得到一个去重后的新数组。var a = [1,1,2,3,'abc',2,'ab','abc'];原创 2020-12-30 16:42:01 · 133 阅读 · 0 评论 -
微信小程序获取当前地图坐标,并测量指定地点距离
获取当前坐标 wx.getLocation({ type: 'gcj02', success: function (res) { console.log("当前坐标信息:", res) }})// 举个栗子验证一下distance方法的真实性和有效性标记坐标 当点击标记点时触发导航功能markertap: function (e) { wx.openLocation({ latitud原创 2020-12-02 10:06:15 · 5012 阅读 · 0 评论 -
把常用的JS验证整合的一个库方便小程序调用
检测密码强度export const checkPwd = (str) => { var Lv = 0; if (str.length < 6) { return Lv } if (/[0-9]/.test(str)) { Lv++ } if (/[a-z]/.test(str)) { Lv++ } if (/[A-Z]/.test(str)) { Lv++原创 2020-12-01 18:03:13 · 162 阅读 · 0 评论 -
一代JS代码可以搞定机器自动刷票,投票页数据验证很重要
1.直接电脑使用谷歌浏览器进去朋友的投票页面,f12查看页面内容其实在页面上手动随意修改上图中openid,即可肆意不限制投票。但这样操作太麻烦了,可以看下js源码上图可以看出,其实只要openid,和toopenid即可,openid是自己的微信id,toopenid是投票对象的微信id,那我们定时修改openid即可给某一个人刷投票下面贴代码 //执行脚本 function init(){ initIp(); } //定时操作,每秒..原创 2020-12-01 16:52:58 · 1054 阅读 · 0 评论 -
一文读懂PROMISE用法
Promise 是什么是一种异步解决的方案 比es5传统的解决异步的方案(回调函数)es6提供了promise对象以前处理异步的方式fs.readFile('./1.txt', 'utf8', (err, result1) => { console.log(result1) fs.readFile('./2.txt', 'utf8', (err, result2) => { console.log(result2) fs.readFile('./3.txt',原创 2020-11-26 11:30:23 · 222 阅读 · 0 评论 -
javascript高阶函数学会这些很多处理会变的简单
map举例说明,比如我们有一个函数f(x)=x2,要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上,得到一个新数组,元素是原来每个值的平方[1,4,9,16,25,36,49,64,81]:function pow(x) { return x * x;}var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];var results = arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 8原创 2020-11-06 13:46:33 · 74 阅读 · 0 评论