JavaScript - 教程之家

54浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

56浏览

0评论

vue 中directive功能的简单实现

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

98浏览

0评论

详解tween.js 中文使用指南

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

71浏览

0评论

浅谈webpack对样式的处理

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

52浏览

0评论

js生成word中图片处理方法

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

54浏览

0评论

jQuery中库的引用方法

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

263浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

53浏览

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

59浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

64浏览

0评论

Nginx 配置多站点vhost 的方法

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

2020-05-27

96浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

44浏览

0评论

浅谈Vue数据绑定的原理

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

2020-05-27

103浏览

0评论

Vue入门之数据绑定(小结)

1. 什么是双向绑定？Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到 Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML...

2020-05-27

69浏览

0评论

探索Vue高阶组件的使用

高阶组件( HOC )是 React 生态系统的常用词汇， React 中代码复用的主要方式就是使用高阶组件，并且这也是官方推荐的做法。而 Vue 中复用代码的主要方式是使用 mixins ，并且在 V...

2020-05-27

55浏览

0评论

JavaScript体验异步更好的解决办法

一、异步解决方案的进化史
JavaScript的异步操作一直是个麻烦事，所以不断有人提出它的各种解决方案。可以追溯到最早的回调函数(ajax老朋友)，到Promise(不算新的朋友)，再到ES6...

2020-05-27

59浏览

0评论

Node.js使用Koa搭建基础项目

Koa 是由 Express 原班人马打造的超轻量服务端框架与 Express 相比，除了自由度更高，可以自行引入中间件之外，更重要的是使用了 ES6 + async，从而避免了回调地狱不过也是因为代码...

2020-05-27

60浏览

0评论

浅谈React Native Flexbox布局(小结)

Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素...

2020-05-27

50浏览

0评论

关于vue单文件中引用路径的处理方法

前言Vue 的单文件组件在使用 Vue 时非常常用，而在vue单文件的开发过程中，在单文件模版中可能会涉及到文件路径的处理，比如 <img>, style 中的 background 的处理等。下文中讨论...

2020-05-27

50浏览

0评论

详解weex默认webpack.config.js改造

本文介绍了weex默认webpack.config.js改造，分享给大家，具体如下：解决的问题：由于weex默认的webpack配置，会导致在src文件夹下的每一个.vue在temp文件夹下生成对应的一个.js文件，该...

2020-05-27

56浏览

0评论

实例解析ES6 Proxy使用场景介绍

ES6 中的箭头函数、数组解构、rest 参数等特性一经实现就广为流传，但类似 Proxy 这样的特性却很少见到有开发者在使用，一方面在于浏览器的兼容性，另一方面也在于要想发挥这些特...

2020-05-27

137浏览

0评论

Vue v2.4中新增的$attrs及$listeners属性使用教程

前言多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法，使用 v-bin...

2020-05-27

55浏览

0评论

详解ES6中的代理模式——Proxy

什么是代理模式代理模式（英语：Proxy Pattern）是程序设计中的一种设计模式。所谓的代理者是指一个类别可以作为其它东西的接口。代理者可以作任何东西的接口：网络连接、内存中的...

2020-05-27

50浏览

0评论

webpack构建的详细流程探底

作为模块加载和打包神器，只需配置几个文件，加载各种 loader 就可以享受无痛流程化开发。但对于 webpack 这样一个复杂度较高的插件集合，它的整体流程及思想对我们来说还是很透...

2020-05-27

50浏览

0评论

深入理解 webpack 文件打包机制(小结)

前言最近在重拾 webpack 一些知识点，希望对前端模块化有更多的理解，以前对 webpack 打包机制有所好奇，没有理解深入，浅尝则止，最近通过对 webpack 打包后的文件进行查阅，对其如何...

2020-05-27

50浏览

0评论

一步步教你利用webpack如何搭一个vue脚手架（超详细讲解和注释）

Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0...

2020-05-27

69浏览

0评论

Vue 组件（component）教程之实现精美的日历方法示例

组件（component）是Vue最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码，根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根据自己的需要，使用不...

2020-05-27

75浏览

0评论

OkHttp踩坑随笔为何 response.body().string() 只能调用一次

想必大家都用过或接触过 OkHttp，我最近在使用 Okhttp 时，就踩到一个坑，在这儿分享出来，以后大家遇到类似问题时就可以绕过去。只是解决问题是不够的，本文将侧重从源码角度分析下...

2020-05-27

59浏览

0评论

关于react-router/react-router-dom v4 history不能访问问题的解决

前言最近把react-router 升级了一下，在使用react-router-dom 是，子组件使用this.props.history 找不到了，看看官方文档，找了半天也没找到，因为我是在异步执行完后才跳转页面，需...

2020-05-27

50浏览

0评论

简易Vue评论框架的实现(父组件的实现)

最近看到一个需求：实现一个评论功能，要求对评论列表进行分页显示对相应模块实现组件化能显示发布者、发布时间以及内容乍一看不是很难，但是在具体的实现上还是遇到了一些...

2020-05-27

热门文章