JavaScript - 教程之家

47浏览

0评论

React中的refs的使用教程

ref是React中的一种属性，当render函数返回某个组件的实例时，可以给render中的某个虚拟DOM节点添加一个ref属性，如下面的代码所示：<body> <script type="text/jsx"> var Ap...

2020-05-27

74浏览

0评论

JS实现的文字间歇循环滚动效果完整示例

本文实例讲述了JS实现的文字间歇循环滚动效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"/><title>www...

2020-05-27

47浏览

0评论

浅谈实现vue2.0响应式的基本思路

最近看了vue2.0源码关于响应式的实现，以下博文将通过简单的代码还原vue2.0关于响应式的实现思路。
注意，这里只是实现思路的还原，对于里面各种细节的实现，比如说数组里面数据的...

2020-05-27

57浏览

0评论

jQuery实现的鼠标响应缓冲动画效果示例

本文实例讲述了jQuery实现的鼠标响应缓冲动画效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"/><title...

2020-05-27

53浏览

0评论

jQuery实现鼠标响应式淘宝动画效果示例

本文实例讲述了jQuery实现鼠标响应式淘宝动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Jquery淘宝动画</title><scri...

2020-05-27

76浏览

0评论

jQuery实现鼠标响应式透明度渐变动画效果示例

本文实例讲述了jQuery实现鼠标响应式透明度渐变动画效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"/>...

2020-05-27

61浏览

0评论

js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器 <font color=red>原创</font>

很多网站实现了利用JS保存页面中文本框内容到本地，并另存为指定文件扩展名与编码类型的功能，特别是一些代码教程，JS特效站上更是长见。如何利用JS实现这种功能的呢，下面给出了具...

2020-05-27

37浏览

0评论

JavaScript中严格判断NaN的方法

我也在FreeCodeCamp上碰到这样一道题：删除数组中的所有假值。在JavaScript中，假值有false、null、0、”“、undefined 和 NaN。对于NaN的判断，JS提供了函数isNaN()。但是使用is...

2020-05-27

78浏览

0评论

JS声明对象时属性名加引号与不加引号的问题及解决方法

一般情况下属性名加引号和不加引号是都可以的，效果是一样的。
var obj = { name : '你好', 'age' : 1, }; document.write( obj['name'] + '<br />' ); document.write...

2020-05-27

44浏览

0评论

Vue组件库发布到npm详解

制作了一套自己的组件库，并发布到npm上，项目代码见https://github.com/hamger/hg-vcomponents前期准备
有一个npm账号安装了vue-cli搭建项目vue init webpack hg-vcompone...

2020-05-27

70浏览

0评论

js装饰设计模式学习心得

装饰设计模式每种设都有其独特的应用场景和解决问题的方式, 装饰设计模式是动态的为对象添加新的功能, 是一种用于代替继承的技术，无需通过继承增加子类就能扩展对象的新功能...

2020-05-27

134浏览

0评论

JavaScript异步加载问题总结

同步加载的问题默认的js是同步加载的，这里的“加载”可以理解成是解析、执行，而不是“下载”，在最新版本的浏览器中，浏览器对于代码请求的资源都是瀑布式的加载，而不是阻塞式的，但...

2020-05-27

63浏览

0评论

图文介绍Vue父组件向子组件传值

1:在src/components/child/文件夹下，创建一个名为：child.vue的子组件2：在父组件中，设置好需要传递的数据3：在App.vue中引入并注册子组件4：通过v-bind属性绑定并赋值给子组件5:子组...

2020-05-27

91浏览

0评论

js实现控制文件拖拽并获取拖拽内容功能

在用户拖拽文件到浏览器的某个元素上时，js可以监听到与拖拽相关的事件，并对拖拽结果进行处理，本文讨论下和拖拽文件相关的一些问题，不过没有处理太多关于兼容性的问题。拖拽事件...

2020-05-27

64浏览

0评论

Vue底层实现原理总结

前言
最近在研究剖析Vue原理&实现双向绑定MVVM 这篇文章，一边学习一边总结一下自己的思考。Vue是一个典型的MVVM框架，模型（Model）只是普通的JavaScript对象，修改它则视图（View）会...

2020-05-27

56浏览

0评论

nodejs微信扫码支付功能实现

前言
本篇文章主要是记录本人在微信扫码支付过程中所遇到的问题，给大家一个借鉴作用，希望对你们有帮助开发环境
nodejs v8.1.0 egg v1.1.0
准备工作
微信公众号-appid
微...

2020-05-27

55浏览

0评论

JS实现运动缓冲效果的封装函数示例

