JavaScript - 教程之家

172浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

117浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

82浏览

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

66浏览

0评论

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

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

2020-05-27

60浏览

0评论

JavaScript数值类型知识汇总

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

298浏览

0评论

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

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

2020-05-27

86浏览

0评论

webpack常用配置总览(小结)

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

71浏览

0评论

浅谈Webpack4 Tree Shaking 终极优化指南

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

47浏览

0评论

VUEX-action可以修改state吗

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

49浏览

0评论

javascript的delete运算符知识点总结

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

2020-05-27

111浏览

0评论

详解Nuxt.js 实战集锦

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

52浏览

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

52浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

160浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

50浏览

0评论

小程序实现投票进度条

本文实例为大家分享了小程序投票进度条的具体代码，供大家参考，具体内容如下示例图：上代码：index.wxml:<view class='clo_jdt'> <view style='width:{{width}}'></view> </view>...

2020-05-27

57浏览

0评论

微信小程序实现时间进度条功能

关于答题类，或者一些游戏环节的小程序需要用到时间进度条，该功能怎么实现？看下面源码<view class='out' style='margin-top:10px'> <view class='in' style='width:{{progressW...

2020-05-27

60浏览

0评论

vue实现element表格里表头信息提示功能(推荐)

如图：在element表格操作一栏需要添加提示功能实现效果如图：鼠标浮上去弹出tips 解决方案1、编写组件在 promptMessage.vue 文件里面实现<template><!-- 处理element表格表头...

2020-05-27

42浏览

0评论

微信小程序实现锚点功能

“锚点”功能在实际应用设计的好，可以提高用户体验。今天碰到一个类似下面功能：由于页面数据比较多，除了做些上拉加载，下拉刷新等优化。还可以进行进行分类，如上图。功能要求:点...

2020-05-27

65浏览

0评论

微信小程序实现上拉加载功能

本文实例为大家分享了微信小程序上拉加载的具体代码，供大家参考，具体内容如下demo.wxml 文件<view wx:for="{{listdata}}" wx:key="listdata" class='listitem'> <view class...

2020-05-27

77浏览

0评论

vue移动端模态框(可传参)的实现

1-封装模态框组件Mydialog (样式可以自己写)<template> <transition name="modal" tag="div"> <div class="modal" v-show="visible" transition="fade"> <div class="mo...

2020-05-27

131浏览

0评论

微信小程序实现音乐播放器

今天继续玩小程序的api，看着别人例子跟着做一个小程序，留下一个脚印吧。末尾附上github源码地址。实现以下微信小程序的音乐播放器，先看下效果图界面做的确实挺丑的，先上wxss文...

2020-05-27

48浏览

0评论

微信小程序音乐播放器开发

前言这篇文章上一版本是用audio组件开发的播放器，随后反应音频加载速度慢的问题又用小程序内置的背景音乐播放的方法写了一遍，逻辑是一样的逻辑，希望对大家有所帮助！ <view cla...

2020-05-27

58浏览

0评论

微信小程序实现星级评价

本文实例为大家分享了微信小程序星级评价的具体代码，供大家参考，具体内容如下效果图wxml<view class='assess-star'> <view class='star-wrap'> <view class='star-item' w...

2020-05-27

70浏览

0评论

Vue实现按钮级权限方案

演示在年初开发一个中后台管理系统，功能涉及到了各个部门（产品、客服、市场等等），在开始的版本中，我和后端配合使用了花裤衩手摸手系列的权限方案，前期非常nice，但是慢慢的随着功能...

2020-05-27

71浏览

0评论

稍微学一下Vue的数据响应式（Vue2及Vue3区别）

什么是数据响应式
从一开始使用 Vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。
换句话说就...

2020-05-27

67浏览

0评论

JavaScript实现简单随机点名器

本文实例为大家分享了js随机点名器的具体代码，供大家参考，具体内容如下<html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-05-27

62浏览

0评论

js实现课堂随机点名系统

本文实例为大家分享了js随机点名系统的具体代码，供大家参考，具体内容如下style样式<style> .cor { background-color: #6083cd; } #box { width: 500px; border: 2px solid...

2020-05-27

74浏览

0评论

Vue 中 filter 与 computed 的区别与用法解析

watch与computed、filter：watch:监控已有属性，一旦属性发生了改变就去自动调用对应的方法computed:监控已有的属性,一旦属性的依赖发生了改变，就去自动调用对应的方法filter:js...

2020-05-27

98浏览

0评论

webpack常用构建优化策略小结

简介
读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度更精准的loader规则
将loader规则写清楚仅让需要处理的文件，进入lo...

2020-05-27

75浏览

0评论

浅谈Vue SSR中的Bundle的具有使用

前言写过Vue SSR的都知道，Vue通过提供server和client的webpack插件生成bundle josn，从而实现类似服务端的热更以及客户端资源的优化注入。那么这两个个bundle到底有什么神奇的...

2020-05-27

55浏览

0评论

vue element 中的table动态渲染实现（动态表头）

通过在vue中使用element的table表格，实现数据动态渲染，并且动态渲染表头。通过在父组件中引入子组件表格，然后向子组件传递表格数据和表头数据。
子组件table中template模板
<e...

2020-05-27

热门文章