74浏览

0评论

关于jquery layui弹出层的使用方法

Jquery必须大于1.83layui必须是all，否则不显示<script src="../js/jquery-1.8.3.min.js"></script> <script src="../layui/layui.all.js"></script>html代码<input id="abo...

• 2020-05-27

69浏览

0评论

JavaScript调用模式与this关键字绑定的关系

Invocation 调用调用一个函数将暂停当前函数的执行，传递控制权和参数给新函数。实参与形参不一致不会导致运行时错误，多的被忽略，少的补为undefined每个方法都会收到两个附加参...

• 2020-05-27

78浏览

0评论

JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码

1.首先写一个遮罩层div，然后再写一个弹窗的div<!-- 遮罩层 --><div id="cover" style="background: #000; position: absolute; left: 0px; top: 0px; width: 100%; filter:...

• 2020-05-27

101浏览

0评论

javaScript产生随机数的用法小结

var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G',...

• 2020-05-27

130浏览

0评论

nodeJS模块简单用法示例

本文实例讲述了nodeJS模块简单用法。分享给大家供大家参考，具体如下：1.定义Student模块，Teacher模块function add(student){ console.log('Add Student:'+student);}exports.a...

• 2020-05-27

101浏览

0评论

JQuery元素快速查找与操作

首先，我们来看看jquery中如何查找到想要的结点。第一步：sizzle选择器
基于元素的id、类、类型、属性、属性值等"查找"（或选择）HTML元素，简单的说是基于css选择器，除此之外还有一些...

• 2020-05-27

79浏览

0评论

手写简单的jQuery雪花飘落效果实例

前言最近闲来无事，准备写个雪花飘落的效果，没有写太牛逼的特效，极大的简化了代码量，这样容易读取代码，用起来也很简单，对于那些小白简直是福利啊，简单易读易学。先直接上代码吧，然后...

• 2020-05-27

96浏览

0评论

jQuery中图片展示插件highslide.js的简单dom

前言今天用用了一款图片展示插件highslide.js，感觉用起来很是舒畅，几乎不用怎么写代码，只需要知道如何写参数就行了。那么这么牛叉的插件我们该如何用哪，下面我就跟大家讲解一下...

• 2020-05-27

70浏览

0评论

关于Angularjs中自定义指令一些有价值的细节和技巧小结

