JavaScript - 教程之家

87浏览

0评论

vue+element加入签名效果（移动端可用）

下面介绍为了方便就把项目的文件叫作父组件，然后签名的那个组件叫作子组件！如有不太明白的地方，多看看代码注释。为细节地方1. 首先根据element ui 在父组件中设置好diglog弹...

2020-05-27

87浏览

0评论

javascript使用substring实现的展开与收缩文字功能示例

本文实例讲述了javascript使用substring实现的展开与收缩文字功能。分享给大家供大家参考，具体如下：效果如图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2020-05-27

105浏览

0评论

如何使用Node.js爬取任意网页资源并输出PDF文件到本地

需求：
使用Node.js爬取网页资源，开箱即用的配置将爬取到的网页内容以PDF格式输出如果你是一名技术人员，那么可以看我接下来的文章，否则，请直接移步到我的github仓库，直接看文...

2020-05-27

67浏览

0评论

javascript实现日历效果

本文实例为大家分享了js实现日历效果的具体代码，供大家参考，具体内容如下<!doctype html><html><head> <meta charset="gb2312"> <title>万年历</title> <script type="tex...

2020-05-27

100浏览

0评论

Vue拖拽组件列表实现动态页面配置功能

需求描述最近在做一个后台系统，有一个功能产品需求是页面分为左右两部分，通过右边的组件列表来动态配置左边的页面视图，并且左边由组件拼装起来的视图，可以实现上下拖拽改变顺序...

2020-05-27

101浏览

0评论

Vue程序调试的方法

1.写本文的背景因为程序的调试非常重要，程序猿可以利用好的调试方法去查找定位自己的问题所在之处。从而，达到纠正自己程序错误的地方，健壮自己的程序，让问题变得越来越少，程序变...

2020-05-27

89浏览

0评论

深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践

前言阿特伍德定律，指的是any application that can be written in JavaScript, will eventually be written in JavaScript，意即“任何可以用JavaScript来写的应用，最终都将用J...

2020-05-27

73浏览

0评论

javascript系统时间设置操作示例

本文实例讲述了javascript系统时间设置操作。分享给大家供大家参考，具体如下：<script> //myTime typeof //object window.onload = function() { var obody = document.b...

2020-05-27

70浏览

0评论

学习RxJS之JavaScript框架Cycle.js

是什么
Cycle.js 是一个极简的JavaScript框架（核心部分加上注释125行），提供了一种函数式，响应式的人机交互接口（以下简称HCI）：函数式
Cycle.js 把应用程序抽象成一个纯函数 main()，...

2020-05-27

84浏览

0评论

深入解读Node.js中的koa源码

前言Node.js也是写了两三年的时间了，刚开始学习Node的时候，hello world就是创建一个HttpServer，后来在工作中也是经历过Express、Koa1.x、Koa2.x以及最近还在研究的结合着TypeS...

2020-05-27

68浏览

0评论

深入解析koa之中间件流程控制

前言koa被认为是第二代web后端开发框架，相比于前代express而言，其最大的特色无疑就是解决了回调金字塔的问题，让异步的写法更加的简洁。在使用koa的过程中，其实一直比较好奇koa...

2020-05-27

69浏览

0评论

JavaScript静态作用域和动态作用域实例详解

静态作用域指的是一段代码，在它执行之前就已经确定了它的作用域，简单来说就是在执行之前就确定了它可以应用哪些地方的作用域(变量)。动态作用域–函数的作用域是在函数调用的...

2020-05-27

90浏览

0评论

JS实现的字符串数组去重功能小结

本文实例讲述了JS实现的字符串数组去重功能。分享给大家供大家参考，具体如下：这里只考虑最简单字符串的数组去重，暂不考虑，对象，函数，NaN等情况，这种用正则实现起来就吃力不讨好了...

2020-05-27

84浏览

0评论

详解element-ui设置下拉选择切换必填和非必填

➢ 需求默认都是必选下拉选择的时候选择必填，活动名称为必填，需要校验和显示*选择非必填，活动名称不做校验，隐藏*➢ 初始校验规则经测试，网上其他的方式都没有实现需...

2020-05-27

102浏览

0评论

JS中数据结构与算法---排序算法(Sort Algorithm)实例详解

排序算法的介绍排序也称排序算法 (Sort Algorithm)，排序是将一组数据，依指定的顺序进行排列的过程。排序的分类1) 内部排序 : 指将需要处理的所有数据都加载到内部存...

2020-05-27

111浏览

0评论

深入解析koa之异步回调处理

1. 回调金字塔及理想中的解决方案
我们都知道javascript是一门单线程异步非阻塞语言。异步非阻塞当然是它的一个优点，但大量的异步操作必然涉及大量的回调函数，特别是当异步嵌...

2020-05-27

100浏览

0评论

javascript定时器的简单应用示例【控制方块移动】

本文实例讲述了javascript定时器的简单应用。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn 定时器...

2020-05-27

87浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

115浏览

0评论

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

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

2020-05-27

98浏览

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

77浏览

0评论

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

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

2020-05-27

63浏览

0评论

js/jQuery实现全选效果

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

87浏览

0评论

小程序click-scroll组件设计

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

130浏览

0评论

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

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

2020-05-27

147浏览

0评论

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

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

2020-05-27

97浏览

0评论

jquery中为什么能用$操作

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

152浏览

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

107浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

219浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

热门文章