162浏览

0评论

Vue实现日历小插件

本文实例为大家分享了Vue实现日历小插件的具体代码，供大家参考，具体内容如下先看下效果图吧， 如下源码可见于我的github实现关键点：1.组件的复用以及父子组件传值很明显每年每个...

• 2020-05-27

146浏览

0评论

vue.js 打包时出现空白页和路径错误问题及解决方法

vue-cli输入命令：npm run build 即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist，下图为我们打包过后的项目我们直接运行打包后的文件夹中的index.html文件，会...

• 2020-05-27

106浏览

0评论

通过javascript实现段落的收缩与展开

主要是使用-webkit-line-clamp这个属性进行限制显示行数,通过计算文字在标签内的显示高度来计算当前文字行数,再与需要限制的行数进行对比,来确定是否显示 代码如下:<!--C...

• 2020-05-27

158浏览

0评论

react koa rematch 如何打造一套服务端渲染架子

前言本次讲述的内容主要是 react 与 koa 搭建的一套 ssr 框架，是在别人造的轮子上再添加了一些自己的想法和完善一下自己的功能。本次用到的技术为： react | rematch | react-...

• 2020-05-27

168浏览

0评论

JavaScript动态添加数据到表单并提交的几种方式

情景1：已经存在form对象了，动态为form增加对象并提交function formAppendSubmit(){var myform=$('#newArticleForm'); //得到form对象var tmpInput=$("<input type='text' nam...

• 2020-05-27

106浏览

0评论

javascript触发模拟鼠标点击事件

事件触发器就是用来触发某个元素下的某个事件，IE下fireEvent方法，高级浏览器（chrome,firefox等）有dispatchEvent方法。一般我们在元素上绑定事件后，是靠用户在这些元素上的鼠标行...

• 2020-05-27

98浏览

0评论

js变量值传到php过程详解 将php解析成数据

一、总结
一句话总结：传参数去后台，用ajax，或者原生js方式拼接url。明白原理，洞悉系统是先解析php，再执行html代码和js代码。
二、用ajax
1. 页面提交数据： ajax2. php页面获取参...

• 2020-05-27

134浏览

0评论

使用Vue 实现滑动验证码功能

做网络爬虫的同学肯定见过各种各样的验证码，比较高级的有滑动、点选等样式，看起来好像挺复杂的，但实际上它们的核心原理还是还是很清晰的，本文章大致说明下这些验证码的原理以及...

• 2020-05-27

157浏览

0评论

ES6 Promise对象的应用实例分析

本文实例讲述了ES6 Promise对象的应用。分享给大家供大家参考，具体如下：The Promise object represents the eventual completion (or failure) of an asynchronous operation...

• 2020-05-27

137浏览

0评论

ES6 class的应用实例分析

本文实例讲述了ES6 class的应用。分享给大家供大家参考，具体如下：class class 本身是个语法糖，主要为了考虑在编码上更加人性化 内部有super,static,get 等关键词 使用起来...

• 2020-05-27

126浏览

0评论

微信小程序实现form表单本地储存数据

本文实例为大家分享了微信小程序实现form表单本地储存数据的具体代码，供大家参考，具体内容如下效果图：主要利用小程序的getStorage来实现异步本地储存。小程序目录结构如下：新建...

• 2020-05-27

361浏览

0评论

vue响应式更新机制及不使用框架实现简单的数据双向绑定问题

最近看到有些人说vue是双向数据绑定的，有些人说vue是单向数据流的，我认为这两种说法都是错误的，vue是一款具有响应式更新机制的框架，既可以实现单向数据流也可以实现数据的双向...

• 2020-05-27

129浏览

0评论

ES6 let和const定义变量与常量的应用实例分析

本文实例讲述了ES6 let和const定义变量与常量的应用。分享给大家供大家参考，具体如下：关于 let let是小作用域的变量的声明{ var a = 12; let b = 15; { console.log(a)...

• 2020-05-27

132浏览

0评论

JS前端知识点offset，scroll，client，冒泡，事件对象的应用整理总结

本文实例讲述了JS前端知识点offset，scroll，client，冒泡，事件对象的应用。分享给大家供大家参考，具体如下：关于offset多用于检测盒子高度，宽度，位置等- offsetWidth : 盒子的宽度， 包...

• 2020-05-27

135浏览

0评论

JS前端知识点 运算符优先级，URL编码与解码，String，Math，arguments操作整理总结

本文实例讲述了JS前端知识点 运算符优先级，URL编码与解码，String，Math，arguments操作。分享给大家供大家参考，具体如下：Js 中的运算符优先级优先级依次降低 () !、-、++、– *...

• 2020-05-27

111浏览

0评论

vue + typescript + 极验登录验证的实现方法

此功能基于vue（v2.6.8） + typescript（v3.3.3333）, 引入极验（geetest v3+）（官方api），使用其product: 'bind'模式， 页面挂载后初始化ininGeetest，点击登录按钮后先做表单验证，通过后弹出滑...

• 2020-05-27

138浏览

0评论

微信小程序自定义组件实现环形进度条

本文实例为大家分享了微信小程序实现环形进度条的具体代码，供大家参考，具体内容如下微信小程序自定义组件官方教程环形进度条的组件已经放在github上环形进度条效果图创建步骤...

• 2020-05-27

115浏览

0评论

详解Jest结合Vue-test-utils使用的初步实践

介绍
Vue-test-utils是Vue的官方的单元测试框架，它提供了一系列非常方便的工具，使我们更加轻松的为Vue构建的应用来编写单元测试。主流的 JavaScript 测试运行器有很多，但 Vue...

• 2020-05-27

106浏览

0评论

JavaScript实现图片放大镜效果

本文实例为大家分享了js实现图片放大镜效果的具体代码，供大家参考，具体内容如下1、结构布局HTML代码<div class="leftcon" id="left"> <img src="~/Content/images/风景-1.jpg...

• 2020-05-27

116浏览

0评论

原生js实现抽奖小游戏

这个小游戏可以设置为抽奖小游戏，也可以设置为随机点名器，这个软件实现可以多次获取同一个元素的1、HTML结构代码如下：<div class="wrapper"> <ul class="box"></ul> <button c...

• 2020-05-27

107浏览

0评论

编写更好的JavaScript条件式和匹配条件的技巧(小结)

介绍如果你像我一样乐于见到整洁的代码，那么你会尽可能地减少代码中的条件语句。通常情况下，面向对象编程让我们得以避免条件式，并代之以继承和多态。我认为我们应当尽可能地遵...

• 2020-05-27

127浏览

0评论

javascript实现导航栏分页效果

本文实例为大家分享了js实现导航栏分页效果的具体代码，供大家参考，具体内容如下1、结构搭建HTML代码<div class="page"></div>2、页面修饰的css样式代码.page{width:500px;mar...

• 2020-05-27

139浏览

0评论

JavaScript实现单英文金山打字通

单英文的金山打字通的具体实现代码，供大家参考，具体内容如下1、页面的布局代码如下：<div> <div id="char">A</div> <div id="result">请在按键上按下屏幕上显示的字</div></di...

• 2020-05-27

127浏览

0评论

Node爬取大批量文件的方法示例

有个朋友在搞留学工作室，经常访问的一个网站叫留学者指南，然而每次都要去访问该网站，显得极其不专业。于是托俺帮忙写脚本去爬他家的东西，我观察了下，这次，我们要爬的东西就有点多...

• 2020-05-27

114浏览

0评论

js实现随机数小游戏

抛出随机数实现一个“谁取餐的小游戏”，供大家参考，具体内容如下1、HTML结构代码如下<div class="mask"> <div class="contents"> <div class="head"> <p>谁去拿外卖</p>...

• 2020-05-27

125浏览

0评论

用Vue.js方法创建模板并使用多个模板合成

在vue.js定义模板时，可以定义多个模板，然后在components组件中调用模板，显示在界面上，注意components后面是一个对象，而不是数组。下面利用实例说明，操作如下：第一步，在HBuilderX设...

• 2020-05-27

135浏览

0评论

JS中apply()的应用实例分析

本文实例讲述了JS中apply()的应用。分享给大家供大家参考，具体如下：先从Math.max()函数说起，Math.max后面可以接收任意个参数，最后返回所有参数中的最大值。比如：alert(Math.max(...

• 2020-05-27

133浏览

0评论

JS中call()和apply()的功能及用法实例分析

本文实例讲述了JS中call()和apply()的功能及用法。分享给大家供大家参考，具体如下：１.call()和apply()的作用首先引出问题：用call()和apply()的目的是什么？来看个例子，在javascript...

• 2020-05-27

128浏览

0评论

JS字符串与二进制的相互转化实例代码详解

JS字符串与二进制的相互转化的方法，具体代码如下所示：//字符串转ascii码，用charCodeAt();//ascii码转字符串，用fromCharCode();var str = "A";var code = str.charCodeAt();var...

• 2020-05-27

128浏览

0评论

JavaScript中callee和caller的区别与用法实例分析

本文实例讲述了JavaScript中callee和caller的区别与用法。分享给大家供大家参考，具体如下：1.callee在函数的内部，有两个特殊的对象：arguments和this。其中arguments是一个类似数...

• 2020-05-27

134浏览

0评论

jQuery子选择器与可见性选择器实例分析

本文实例讲述了jQuery子选择器与可见性选择器。分享给大家供大家参考，具体如下：子元素选择器与可见性选择器子元素选择器是允许利用子元素的位置进行获取的选择器子内容选择器...

• 2020-05-27

120浏览

0评论

jQuery内容选择器与表单选择器实例分析

本文实例讲述了jQuery内容选择器与表单选择器。分享给大家供大家参考，具体如下：内容选择器jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上，主...

• 2020-05-27

123浏览

0评论

jQuery层叠选择器用法实例分析

本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考，具体如下：层叠选择器如果想通过DOM元素之间的层次关系来获取特定的元素，例如后代元素，子元素，相邻元素和兄弟元素等，...

• 2020-05-27

131浏览

0评论

jQuery位置选择器用法实例分析

本文实例讲述了jQuery位置选择器用法。分享给大家供大家参考，具体如下：位置选择器jQuery同样也允许我们利用元素所在位置来获取所需组件位置选择器语法如下： "$基本选择器:位...

• 2020-05-27

142浏览

0评论

jQuery属性选择器用法实例分析

本文实例讲述了jQuery属性选择器用法。分享给大家供大家参考，具体如下：属性选择器在HTML文档中，元素的开始标记中通常包含有多个属性(attribute)<input id="txtUsername" type=...

• 2020-05-27

154浏览

0评论

微信小程序身份证验证方法实现详解

身份证验证在很多小程序中已经成为必不可少的一部分，它能有效的判断出身份证是否存在，是否输入错误，以防不良人士恶意攻击。判断一个身份证是否合法的身份证号码有以下几个步骤...

• 2020-05-27

99浏览

0评论

开发中常用的25个JavaScript单行代码(小结)

1.强制布尔值
要将变量强制转换为布尔值而不更改其值：const myBoolean = !! myVariable; !!null // false !!undefined // false !!false // false !!ture // ture !!"" // f...

• 2020-05-27

114浏览

0评论

vue实现Excel文件的上传与下载功能的两种方式

一.前言项目中使用到比较多的关于Excel的前端上传与下载，整理出来，以便后续使用或分析他人。1.前端vue:模板下载与导入Excel导入Excel封装了子组件，点击导入按钮可调用子组件，打...

• 2020-05-27

94浏览

0评论

elementUi vue el-radio 监听选中变化的实例代码

elementUi vue el-radio 监听选中变化的实例代码如下所述：//change是radio-group标签的事件<div> <el-radio-group v-model="radioSex" @change="changeHandler"> <el-radio...

• 2020-05-27

97浏览

0评论

js实现简单分页导航栏效果

本文实例为大家分享了js实现分页导航栏效果的具体代码，供大家参考，具体内容如下最终的效果: 1. 分页需要的几个重要参数:总记录条数: totalCount (查数据库)每页记录数: pageS...

• 2020-05-27

113浏览

0评论

搭建一个nodejs脚手架的方法步骤

1 前言
1.1像我们熟悉的 vue-cli，taro-cli 等脚手架，只需要输入简单的命令 taro init project ，即可快速帮我们生成一个初始项目。在日常开发中，有一个脚手架工具可以用来提高工...

• 2020-05-27

119浏览

0评论

vue实现分页栏效果

本文实例为大家分享了vue实现分页栏效果的具体代码，供大家参考，具体内容如下当我们在获取后台数据时，特别是获取大量的列表数据时，页面内能展示的数据不能过多，不然让用户看起来...

• 2020-05-27

96浏览

0评论

Vue分页器实现原理详解

本文为大家讲解了Vue分页器实现原理，供大家参考，具体内容如下网上搜的分页器大多是jQuery实现的，而且也不太完善，于是自己写了个分页器组件，以后再用也不慌，直接复制过去就ok，下面...

• 2020-05-27

93浏览

0评论

vue分页器组件编写方法详解

使用vue编写的分页器组件，支持输入页码跳转，效果如图：1、点击前五页：2、点击中间部分页面3、点击第一页，上一页按钮失效，点击最后一页，下一页按钮失效组件调用：//html调用 参数:page...

• 2020-05-27

106浏览

0评论

localstorage实现带过期时间的缓存功能

前言一般可以使用cookie,localstorage,sessionStorage来实现浏览器端的数据缓存，减少对服务器的请求。1.cookie数据存放在本地硬盘中，只要在过期时间之前，都是有效的，即使重启浏...

• 2020-05-27

104浏览

0评论

pm2启动ssr失败的解决方法

pm2是一个带有负载均衡功能的 Node 应用的进程管理器。对于node的管理，还是比较方便的。m2启动ssr没有报错，但是errored# pm2 status ┌──────────┬────┬──...

• 2020-05-27

92浏览

0评论

微信小程序如何调用json数据接口并解析

开始写js，用request请求接口url，当请求成功的时候，在控制台打印一下返回的res.data数据，在控制台可以看到打印了接口数据了，在请求接口成功之后，用setData接收数据，并且需在data中...

• 2020-05-27

90浏览

0评论

微信小程序如何调用图片接口API并居中显示

写完调用天气接口的demo之后，小程序调用天气接口并且渲染在页面，顺便再调用了一下美图的接口API：美图APIurlwxml：
<view class='imagesize' wx:for="{{list}}" wx:key="index"><...

• 2020-05-27

110浏览

0评论

微信小程序如何自定义table组件

背景
最近想要捣鼓一个自己的小程序，其中数据展示部分比较多，想用table来做展示，但是微信小程序并没有table组件，于是就自己动手捣鼓了一个，勉强能用。
可以看看效果：etable使用介...

• 2020-05-27

134浏览

0评论

JavaScript判断浏览器运行环境的详细方法

前言
看到标题，大家就能想起这个需求在很多项目上都能用到。我们部署在Web服务器上的前端应用，既可以用PC浏览器访问，也可以用手机浏览器访问，再加上现在智能设备的推广，我们甚至...

• 2020-05-27