一：自定义指令常用模板
下面是大致的说明，不是全面的，后面来具体说明一些没有提及的细节和重要的相关知识：angular.module('yelloxingApp', []).directive('uiDirective', funct...

• 2020-05-27

103浏览

0评论

Vue下滚动到页面底部无限加载数据的示例代码

看到一篇Implementing an Infinite Scroll with Vue.js , 觉得挺实用的就看了下, 顺便简单翻译了一下给需要的人参考.
从这个项目中可以加深对Vue的生命周期的理解, 何时开...

• 2020-05-27

96浏览

0评论

使用Angular CLI快速创建Angular项目的一些基本概念和写法小结

Angular CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布，这里的快速开始就是基于这个命令。开始项目前，你需要先安装node和npm...

• 2020-05-27

87浏览

0评论

JS实现的哈夫曼编码示例【原始版与修改版】

本文实例讲述了JS实现的哈夫曼编码。分享给大家供大家参考，具体如下：原始版function cal(str) { if (typeof str !== 'string' || str.length < 1) { return; } var map...

• 2020-05-27

92浏览

0评论

vue-cli3.0 特性解读

最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。
新建项目
# 安装npm install -g @vue/cli# 新建...

• 2020-05-27

77浏览

0评论

用Vue写一个分页器的示例代码

之前一直想要自己试着实现一个分页器，但是一直拖，今天写完，大概照着网易云音乐的样子来完成。这个小例子很简单，通过这个小例子，可以学习到Vue计算属性的使用，并了解到写分页器需...

• 2020-05-27

101浏览

0评论

实例讲解Vue.js中router传参

Vue-router参数传递
为什么要在router中传递参数
设想一个场景，当前在主页中，你需要点击某一项查看该项的详细信息。那么此时就需要在主页传递该项的id到详情页，详情页通过id获...

• 2020-05-27

77浏览

0评论

nodejs读取并去重excel文件

如何使用，直接上代码/** * 安装node-xlsx插件 */var path = require('path')var fs = require('fs')var xlsx = require('node-xlsx')//去重算法Array.prototype.unique = fu...

• 2020-05-27

81浏览

0评论

vue移动端实现下拉刷新

看完这篇文章，相信大伙也一样可以，做出一个自己的刷新，加载的组件说这个功能之前，大家要先了解一下，要怎么触发滚动条事件。一定要注意，所有滚动事件都必须要满足这个条件，横向滚动...

• 2020-05-27

69浏览

0评论

如何以Angular的姿势打开Font-Awesome详解

前言本文主要给大家介绍了关于以Angular的姿势打开Font-Awesome的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。环境
Angular: v5.2.9 Font-Aw...

• 2020-05-27

102浏览

0评论

原生JS进行前后端同构

什么是前后端同构明确三个概念：「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制；「前端渲染」指使用 JS 来渲染页面大部分内容，代表是现在流行的 SPA 单页面应用；「同构渲染...

• 2020-05-27

55浏览

0评论

深入理解JavaScript和TypeScript中的class

前言对于一个前端开发者来说，很少用到 class ，因为在 JavaScript 中更多的是 函数式 编程，抬手就是一个 function，几乎不见 class 或 new 的踪影。所以 设计模式 也是大多数前端...

• 2020-05-27

105浏览

0评论

使用Vue组件实现一个简单弹窗效果

最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一...

• 2020-05-27

72浏览

0评论

vue-devtools的安装步骤

vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用，由于国内不能访问谷歌商店（要科学上网），所以安装比较麻烦，写个文章记录一下。第一步将vue-devtools clone到本地git...

• 2020-05-27

93浏览

0评论

Node.js应用设置安全的沙箱环境

有哪些动态执行脚本的场景？
在一些应用中，我们希望给用户提供插入自定义逻辑的能力，比如 Microsoft 的 Office 中的 VBA，比如一些游戏中的 lua 脚本，FireFox 的「油猴脚本」，能够...

• 2020-05-27

96浏览

0评论

JavaScript变量声明var,let.const及区别浅析

var声明变量的作用域限制在其声明位置的上下文中var x = 0; // x是全局变量，并且赋值为0。console.log(typeof z); // undefined，因为z还不存在。function a() { // 当a被调用...

• 2020-05-27

86浏览

0评论

详解vue 计算属性与方法跟侦听器区别(面试考点)

计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reve...

• 2020-05-27

78浏览

0评论

vue2.0 移动端实现下拉刷新和上拉加载更多的示例

本人正在基于 vue2.0 + webpack + es6 搭建前端架构，整理了部分插件，下面这个是下拉更新 上拉更多的，挺好用的，分享给大家。直接上代码，不懂的多看几遍，下面我换会告诉大家如何使...

• 2020-05-27

61浏览

0评论

详解Vue2.0配置mint-ui踩过的那些坑

最近开发项目的时候逐渐采用vue.js+mint-ui的技术栈，但是昨天开始配置开发环境的时候，遇到了各种报错，即使是按照两家的官方文档配置，也还是会报错，晚上下班后回去配置了一晚上，才...

• 2020-05-27

70浏览

0评论

Vue 中mixin 的用法详解

说下我对vue中mixin的一点理解　　vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们...

• 2020-05-27

79浏览

0评论

Vue前端开发规范整理(推荐)

基于Vue官方风格指南整理一、强制
1. 组件名为多个单词组件名应该始终是多个单词的，根组件 App 除外。正例：
export default { name: 'TodoItem', // ...}反例：export default...

• 2020-05-27

108浏览

0评论

JS中获取 DOM 元素的绝对位置实例详解

在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如 本文 左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。...

• 2020-05-27

49浏览

0评论

vue.js中实现登录控制的方法示例

本文实例讲述了vue.js中实现登录控制的方法。分享给大家供大家参考，具体如下：vue中使用vue-router实现登录的控制在做后台管理系统中很常见，但是不想之前熟悉的流程那样，不过只...

• 2020-05-27

84浏览

0评论

微信小程序之swiper轮播图中的图片自适应高度的方法

小程序中的轮播图很简单，官方都有例子的，但是唯一的缺陷就是swiper是固定死的150px高度，这样如果传入的图片大于这个高度就会被隐藏。辣么，怎样让图片自适应不同分辨率捏。我的...

• 2020-05-27

62浏览

0评论

再谈Angular4 脏值检测(性能优化)

Summary
Angular 4的脏值检测是个老话题了，而理解这个模型是做Angular性能优化的基础。因此，今天我们再来聊聊Angular 4脏值检测的原理，并看看性能优化的小提示。
进入点 - Zon...

• 2020-05-27

64浏览

0评论

jQuery+ajax实现动态添加表格tr td功能示例

本文实例讲述了jQuery+ajax实现动态添加表格tr td功能。分享给大家供大家参考，具体如下：功能：ajax获取后台返回数据给table动态添加tr/tdhtml部分：<table><tbody></tbody></tabl...

• 2020-05-27

77浏览

0评论

vue.js数据绑定操作详解

本文实例讲述了vue.js数据绑定操作。分享给大家供大家参考，具体如下：数据绑定响应式的数据绑定系统。建立绑定之后，DOM将和数据保持同步，无须手动维护DOM。使代码能够更加简洁易...

• 2020-05-27

83浏览

0评论

vue-cli2.9.3 详细教程

一、安装vue-cli1.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），命令如下：npm install vue-cli -g2.可以用vue -V来进行查看 vue-cli的版本号。注意这...

• 2020-05-27

81浏览

0评论

浅谈vue中.vue文件解析流程

我们平时写的 .vue 文件称为 SFC(Single File Components)，本文介绍将 SFC 解析为 descriptor 这一过程在 vue 中是如何执行的。vue 提供了一个 compiler.parseComponent(fil...

• 2020-05-27

75浏览

0评论

vue webpack实用技巧总结

利用 webpack 给生产环境和发布环境配置不同的接口地址
在开发时，前后端分离同时进行开发。前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候,会从真实服...

• 2020-05-27

91浏览

0评论

详解开发react应用最好用的脚手架 create-react-app

1. 介绍在开发react应用时，应该没有人用传统的方法引入react的源文件(js)，然后在html编辑吧。大家都是用webpack + es6来结合react开发前端应用。这个时候，我们可以手动使用npm...

• 2020-05-27

73浏览

0评论

react配合antd组件实现的管理系统示例代码

前言：此文需要有一定react，redux基础，具体学习资料请科学上网。使用create-react-app脚手架具体基础配置请参考
配合antd组件实现的管理系统demo,线上地址开发前反思1. 按需加...

• 2020-05-27

68浏览

0评论

js 图片转base64的方式(两种)

方式一：Blob和FileReader 对象
实现原理：
使用xhr请求图片,并设置返回的文件类型为Blob对象[xhr.responseType = "blob"]
使用FileReader 对象接收blob
<!DOCTYPE html><html...

• 2020-05-27

362浏览

0评论

Vue手把手教你撸一个 beforeEnter 钩子函数

为什么要自造beforeEnter钩子函数？
看下问题场景：项目中有一单词列表页面，每个cell都会备注该单词是否已经掌握，点击cell进入详情页，可对该单词进行学习，并标记单词是否掌握，并且在...

• 2020-05-27

76浏览

0评论

vue实现选项卡及选项卡切换效果

这里不跟大家再去把Vue文档上的一些指令用法或者基础知识再复述一遍，既然是从入门到实战，我直接将平时项目中需要实现的一些效果拆分成模块。你们遇到了相关的指令或者不知道...

• 2020-05-27

70浏览

0评论

vue中$refs的用法及作用详解

一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定inpu...

• 2020-05-27

56浏览

0评论

vue+webpack实现异步加载三种用法示例详解

1.第一例const Home = resolve => { import("@/components/home/home.vue").then( module => { resolve(module) }}注：（上面import的时候可以不写后缀）export default [...

• 2020-05-27

64浏览

0评论

vue router动态路由下让每个子路由都是独立组件的解决方案

vue-router 之动态路由vue-router官网上面是这样说的// 带查询参数，变成 /register&#63;plan=privaterouter.push({ path: 'register', query: { plan: 'private' }})然后，我...

• 2020-05-27

68浏览

0评论

vue.js前后端数据交互之提交数据操作详解

本文实例讲述了vue.js前后端数据交互之提交数据操作。分享给大家供大家参考，具体如下：前端小白刚开始做页面的时候，我们的前端页面中经常会用到表单，所以学会提交表单也是一个基...

• 2020-05-27

79浏览

0评论

Vue 动态设置路由参数的案例分析

在vue中 可以动态设置路由参数：1.使用this.$router.go()，与js histroy.go() 用法一直,前进1，后退-1，当前页面:0注意 使用go时 必须是已经有访问历史记录了案例：<template> <div>...

• 2020-05-27

63浏览

0评论

详解Vue.js中.native修饰符

修饰符（Modifiers）是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。这篇文章给大家介绍Vue.js中.native修饰符，感兴趣的朋友一起看看吧。.native修饰符官方...

• 2020-05-27

77浏览

0评论

vue短信验证性能优化如何写入localstorage中

平时我们在项目中进行注册等的时候,会经常用到短信验证的功能,但是现在现在很多短信验证都是存在下面几个问题,例如短信验证时间为60s的时候,1. 当点击完按钮时,倒计时还没...

• 2020-05-27