JavaScript - 教程之家

127浏览

0评论

jQuery封装animate.css的实例

animate.css是一个有趣的，跨浏览器的css3动画库。一、首先引入animate css文件<link rel="stylesheet" href="animate.css" rel="external nofollow" >二、给指定的元素加上...

2020-05-27

51浏览

0评论

vue-cli配置文件——config篇

最近一直在研究webpack，突然想看看vue-cli中的webpack是如何配置，查阅了很多相关的文章，所以也想出几篇关于vue-cli配置的东西。正所谓“工欲善其事必先利其器”嘛！这一篇主要是...

2020-05-27

70浏览

0评论

利用Vue2.x开发实现JSON树的方法

前言最近工作中遇到一个需求，由于项目需要一个解析 JSON 字符串并生成 JSON 树的功能，在 GitHub 上也没有找到合适的组件，因此基于 Vue2.X 自己写了一个 JSON 树组件，主要原理是...

2020-05-27

65浏览

0评论

Angular4学习之Angular CLI的安装与使用教程

简介
关于"Angular"版本，"Angular"官方已经统一命名Angular 1.x同一为Angular JS，Angular 2.x及以上统称"Angular"。
"CLI"是"Command Line Interface"的简写，是一种命令行接...

2020-05-27

74浏览

0评论

JS实现简易换图时钟功能分析

本文实例讲述了JS实现简易换图时钟功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...

2020-05-27

73浏览

0评论

Angular4学习教程之DOM属性绑定详解

前言DOM 元素触发的一些事件通过 DOM 层级结构传播，事件首先由最内层的元素开始，然后传播到外部元素，直到它们到根元素，这种传播过程称为事件冒泡。本文主要介绍了关于Angular4...

2020-05-27

71浏览

0评论

JS计算输出100元钱买100只鸡问题的解决方法

本文实例讲述了JS计算输出100元钱买100只鸡问题的方法。分享给大家供大家参考，具体如下：问题：公鸡5元一只,母鸡3元一只,小鸡1元买三只,我现在有100元钱要买100只鸡,问怎么买&#6...

2020-05-27

73浏览

0评论

JS基于for语句编写的九九乘法表示例

本文实例讲述了JS基于for语句编写的九九乘法表。分享给大家供大家参考，具体如下：js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表;先看运行...

2020-05-27

64浏览

0评论

Angular4学习教程之HTML属性绑定的方法

前言本文主要给大家介绍了关于Angular4 HTML属性绑定的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。简介
基本HTML属性<td [attr.colspan]="tabl...

2020-05-27

55浏览

0评论

Nodejs连接mysql并实现增、删、改、查操作的方法详解

本文实例讲述了Nodejs连接mysql并实现增、删、改、查操作的方法。分享给大家供大家参考，具体如下：一、准备nodejs的教程，大多以操作mongodb为示例。但是mongodb有一些局限性，具...

2020-05-27

91浏览

0评论

vue脚手架中配置Sass的方法

世界上最成熟、最稳定、最强大的专业级CSS扩展语言！兼容CSS
Sass完全兼容所有版本的CSS。我们对此严格把控，所以你可以无缝地使用任何可用的CSS库。特性丰富
Sass拥有比其他任...

2020-05-27

81浏览

0评论

解决JSON.stringify()自动将中文转译成unicode的问题

最近在工作中，发现在IE8下JSON.stringify()自动将中文转译为unicode编码，原本选择的中文字符，传到后台变为了unicode编码，即\u****的形式。查找资料后发现，与标准的JSON.stringif...

2020-05-27

79浏览

0评论

Node中使用ES6语法的基础教程

相关背景介绍
我们现在大多数人用的语法javascript 其实版本是ecmscript5,也是就es5。这个版本己经很多年了，且完美被各大浏览器所支持。所以很多学js的朋友可以一直分不清楚...

2020-05-27

57浏览

0评论

js中this对象用法分析

this对象是在函数运行时，基于函数的执行环境绑定的。
其实这句话的本质就是，谁调用了函数，this就指向谁具体的来说，通常有以下几种情况：全局函数
在全局环境中，this指向Window//例...

2020-05-27

65浏览

0评论

基于three.js编写的一个项目类示例代码

WebVR
在开始之前，先对WebVR进行介绍，WebVR是一个实验性的Javascript API，允许HMD（head-mounted displays）连接到web apps，同时能够接受这些设备的位置和动作信息。这让使用Javasc...

2020-05-27

83浏览

0评论

Vue组件的使用教程详解

官网： https://cn.vuejs.org/v2/guide/components.html 1.Vue组件的介绍组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高...

2020-05-27

72浏览

0评论

JS交互点击WKWebView中的图片实现预览效果

