JavaScript - 教程之家

82浏览

0评论

JS实现贪吃蛇游戏

本文实例为大家分享了JS实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...

2020-05-27

130浏览

0评论

layui数据表格重载实现往后台传参

1、网上的代码：<div class="demoTable"> 搜索商户： <div class="layui-inline"> <input class="layui-input" name="keyword" id="demoReload" autocomplete="off"> </div> <b...

2020-05-27

85浏览

0评论

JavaScript字符串处理常见操作方法小结

本文实例讲述了JavaScript字符串处理常见操作方法。分享给大家供大家参考，具体如下：1、字符串合并操作：“ + ”var iNum01 = 12;var iNum02 = 24;var sNum03 = '12';var sTr =...

2020-05-27

59浏览

0评论

JavaScript变量基本使用方法实例分析

本文实例讲述了JavaScript变量基本使用方法。分享给大家供大家参考，具体如下：JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。定义变量需要用关键字 ‘var...

2020-05-27

83浏览

0评论

layui前端时间戳转化实例

1、html : 添加一个table，用来显示数据 <table class="layui-table" id="list" lay-filter="manageEvent"></table>2、js部分：接收后台传来的数据layui.use(['laypage', 'lay...

2020-05-27

100浏览

0评论

解决Layui 表格自适应高度的问题

鄙人在写一个项目，发现成功将数据在页面显示后，高度没有自适应，而是将一些按钮遮挡了，不断的调试和网上寻找解决办法，发现没有效果，最后添加了一句css <style> .layui-table-cell...

2020-05-27

125浏览

0评论

laravel+vue组合的项目中引入ueditor方式(打包成组件形式)

前言：最近写东西需要用到ueditor，并且需要是在vue组件中引入。（本博客默认你已经配置了laravel+vue的项目环境，如果还没有配置好的的小伙伴，可以看看我的另一篇文章，链接：https://w...

2020-05-27

74浏览

0评论

JavaScript定时器常见用法实例分析

本文实例讲述了JavaScript定时器常见用法。分享给大家供大家参考，具体如下：定时器定时器在javascript中的作用1、制作动画
2、异步操作
3、函数缓冲与节流定时器类型及语法/*...

2020-05-27

71浏览

0评论

NodeJs crypto加密制作token的实现代码

Node.js 内置的 Crypto 库，它提供各种加密算法，可以非常方便地让我们使用密码技术，解决应用开发中的问题。主要支持 hash（哈希），hmac（密钥哈希），cipher（编码），decipher（解码），sign（签名）以及...

2020-05-27

93浏览

0评论

Javascript 类型转换、封闭函数及常见内置对象操作示例

本文实例讲述了Javascript 类型转换、封闭函数及常见内置对象。分享给大家供大家参考，具体如下：Javascript组成1、ECMAscript javascript的语法（变量、函数、循环语句等语法）
2...

2020-05-27

109浏览

0评论

详解Angular Karma测试的持续集成实践

使用Angular + Karma + Jasmine可以进行前端的单体测试，从前面的文章中我们了解到了Karma的工作原理，它会启动一个指定种类的浏览器，然后在此浏览器中运行测试用例。如果需要进...

2020-05-27

93浏览

0评论

taro小程序添加骨架屏的实现代码

最近做了一些小程序方面的性能优化，如分包加载，添加骨架屏等，这次主要说一下骨架屏的相关内容。
关于骨架屏，有三种方法：
1.直接请UI同学帮忙P张图，当做loading图放上去。这种方法...

2020-05-27

88浏览

0评论

create-react-app中添加less支持的实现

前言
使用 create-react-app 脚手架创建项目后，默认是不支持 less 的。所以我们需要手动添加。第一步暴露webpack配置文件
使用 create-react-app 创建的项目，默认情况下是看...

2020-05-27

133浏览

0评论

微信小程序自定义头部导航栏（组件化）

本文实例为大家分享了微信小程序自定义头部导航栏的具体代码，供大家参考，具体内容如下效果图支持导航栏自定义背景颜色、背景图片支持返回文字自定义支持导航标题自定义首...

2020-05-27

88浏览

0评论

在node环境下parse Smarty模板的使用示例代码

因为某种原因，我们的项目必须采用smarty模板，一直没找到好用的npm包
不得已扒开了fis3-smarty, gulp-smarty的代码，找到了一个npm包
smarty4Js
然后解决了node环境渲染smarty的...

2020-05-27

251浏览

0评论

微信小程序自定义导航栏（模板化）

前段时间写过一篇关于微信小程序自定义导航栏的自定义组件，但是对于分享页有一定的bug
这次用模板化又搞了一遍优化了下Android与IOS 显示更接近微信原生的导航栏，以及修复分...

2020-05-27

63浏览

0评论

微信JSSDK实现打开摄像头拍照再将相片保存到服务器

在微信端打开手机摄像头拍照，将拍照图片保存到服务器上需要使用到微信的JSSDK接口，主要使用到了拍照或从手机相册中选图接口（chooseImage）,上传图片接口（uploadImage）参考资料：http...

2020-05-27

200浏览

0评论

微信sdk实现禁止微信分享(使用原生php实现)

在此之前我们已经学习过微信的sdk使用，但是之前实在easyWechat的php插件基础上实现的，具体可以参考：https://www.freexyz.cn/article/174309.htm这里我们来使用原生的php实现微信...

2020-05-27

86浏览

0评论

vue中注册自定义的全局js方法

前端开发的时候，总会需要写一些js方法，在vue框架中为了方便使用，可以考虑注册一个全局的js方法，下面是注册步骤：1.0 可以在assets文件中的js文件下面新建一个js文件，如：yun.js---2....

2020-05-27

74浏览

0评论

JS数据双向绑定原理与用法实例分析

本文实例讲述了JS数据双向绑定原理与用法。分享给大家供大家参考，具体如下：通常在前端开发过程中，经常遇到需要绑定两个甚至多个元素之间的值，比如将input的值绑定到一个h1上，改...

2020-05-27

144浏览

0评论

JS Ajax请求会话过期处理问题解决方法分析

本文实例讲述了JS Ajax请求会话过期处理问题解决方法。分享给大家供大家参考，具体如下：对于页面来说，处理session过期比较简单，一般只需在过滤器里面判断session用户是否存在，不...

2020-05-27

90浏览

0评论

JavaScript如何处理移动端拍摄图片旋转问题

本文实例为大家分享了js移动端拍摄图片旋转的具体代码，供大家参考，具体内容如下第一步：引入exif-js<script src="https://cdn.jsdelivr.net/npm/exif-js@2.3.0/exif.min.js"></...

2020-05-27

57浏览

0评论

24行JavaScript代码实现Redux的方法实例

前言Redux是迄今为止创建的最重要的JavaScript库之一，灵感来源于以前的艺术比如Flux和Elm，Redux通过引入一个包含三个简单要点的可伸缩体系结构，使得JavaScript函数式编程成为...

2020-05-27

106浏览

0评论

AngularJS动态生成select下拉框的方法实例

一、select相关知识
<select> <option value="0">HTML</option> <option value="1">Java</option> <option value="2">Python</option></select>其中，value 是存储到数据库的...

2020-05-27

102浏览

0评论

实例分析JS中的相等性判断===、 ==和Object.is()

相信刚接触JS的人都会被他的想等性判断给整糊涂，看看下面代码，你能答对几个？NaN === NaN // falseNaN == NaN // falseObject.is(NaN, NaN) // true0 == false // true1 == tru...

2020-05-27

80浏览

0评论

JavaScript数值类型知识汇总

整数
十进制二进制以零为开头，后面接一个小写或大写的拉丁文字母B(0b或者是0B) 八进制以0开头，然后是八进制数字序列(0-7) ，如果字面值中的数值超出范围，那么前导0将被忽...

2020-05-27

69浏览

0评论

Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)

前几天在维护一个nodejs写的命令行工具，要增加一个压缩zip文件时加密码功能。压缩文件时使用了 archiver 库，加密码使用了 archiver-zip-encrypted 库。在windows系统上测试时...

2020-05-27

76浏览

0评论

重置Redux的状态数据的方法实现

在 Redux 使用过程中，通常需要重置 store 的状态，比如应用初始化的时候、用户退出登录的时候，这样能够避免数据残留，避免 UI 显示了上一个用户的数据，容易造成用户数据泄露。
最...

2020-05-27

334浏览

0评论

vue使用一些外部插件及样式的配置代码

一、配置全局css及js样式1.首先将事先写好的css文件及js文件放在src文件目录下的assets文件下2.在main.js文件输上图右边两个红色框的代码二、配置全局jQuery及bootstrap安...

2020-05-27

118浏览

0评论

webpack常用配置总览(小结)

简介看《深入浅出webpack》总结一下常用的webpack的属性的含义并加了一些自己的链接，写在一个文件下更能有全局感受，更能理解各个属性中间的关系，重点要关注entry,output,resol...

2020-05-27

100浏览

0评论

JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例

本文实例讲述了JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类。分享给大家供大家参考，具体如下：代码示例：示例1<!DOCTYPE html><html lang="en"><head>...

2020-05-27

97浏览

0评论

浅谈Webpack4 Tree Shaking 终极优化指南

几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的...

2020-05-27

82浏览

0评论

Vue.extend 编程式插入组件的实现

前言
日常中我们要使用一个弹框组件的方式通常是先通过Vue.component 全局或是 component 局部注册后，然后在模版中使用。接下来我们尝试编程式的使用组件。
实现
其实步骤很...

2020-05-27

76浏览

0评论

VUEX-action可以修改state吗

首先回顾下vuex，官网图如下
Vuex 的 store 中的状态的唯一方法是提交 mutation（mutation类似于事件且必须是同步函数） action 提交的是 mutation，而不是直接变更状态且可以包...

2020-05-27

79浏览

0评论

JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

本文实例讲述了JavaScript(js)处理的HTML事件、键盘事件、鼠标事件。分享给大家供大家参考，具体如下：示例代码：HTML文件：<!DOCTYPE html><html lang="en"><head> <meta charset...

2020-05-27

131浏览

0评论

JS在Array数组中按指定位置删除或添加元素对象方法示例

JavaScript的数据中可通过splice/slice在指定位置添加或删除元素。另外还有slice、delete等方法实现。splice简介
splice方法向/从数组中添加/删除项目，然后返回被删除的项目...

2020-05-27

83浏览

0评论

vue的三种图片引入方式代码实例

这篇文章主要介绍了vue的三种图片引入方式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下首先给图片地址绑定...

2020-05-27

112浏览

0评论

nodemon实现Typescript项目热更新的示例代码

我们都知道nodemon可以直接用来在开发环境下运行js文件，可以在文件改变时自动刷新和重启服务器。但是最近刚好在学typescript，所以就想使用ts来写，也想达到同样的效果，总结一下...

2020-05-27

121浏览

0评论

Angular 多级路由实现登录页面跳转(小白教程)

本文受众是 Angular 初学者，没有多级路由使用经验，不知道登录页面与主页跳转的实现逻辑，相反，看到这里你就可以结束了，不要浪费时间。下面来看看小白对于登录页面的理解：上图中左...

2020-05-27

128浏览

0评论

100行代码实现vue表单校验功能(小白自编)

两个文件，一个写逻辑，一个写校验规则；特点：逻辑简单，代码量少，够用；不想看代码直接新建这两个文件复制代码，看最下面的使用方法；示例图片//validator.js//引入校验规则var valitatorR...

2020-05-27

69浏览

0评论

javascript的delete运算符知识点总结

delete是一元操作符，它用来删除对象属性或者数组元素。就像赋值、递增、递减运算符一样，delete也是具有副作用的，它是用来做删除操作的，不是用来返回一个值的，例如：
var o = { x:...

2020-05-27

150浏览

0评论

详解Nuxt.js 实战集锦

读本文前，请先熟读nuxt官方文档，并且具备一定的vue.js相关开发经验
中文文档
英文文档
vue SSR指南一、CSR和SSR对比在SPA之前的时代，我们传统的Web架构大都是SSR，如：Wordpress（PH...

2020-05-27

86浏览

0评论

Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用

在node.js中只需要几行代码就可以发送http请求，通过检查statusCode可以判断该网址服务是否有效。如下代码：var http = require('http')var checkExists = function(urlPath, c...

2020-05-27

93浏览

0评论

解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题

node.js含有%百分号时，发送get请求时浏览器地址自动编码的问题sales\报表.png在发到后台时，会自动编码成：/file/view/sales/%E6%8A%A5%E8%A1%A8.png在node.js会自动反编码成：sal...

2020-05-27

92浏览

0评论

基于Vue+ElementUI的省市区地址选择通用组件

一、缘由在项目开发过程中，有一个需求是省市区地址选择的功能，一开始想的是直接使用静态地址资源库本地打包，但这种方式不方便维护，于是放弃。后来又想直接让后台返回全部地址数...

2020-05-27

87浏览

0评论

vue3.0中使用postcss-pxtorem的具体方法

postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。
前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了...

2020-05-27

107浏览

0评论

关于vue利用postcss-pxtorem进行移动端适配的问题

刚开始我按照网上的一些方式利用postcss-pxtorem方式去适配的时候怎么样都不成功，后来经过自己不断尝试之后终于成功了。稍微坐下总结：
1.个人建议在进行postcss-pxtorem适配...

2020-05-27

187浏览

0评论

Vue中rem与postcss-pxtorem的应用详解

rem 布局
rem是根元素(html)中的font-size值。
rem布局不多赘述，有很多详细说明rem布局原理的资料。
简单的说，通过JS获取设备宽度动态设定rem值，以实现在不同宽度的页面中使用...

2020-05-27

139浏览

0评论

vant IndexBar实现的城市列表的示例代码

在开发中有个需求是一个选择城市的列表，看了看做成三级联动好像不是特别方便还是做成一整页可以按导航选取的就可以了话不多说开始上码我用的是vant这个ui框架中的IndexBar...

2020-05-27

70浏览

0评论

javascript跳转与返回和刷新页面的实例代码

javascript中window.open()与window.location.href的区别 window.open(‘index.html') 表示新增一个窗口打开 index.html 这个页面，并不刷新 location.href(‘index.html')...

2020-05-27

热门文章