52浏览

0评论

如何从头实现一个node.js的koa框架

前言koa.js是最流行的node.js后端框架之一，有很多网站都使用koa进行开发，同时社区也涌现出了一大批基于koa封装的企业级框架。然而，在这些亮眼的成绩背后，作为核心引擎的koa代码...

• 2020-05-27

41浏览

0评论

通过实例解析js简易模块加载器

前端模块化
关注前端技术发展的各位亲们，肯定对模块化开发这个名词不陌生。随着前端工程越来越复杂，代码越来越多，模块化成了必不可免的趋势。各种标准
由于javascript本身并没...

• 2020-05-27

48浏览

0评论

JavaScript 扩展运算符用法实例小结【基于ES6】

本文实例讲述了JavaScript 扩展运算符用法。分享给大家供大家参考，具体如下：扩展运算符格式扩展运算符格式很简单，就是三个点(…)重点：需要ES6 语法支持扩展运算符作用？？？扩展运算...

• 2020-05-27

73浏览

0评论

通过js给网页加上水印背景实例

水印方法
export function watermark(settings) {//默认设置let defaultSettings={watermark_txt:"text",watermark_x:20,//水印起始位置x轴坐标watermark_y:20,//水印起始...

• 2020-05-27

60浏览

0评论

使用imba.io框架得到比 vue 快50倍的性能基准

我是标题党吗？是，但也不是。以图为证。上图表示了vue, react 以及 imba 在 todo 这个项目中拥有60个 todoItem 不同进行 crud 操作的表现。可以看到 imba 达到了每秒操作5w次...

• 2020-05-27

74浏览

0评论

如何解决js函数防抖、节流出现的问题

React中使用防抖函数和节流函数
在React事件调用时，React传递给事件处理程序是一个合成事件对象的实例。SyntheticEvent对象是通过合并得到的。 这意味着在事件回调被调用后，S...

• 2020-05-27

72浏览

0评论

通过实例学习React中事件节流防抖

节流方法一
import Throttle from 'lodash-decorators/throttle';export default class Search extends Component {constructor(props) {super(props)this.handleSearch =...

• 2020-05-27

48浏览

0评论

送你43道JS面试题(收藏)

导读这两天的GitHub Trending repositories被一个名叫 javascript-questions的项目霸榜了，项目中记录了一些JavaScript题目。我大概从头到尾看了一遍，都是一些基础的题目，我大...

• 2020-05-27

88浏览

0评论

简单了解vue.js数组的常用操作

数组的相关方法如下
1，锁定数组的长度(只读模式)[ Array.join() ]
var a = [1,2,3] //定义一个数组<br>Object.defineProperty(a,"length",{writable:false}) //将a数组的长...

• 2020-05-27

59浏览

0评论

通过说明与示例了解js五种设计模式

第一种模式：js工厂模式
var lev=function(){ return "啊打"; }; function Parent(){ var Child = new Object(); Child.name="李小龙"; Child.age="30"; Child.lev=lev; retu...

• 2020-05-27

56浏览

0评论

解决微信浏览器缓存站点入口文件(IIS部署Vue项目)

最近开发的微信公众号项目中(项目采用Vue + Vux 构建，站点部署在IIS8.5上)，遇到个非常奇葩的问题，发布站点内容后，通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了...

• 2020-05-27

40浏览

0评论

js/jQuery实现全选效果

本文实例为大家分享了js/jQuery两种代码实现全选效果的具体代码，供大家参考，具体内容如下注意点在获取子选框的时候别加上 全选框的个数了技巧找 tbody 下面的input标签 就可...

• 2020-05-27

81浏览

0评论

简单学习5种处理Vue.js异常的方法

错误大全
为了测试各种异常处理技巧，我故意触发三种类型的错误。第一种：引用一个不能存在的变量：<div id="app" v-cloak>Hello, {{name}}</div>上述代码运行后不会抛出错误，但是...

• 2020-05-27

61浏览

0评论

vue中typescript装饰器的使用方法超实用教程

VueConf ，尤大说， Vue 支持 Ts 了，网上关于 Vue + Ts 的资料有点少， 楼主踩了一个星期坑，终于摸明白了 修饰器 的玩法，下面我们就来玩下 Vue 的 decorator 吧1，data 值的声明 在这...

• 2020-05-27

62浏览

0评论

简单了解Javscript中兄弟ifream的方法调用

兄弟ifream的方法调用
兄弟ifream A
var ifreamId = window.frameElement && window.frameElement.id || '';var url = 'url&#63;ifreamId='+ifreamId;parent.layer.open({t...

• 2020-05-27

52浏览

0评论

JS删除String里某个字符的方法

方法一 正则关于JS删除String里的字符的方法，一般使用replace()方法。但是这个方法只会删除一次，如果需要将string里的所以字符都删除就要用到正则。var str = "abcdaabbssaaa...

• 2020-05-27

56浏览

0评论

用Vue.js在浏览器中实现裁剪图像功能

你是否写了一个需要接受用户上传图片的 Web 应用，后来才意识到用户总是提供各种形状和大小的图像来破坏你的网站主题？在网络上处理图像很容易成为一种痛苦 —— 当然，除非你使...

• 2020-05-27

67浏览

0评论

在JavaScript中如何访问暂未存在的嵌套对象

前言JavaScript 是个很神奇的东西。但是 JavaScript中的一些东西确实很奇怪，让人摸不着头脑。其中之一就是当你试图访问嵌套对象时，会遇到这个错误Cannot read property 'foo'...

• 2020-05-27

54浏览

0评论

小程序click-scroll组件设计

一. 背景
有些业务需求，要求前端展示的内容多时可以通过scroll的形式拖拉查看，但是太多的滚动条又造成页面太乱，于是封装了这个click-scroll 组件。在组件上设定好展示的位置和...

• 2020-05-27

47浏览

0评论

Angular中innerHTML标签的样式不起作用的原因解析

1.背景 在最近angular的项目中,需要用到[innerHTML]标签来指定一个div的样式： //HTML部分 <div class="contents" [innerHTML]="contents"></div> //TS部分 contents...

• 2020-05-27

44浏览

0评论

实用Javascript调试技巧分享(小结)

见过太多同学调试Javascript只会用简单的console.log甚至alert，看着真为他们捉鸡。。因为大多数同学追求优雅而高效地写代码，却忽略了如何优雅而高效地调试代码，不得不说是有点...

• 2020-05-27

56浏览

0评论

vue中利用Promise封装jsonp并调取数据

Promise就是一个给一步操作提供的容器，在这个容器里，有两个阶段无法改变的阶段，第一个阶段就是Pending(进行)，第二个阶段就是结果阶段，包含Fulfilled(成功)、Rejected(失败)两个...

• 2020-05-27

98浏览

0评论

利用js-cookie实现前端设置缓存数据定时失效

一、背景
业务需要在前端进行数据的缓存，到期就删除再进行获取新数据。
二、实现过程
前端设置数据定时失效的可以有下面2种方法：
1、当数据较大时，可以利用localstorage，存数据...

• 2020-05-27

118浏览

0评论

详解Vue3.0 前的 TypeScript 最佳入门实践

前言我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。然鹅最近的一个项目中，是 TypeScript + Vue ，毛计喇，学之...…真香！注意此篇标题的“前”，本文旨在...

• 2020-05-27

69浏览

0评论

jquery中为什么能用$操作

前言jq对dom节点的操作相信大家都很熟悉，$("input").val("value");直接用$来获取dom节点的方式也非常便捷方便，那么他是怎么实现的呢？猜想在没看源码之前，我的猜想是这样的funct...

• 2020-05-27

65浏览

0评论

使用js在layui中实现上传图片压缩

一、关于js上传图片压缩的方法，百度有很多种方法，这里我参考修改了一下function photoCompress(file, w, objDiv) {var ready = new FileReader();/*开始读取指定的Blob对象或...

• 2020-05-27

122浏览

0评论

Typescript 中的 interface 和 type 到底有什么区别详解

interface VS type
大家使用 typescript 总会使用到 interface 和 type，官方规范 稍微说了下两者的区别 An interface can be named in an extends or implements clause, b...

• 2020-05-27

78浏览

0评论

手把手教你 CKEDITOR 4 扩展插件制作

本文实例讲述了CKEDITOR 4 扩展插件制作。分享给大家供大家参考，具体如下：今天让我们来探索一下ckeditor的扩展功能，换句话说就是自定义按钮，以及点击按钮之后实现的功能。要实...

• 2020-05-27

56浏览

0评论

手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解

本文实例讲述了CKEDITOR 4 实现Dialog 内嵌 IFrame操作。分享给大家供大家参考，具体如下：在上一篇博文《CKEDITOR 4 扩展插件制作》中，姜哥跟大家探讨了在ckeditor中添加dialog...

• 2020-05-27

53浏览

0评论

如何使用CSS3+JQuery实现悬浮墙式菜单

前言大家好，今天我要教你如何创建一个有用的悬停式用户界面，使用jQuery，CSS3，HTML5和@ font – face。你可能会问我，为什么是一个基于悬停的用户界面？好吧，由于现在很流行的基础触...

• 2020-05-27

78浏览

0评论

通过JQuery，JQueryUI和Jsplumb实现拖拽模块

前言由于时间的原因。这个demo只兼容IE8，IE9。其他浏览器暂时不支持。不过jsplumb本身是支持各种浏览器的。写这篇文章是因为我在实际开发中遇到一个需求，支持拖拽模块到指定...

• 2020-05-27

183浏览

0评论

如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)

1.导语首先来简单介绍一下webpack：现代 JavaScript 应用程序的 静态模块打包工具 。当 webpack 处理应用程序时，它会在内部构建一个会映射项目所需的每个模块 的依赖图(depend...

• 2020-05-27

50浏览

0评论

如何使用CSS3和JQuery easing 插件制作绚丽菜单

前言在本教程中，我们将创建一个独特的滑动框导航。这样做可以让有菜单的盒子滑出，并且弹出缩略图。在某些菜单项中我们还包含着有进一步链接的子菜单。取决于我们鼠标在菜单项...

• 2020-05-27

64浏览

0评论

使用jQuery mobile NuGet让你的网站在移动设备上同样精彩

问题默认情况下，你的网站在移动设备上展现的可能不太好。当然，有的移动设备足够让你的网站在它上显示。但是这也不是稳妥的。可能你不希望为移动电话创建一个全新的网站，成本太...

• 2020-05-27

55浏览

0评论

使用异步controller与jQuery实现卷帘式分页

问题今天很多网站与数据库交互。如果您的网站接收大量的流量，SQL查询来检索数据，是相当激烈的。更重要的是因为普通用户点击一个在15秒内到达您的网站的链接， 检索和生成内容的...

• 2020-05-27

56浏览

0评论

使用JQuery自动完成插件Auto Complete详解

问题当你查找一些特殊的东西，当你输入准确的词时，找到它可能是困难的（或者很耗时）。在输入的时候展示出结果（自动完成），使查找变得更简单。解决方案使用JQuery自动完成插件，更新现有...

• 2020-05-27

47浏览

0评论

利用vue-i18n实现多语言切换效果的方法

前言有些项目我们需要支持多种语言切换，满足国际化需求。 vue-i18n是一个vue插件，主要作用就是让项目支持国际化多语言，使用方便快捷，能很轻松的将我们的项目国际化。本文主要介...

• 2020-05-27

64浏览

0评论

了解Javascript中函数作为对象的魅力

前言Javascript赋予了函数非常多的特性，其中最重要的特性之一就是将函数作为第一型的对象。那就意味着在javascript中函数可以有属性，可以有方法， 可以享有所有对象所拥有的特...

• 2020-05-27

62浏览

0评论

详解在Angular4中使用ng2-baidu-map的方法

一、引言之前在Angular4使用过百度地图，记录一下踩过的坑二、实现1.安装npm install angular2-baidu-map2.在app.module.ts配置ak key在http://lbsyun.baidu.com/apiconsole/...

• 2020-05-27

71浏览

0评论

基于Node.js的大文件分片上传示例

我们在做文件上传的时候，如果文件过大，可能会导致请求超时的情况。所以，在遇到需要对大文件进行上传的时候，就需要对文件进行分片上传的操作。同时如果文件过大，在网络不佳的情况...

• 2020-05-27

49浏览

0评论

JavaScript箭头函数中的this详解

前言箭头函数极大地简化了this的取值规则。
普通函数与箭头函数
普通函数指的是用function定义的函数：
var hello = function () {console.log("Hello, Fundebug!");}箭头函...

• 2020-05-27

104浏览

0评论

vue实现后台管理权限系统及顶栏三级菜单显示功能

&#8226;效果演示地址项目demo展示重要功能总结权限功能的实现权限路由思路：
根据用户登录的roles信息与路由中配置的roles信息进行比较过滤，生成可以访问的路由表，并通过route...

• 2020-05-27

73浏览

0评论

ionic4+angular7+cordova上传图片功能的实例代码

前言ionic是一个垮平台开发框架，可通过web技术开发出多平台的应用。但只建议开发简单应用。复杂的应用需要用到许多cordova插件，而cordova插件的更新或者移动平台的更新很可能...

• 2020-05-27

78浏览

0评论

js简单遍历获取对象中的属性值的方法示例

本文实例讲述了js简单遍历获取对象中的属性值的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...

• 2020-05-27

101浏览

0评论

js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法。分享给大家供大家参考，具体如下：<script> var values=function(object) { var values = [];...

• 2020-05-27

52浏览

0评论

Vue 2.0 侦听器 watch属性代码详解

用法--------------------------------------------------------------------------------先来看看官网的介绍:官网介绍的很好理解了，也就是监听一个数据的变化，当该数据变化...

• 2020-05-27

58浏览

0评论

javascript创建元素和删除元素实例小结

本文实例讲述了javascript创建元素和删除元素。分享给大家供大家参考，具体如下：1、创建元素动态创建新的DOM元素，是js操作网页对象模型的重要手段之一。<!DOCTYPE html><html l...

• 2020-05-27

48浏览

0评论

vue axios重复点击取消上一次请求封装的方法

使用场景
重复点击或者多tab标签使用一个视图等（当然也可以用加载中或者透明背景禁止请求中再次点击）封装代码
来自于互联网let pending = []; //声明一个数组用于存储每个请...

• 2020-05-27

101浏览

0评论

Vue-Cli 3.0 中配置高德地图的两种方式

vue 中使用高德地图有两种方式一、vue-amap 组件官网： https://elemefe.github.io/vue-amap/#/开始的时候是打算用这个组件做地图功能的，但是尝试之后存在些问题，所以就放弃了...

• 2020-05-27

111浏览

0评论

使用jquery-easyui的布局layout写后台管理页面的代码详解

先在官网下载easyui文档引入头部文件<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/themes/default/easy...

• 2020-05-27