Swift 4.0 WKWebView1.注入js代码（重点）func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { let jsGetImages = "function getImages(){" +...

2020-05-27

66浏览

0评论

详解为Bootstrap Modal添加拖拽的方法

网上有许多给Bootstrap Modal添加拖拽实现，但是许多代码看起来都比较复杂感觉封装性可能也不太好，有的甚至使用了jquery ui的拖拽功能，这些都不是我想要的，其实我在给Bootstrap...

2020-05-27

95浏览

0评论

使用vue实现grid-layout功能实例代码

1.先clone项目到本地。
2.git reset --hard commit 命令可以使当前head指向某个commit。
完成html的基本布局点击复制按钮来复制整个commit id。然后在项目根路径下运行 git...

2020-05-27

63浏览

0评论

浅谈React前后端同构防止重复渲染

什么叫前后端同构？为了解决某些问题（比如SEO、提升渲染速度等）react 提供了2个方法在服务端生成一个HTML文本格式的字符串。在得到了这个HTML格式的字符串之后，通常会将其组装成...

2020-05-27

64浏览

0评论

vue 中directive功能的简单实现

2018年首个计划是学习vue源码，查阅了一番资料之后，决定从第一个commit开始看起，这将是一场持久战！本篇介绍directive的简单实现，主要学习其实现的思路及代码的设计（directive和fil...

2020-05-27

84浏览

0评论

JS实现数组简单去重及数组根据对象中的元素去重操作示例

本文实例讲述了JS实现数组简单去重及数组根据对象中的元素去重操作。分享给大家供大家参考，具体如下：js数组简单去重var arr1 = [1, 2, 3, 4, 5, 6, 3, 4, 3];function arrayU...

2020-05-27

61浏览

0评论

nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例

本文实例讲述了nodejs基于mssql模块连接sqlserver数据库的简单封装操作。分享给大家供大家参考，具体如下：注意:开启sqlserver服务器允许远程连接的步骤,自行百度,很多经验,nod...

2020-05-27

58浏览

0评论

Javascript中从学习bind到实现bind的过程

bind是什么bind()方法创建一个新的函数, 当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个给定的参数序列。var result = fun.bind(thisArg[,...

2020-05-27

111浏览

0评论

详解tween.js 中文使用指南

补间(动画)是一个概念，允许你以平滑的方式更改对象的属性。你只需告诉它哪些属性要更改，当补间结束运行时它们应该具有哪些最终值，以及这需要多长时间，补间引擎将负责计算从起始...

2020-05-27

89浏览

0评论

js实现HTML中Select二级联动的实例

效果图选择后 js代码<script language="javascript" type="text/javascript"> //定义费用科目数据数组 fylxArray = new Array(); fylxArray[0] = new Array("",""); f...

2020-05-27

79浏览

0评论

浅谈webpack对样式的处理

本文介绍了webpack对样式的处理，分享给大家，具体如下：我们可以在js中引入样式文件require('myStyle.css')这时我们便需要引入相应的webpack loader来帮助我们解析这段代码。css...

2020-05-27

95浏览

0评论

详解webpack中的hash、chunkhash、contenthash区别

hash、chunkhash、contenthash
hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应...

2020-05-27

63浏览

0评论

js生成word中图片处理方法

首先功能是要求前台导出word，但是前后台是分离的，图片存在后台，所以就存在跨域问题。导出文字都是没有问题的（jquery.wordexport.js），但是导出图片就存在问题了：图片是以链接形式存...

2020-05-27

69浏览

0评论

基于JavaScript中标识符的命名规则介绍

JavaScript中的标识符的命名有以下规则：由字母、数字、$、_组成以字母、$、_开头不可以使用保留字！！！要有意义！！！！！！！标识符的命名规范：1.驼峰命名法除标识符的第一个单词外，其余单词的首...

2020-05-27

59浏览

0评论

jQuery中库的引用方法

jQuery是一个轻量级的JavaScript库，里面包含所有的jQuery方法。如果想要使用这些方法，那么必须首先引用这个库。先看一段代码:<!DOCTYPE html><html><head><meta charset="utf...

2020-05-27

62浏览

0评论

JS实现非首屏图片延迟加载的示例

目标减少资源加载可以明显的优化页面加载的速度，所以可以减少页面载入时立即下载的图片的数量，以提高页面加载速度，其他的图片在需要的时候再进行加载。思路想要实现以上的目标...

2020-05-27

50浏览

0评论

基于jquery trigger函数无法触发a标签的两种解决方法

起因：点击icon图标后要触发a标签的链接转跳动作，但是用 JQ 的 $('#a').trigger('click') 居然不起作用，遂百度之，总结两种方法如下：（原因：JQ 的 trigger() 方法确实无法触发 a 标签...

2020-05-27

71浏览

0评论

JavaScript寄生组合式继承实例详解

本文实例讲述了JavaScript寄生组合式继承。分享给大家供大家参考，具体如下：其实《JavaScript高级程序设计》这本书中已经有完整代码了，只要把代码读懂就知道这个继承是怎么回事...

2020-05-27

39浏览

0评论

tangram.js库实现js类的方式实例分析

本文实例讲述了tangram.js库实现js类的方式。分享给大家供大家参考，具体如下：前面一篇https://www.freexyz.cn/article/25781.htm对tangram.js库做了较为详细的介绍，这里结合实例...

2020-05-27

282浏览

0评论

js实现复制功能(多种方法集合)

1.实现点击按钮，复制文本框中的的内容<script type="text/javascript">function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 选择对象documen...

2020-05-27

75浏览

0评论

基于JavaScript实现简单的音频播放功能

现效果如下：由于我这边不需要其他按钮，就没写数据是由后台提供，在这做了个小列子后台代码public ActionResult MusicPlayer(int musicId=0) { MusicPlayerModel model = new...

2020-05-27

64浏览

0评论

javascript中的replace函数(带注释demo)

javascript这门语言一直就像一位带着面纱的美女，总是看不清，摸不透，一直专注服务器端，也从来没有特别重视过，直到最近几年，javascript越来越重要，越来越通用。最近和前端走的比较近...

2020-05-27

57浏览

0评论

js数组方法reduce经典用法代码分享

以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段，后续遇到其他使用这个函数的场景，将会陆续添加，这里作为备忘。javascript数组那么多方法，为什么...

2020-05-27

60浏览

0评论

12条写出高质量JS代码的方法

书写出高质量的JS代码不仅让程序员看着舒服，更加能够提高程序的运行速度，以下就是的小编整理方法：一、如何书写可维护性的代码当出现bug的时候如果你能立马修复它是最好的，此时...

2020-05-27

62浏览

0评论

CentOS环境中MySQL修改root密码方法

环境相关：
OS：CentOS release 6.9
IP：192.168.1.10
MySQL：MariaDB-10.1.301. 修改前的确认修改root密码是需要重启mysql库，确认生产真的可以重启mysql库；
确认生产是否有直接使...

2020-05-27

71浏览

0评论

使用 Node.js 开发资讯爬虫流程

最近项目需要一些资讯，因为项目是用 Node.js 来写的，所以就自然地用 Node.js 来写爬虫了项目地址：github.com/mrtanweijie… ，项目里面爬取了 Readhub 、开源中国、开发者头...

2020-05-27

59浏览

0评论

使用mock.js随机数据和使用express输出json接口的实现方法

前端项目都会用到后端的接口，但当后台接口没有写好的时候，这时候可以用mock.js先随机生成一些假数据来调试页面安装mock.js先用express创建一个nodejs的web项目，名字假如是 dem...

2020-05-27

55浏览

0评论

express+mockjs实现模拟后台数据发送功能

前言：　　大多数时候，前端会和后端同时进行开发，即在我们开发完页面的时候，很可能还不能立马进入联调阶段，这个时候，为了保证我们接口的有效性和代码的功能完整，我们可能需要模拟数...

2020-05-27

73浏览

0评论

Nginx 配置多站点vhost 的方法

假设你想在Linux Nginx中用不同的域名访问不同的目录，这时就要配置多个vhost，具体配置如下，假设网站根目录设定在/var/www/1、在/var/www/下新建两个目录/var/www/ushark.net/v...

2020-05-27

108浏览

0评论

vue实现登录后页面跳转到之前页面

在开发中我们经常遇到这样的需求，需要用户直接点击一个链接进入到一个页面，用户点击后链接后会触发401拦截返回登录界面，登录后又跳转到链接的页面而不是首页，这种问题该如何去...

2020-05-27

51浏览

0评论

Bootstrap treeview实现动态加载数据并添加快捷搜索功能

写在前面：jQuery多级列表树插件基于Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等。实用Bootstrap树形菜单特效插件Bootstrap Tree View，非常不错的Boo...

2020-05-27

52浏览

0评论

JavaScript学习总结(一) ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）

一、JavaScript简介JavaScript是一种解释执行的脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型，它遵循ECMAScript标准。它的解释器被称为JavaScript引擎，为浏览...

2020-05-27

123浏览

0评论

让网站自动生成章节目录索引的多个js代码

第一种：只支持一级目录<h3>，作为段落不支持分类一个好的博文除了博文的质量要好以外，好的组织结构也能让读者阅读的更加舒服与方便，我看园子里面有一些园友的博文都是分章节的，并...

2020-05-27

48浏览

0评论

浅谈Vue数据绑定的原理

本文介绍了Vue数据绑定的原理，分享给大家，具体如下：原理其实原理很简单，就是拦截了Object的get/set方法，在对数据进行set (obj.aget=18) 时去重现渲染视图实现方式有两种方式1定...

2020-05-27

热门文章