本文实例讲述了JS实现运动缓冲效果的封装函数。分享给大家供大家参考，具体如下：之前经常写运动函数，要写好多好多，后来想办法封装起来。（运动缓冲）。/* 物体多属性同时运动的函数...

2020-05-27

86浏览

0评论

Angular2.0实现modal对话框的方法示例

本文实例讲述了Angular2.0实现modal对话框的方法。分享给大家供大家参考，具体如下：觉得写的比较巧妙的就是样式的选取~记录下CSS部分.font { font-family: "Microsoft YaHei",...

2020-05-27

68浏览

0评论

Angular实现的进度条功能示例

本文实例讲述了Angular实现的进度条功能。分享给大家供大家参考，具体如下：项目里需要一个进度条，所以就在网上查找资料学习，看到了网友“雪狼”的代码分享，写的很高明，很精练，很厉...

2020-05-27

50浏览

0评论

jQuery实现滚动到底部时自动加载更多的方法示例

本文实例讲述了jQuery实现滚动到底部时自动加载更多的方法。分享给大家供大家参考，具体如下：这里利用AJAX，实现滚动到底加载数据功能：<!DOCTYPE html><html xmlns="http://www.w...

2020-05-27

66浏览

0评论

利用angular、react和vue实现相同的面试题组件

前言本文主要给大家介绍的是关于angular、react和vue实现相同的面试题组件的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。面试题要求如下所示1、...

2020-05-27

287浏览

0评论

使用vue + less 实现简单换肤功能的示例

做的换肤效果比较简单，只是顶部导航背景色的改变。下面是效果图。首先，先说一下我最初的思路。我最初的想法是使用less定义变量，然后通过js来切换变量，通过切换的变量来达到换...

2020-05-27

65浏览

0评论

Vue项目中设置背景图片方法

在Vue项目开发中我们经常要向页面中添加背景图片，可是当我们在样式中添加了背景图片后，编译打包后，配置到服务器上时，由于路径解析的问题，图片并不能够正确的显示出来，如下CSS样式...

2020-05-27

63浏览

0评论

解决vue打包之后静态资源图片失效的问题

1、问题描述在项目开发中,当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题,控制台中提示某个图片没有找到（404错误），这些图片可以是以src引入的图...

2020-05-27

70浏览

0评论

浅谈webpack打包过程中因为图片的路径导致的问题

最近在制作一个自己的个人博客的时候遇到这么一个问题, 在CSS中使用了相对路径来充当背景图片, 如下所示：然后将整个工程使用webpack打包之后, 在浏览器上运行却报错了, 报错...

2020-05-27

49浏览

0评论

浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法

1.vue中的vue-cli打包最近在用vue写一个小项目，其中就用到了vue脚手架工具vue-cli，在测试打包后能否运行过程中遇到不少问题，而且在网上这些问题答案都不太好找，废话不多说，进入...

2020-05-27

74浏览

0评论

把vue-router和express项目部署到服务器的方法

- 首先确定此项目在本地能够运行成功在本地命令行中输入npm run start，无报错，且打开127.0.0.1:3000有写的路由为/的页面，如图此为文件层级关系front为前端文件xk3为后台expres...

2020-05-27

65浏览

0评论

Vue 2.5.2下axios + express 本地请求404的解决方法

最近在学习Vue,今天尝试了使用axios模拟本地网络请求。使用的过程中发现接口请求一直404,后来发现在当期的Vue-cli构建的最新的项目中，接口请求应该这样写。1、引入相关依赖v...

2020-05-27

105浏览

0评论

vue和react等项目中更简单的实现展开收起更多等效果示例

前言本文题目中虽然写有vue和react,但是并非vue和react相关知识，而是最基本的html5和css3的一些知识，之所以写vue，是因为我最近项目中用到了类似效果，我用vue相关知识实现并不雅...

2020-05-27

65浏览

0评论

vue webpack打包优化操作技巧

临近春节，公司很多同事都提前回家过年，剩余人员根据禅道去修改bug，当bug修正完毕以后，我们需要重新打包给运维，上测试服给测试同事提测，但是由于项目本体比较庞大，所以打包时间太过...

2020-05-27

56浏览

0评论

在vscode中统一vue编码风格的方法

vetur 很多人知道，但在 vscode 下没办法格式化 .vue 里的 html, js 很是头疼，代码风格无法统一。所以不少人直接拆分开，然后在 .vue 中引入，虽然方法很好，但这有违 .vue 单文件组...

2020-05-27

45浏览

0评论

vue+iview+less+echarts实战项目总结

首先我们先分享一下源码：https://github.com/kunfan96/vue-admin对于我这种刚开始用Vue做项目的菜鸟来说在组件数据定义方面犯了很多错误,尤其是在这个页面
在进行数据回选的...

2020-05-27

68浏览

0评论

深入理解ES6中let和闭包

本文介绍了深入理解ES6中let和闭包，分享给大家，具体如下：在开始本文之前我们先来看一段代码for(var i=0;i<10;i++){ arr[i]=function(){ return i; }}console.log(arr[3](...

2020-05-27

73浏览

0评论

浅谈用Webpack路径压缩图片上传尺寸获取的问题

问题的起因是因为的我的图片大小大于url-loader 的尺寸标准,导致webpack自动将图片的路径做了压缩处理,直接导致了我在获取dom的value的时候无法正确的获取到图片的正确路径...

2020-05-27

68浏览

0评论

webpack将js打包后的map文件详解

类似于这样的map文件由webpack自动生成参数：devtool: '#eval-source-map',//映射js到原文件由于打包后的js调试不方面，所以应用此，自动映射报错到原文件还是很有用的同样的css...

2020-05-27

62浏览

0评论

vue2.0 elementUI制作面包屑导航栏

Main.jsvar routeList = [];router.beforeEach((to, from, next) => { var index = -1; for(var i = 0; i < routeList.length; i++) { if(routeList[i].name == to.name)...

2020-05-27

60浏览

0评论

webpack打包并将文件加载到指定的位置方法

使用webpack打包，最爽的事情莫过于可以直接require文件了，但是这同时带来了一个问题，就是所有的文件整合到一起，那这一个包就太大了。基于此：下面我们来了解下webpack的打包（主要...

2020-05-27

52浏览

0评论

3种vue路由传参的基本模式

路由是连接各个页面的桥梁，而参数在其中扮演者异常重要的角色，在一定意义上，决定着两座桥梁是否能够连接成功。在vue路由中，支持3中传参方式。场景，点击父组件的li元素跳转到子组...

2020-05-27

76浏览

0评论

JavaScript 有用的代码片段和 trick

浮点数取整
const x = 123.4545;x >> 0; // 123~~x; // 123x | 0; // 123Math.floor(x); // 123注意：前三种方法只适用于32个位整数，对于负数的处理上和 Math.floor是不同的。...

2020-05-27

94浏览

0评论

webpack下实现动态引入文件方法

刚开始使用webpack时，可能很多人都会有过这样的想法，在require文件时，能不能不写静态的字符串路径，而是使用一个更灵活的方式，比如定义一个变量，根据具体的运行情况来确定需要requ...

2020-05-27

87浏览

0评论

微信小程序之圆形进度条实现思路

需求概要小程序中使用圆形倒计时，效果图：思路使用2个canvas 一个是背景圆环，一个是彩色圆环。使用setInterval 让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2...

2020-05-27

96浏览

0评论

webpack中使用iconfont字体图标的方法

入坑webpack，开始加载一些图片、js文件什么的都没有报错，今天正好下了iconfont字体，就出现了错误，所以这里分享一下怎么在webpack中使用iconfont。1、修改css中字体文件路径我把...

2020-05-27

101浏览

0评论

webpack 单独打包指定JS文件的方法

背景最近接到一个需求，因为不确定打出的前端包所访问的后端IP，需要对项目中IP配置文件单独拿出来，方便运维部署的时候对IP做修改。因此，需要用webpack单独打包指定文件。Commons...

2020-05-27

90浏览

0评论

详解vue移动端日期选择组件

先给大家分享一下源码：https://github.com/lx544690189/vue-mobile-calendarBuild Setup# install dependenciesnpm install# build for production with minificationnpm ru...

2020-05-27

68浏览

0评论

node内置调试方法总结

自从node6.3以来，node已经直接支持类似node-inpect的功能，只要对执行的js代码加入一个--inspect参数，即可使用chrome做代码调试。本文使用如下工具： node v9.5.0 chrome 64
...

2020-05-27

104浏览

0评论

利用CDN加速react webpack打包后的文件详解

此文不介绍webpack基本配置，如果对基本配置有疑问请查阅官方文档。1、配置webpack.config.js将output.publicPath改成上传到的cdn地址, 例（对应上面上传配置）：publicPath: "http...

2020-05-27

51浏览

0评论

一次记住JavaScript的6个正则表达式方法

首先6这个具象的数字可以帮助我们整体记忆了。范围js中有两个类可以让正则发挥作用创建var re = /ab+c/ 方式一：正则表达字面量，这种直接是常量的表示用法可以让js解析器提高...

2020-05-27

71浏览

0评论

javascript填充默认头像方法

在我的不少项目中，都有缺省头像的问题。为了保持个性和方便辨认，会给没有头像的用户填充带名字的头像。代码分享：https://github.com/joaner/namedavatar调用简单
如果上传头像...

2020-05-27

60浏览

0评论

babel之配置文件.babelrc入门详解

介绍
es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码
babel有提供专门的命令行工具方便转码，可以自行去了解...

2020-05-27

58浏览

0评论

浅谈webpack打包生成的bundle.js文件过大的问题

问题使用webpack进行打包时，发现bundle.js竟然有2M多。解决办法网上有去除插件、提取第三方库、压缩代码等方法。还有一个比较容易忽略的原因就是开了sourcemap在生产环境中，...

2020-05-27

热门文章