JavaScript - 教程之家

55浏览

0评论

js简易版购物车功能

本文实例为大家分享了js购物车功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * {...

2020-05-27

54浏览

0评论

详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式

1、先安装好vue-cli，如果还没有安装好的可以参考：《windows下vue-cli及webpack 构建网站(一)环境安装》
2、安装好之后Vue的欢迎界面，我们要做个例子导入bootstrap的样式，就先去...

2020-05-27

80浏览

0评论

详解windows下vue-cli及webpack 构建网站(三)使用组件

1、本文章是建立在《windows下vue-cli及webpack 构建网站(一)环境安装》和《windows下vue-cli及webpack 构建网站(一)导入bootstrap样式》两篇文章之上的。2、在src\compone...

2020-05-27

45浏览

0评论

详解windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用

windows下vue-cli及webpack 构建网站(一)环境安装
windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
windows下vue-cli及webpack 构建网站(三)使用组件
1、本...

2020-05-27

65浏览

0评论

webpack学习教程之publicPath路径问题详解

本文主要给大家介绍了关于webpack中publicPath路径问题的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：output: { filename: "[name].js", path:path.resolve(__di...

2020-05-27

71浏览

0评论

webpack打包后直接访问页面图片路径错误的解决方法

前言本文说的这种图片路径错误是这样的，运行webpack-dev-server，一切正常，没有错误。当webpack之后，直接打开index页面，报错，图片找不到，找不到的原因是路径错误。先看我的项目代码...

2020-05-27

63浏览

0评论

详解Vue组件之间的数据通信实例

最近在用vue做项目，学习了不少东西，但是有时候光顾着做项目却忘记要找个时间来整理一下最近的一些学习新得，因为是新手，所以可能会有错误的地方，欢迎指出和交流呀~~~
关于父子组...

2020-05-27

108浏览

0评论

深入理解Webpack 中路径的配置

前言Webpack2 中有很多涉及路径参数配置，若不知其所以然，很容易混淆出错。本文尽可能的汇集了 Webpack2 中涉及路径的配置，力争深入浅出。contextcontext 是 webpack 编译时的...

2020-05-27

139浏览

0评论

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决方法

发现问题运行一下以前的一个Vue+webpack的 vue仿新闻网站小项目，报错由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因 -v-Uncaught TypeEr...

2020-05-27

72浏览

0评论

bootstrap paginator分页前后台用法示例

bootstrap paginator分页前后台用法示例，供大家参考，具体内容如下准备工作：bootstrap-paginator.js 插件
github开源项目百度自行下载
引入js文件（JQuery1.8+bootstrap.min.js+b...

2020-05-27

77浏览

0评论

Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容

前言想要做全文搜索引擎，则需要将word/pdf等文档内容提取出来。对于pdf有xpdf等一些开源方案。
但Word文档的情况则会复杂一些。提取PDF文本内容
XPDF是一个免费开源的软件，用...

2020-05-27

59浏览

0评论

JavaScript输入框字数实时统计更新

在前端开发中，很多情况下需对输入内容进行验证。实时统计功能，对于定长输入而言，可以让用户实时明确输入界限，并合理安排内容。字数实时统计更新下面将以【消息内容】为例，设计实...

2020-05-27

79浏览

0评论

详解JS获取HTML DOM元素的8种方法

什么是HTML DOM文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素...

2020-05-27

59浏览

0评论

vue-router单页面路由

vue中，有一个类库叫做vue-router，是用来做单页面路由的。做路由一般分为四个步骤：准备一个根组件　　vue.extend()；需要做路由的内容准备　　template；准备路由 new VueRo...

2020-05-27

57浏览

0评论

详解webpack+vue-cli项目打包技巧

1.设置config文件夹index.js中productionSourceMap的值为false，也就是设置webpack配置中devtool为false，打包后文件体积可以减少百分之八十！！！！！！！ 2.如何实现打包文件中js、css等的...

2020-05-27

54浏览

0评论

js轮播图无缝滚动效果

在做轮播图时如果首尾不能连起来的话，效果会有点丑，下面介绍一种我常用的方法：先文字说明一下：如果要展示5张图，分别为1,2,3,4,5 那么在代码的引入中是这样的：1,2,3,4,5,1按顺序...

2020-05-27

118浏览

0评论

详解vue+vueRouter+webpack的简单实例

最近vue更新的2.0版本，唉，我是在2.0版本前学习的，现在更新了又要看一遍了，关键是我之前看了3个星期2.0就更新了，vux还没同步更新，导致我用vux时要将vue的版本降回1.x，vue-router也...

2020-05-27

57浏览

0评论

vue router路由嵌套不显示问题的解决方法

vue router路由嵌套不显示问题的解决方法，具体内容如下路由嵌套，vue2.0 router中嵌套路由不成功，如何解决？我先说下我的需求，例如下图我本来是想打算将中间的模块做一层子路由（tes...

2020-05-27

66浏览

0评论

jQuery Jsonp跨域模拟搜索引擎

效果还不错就差加上键盘控制了...代码如下：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>迷糊网罗</title> <style type="text/css">...

2020-05-27

87浏览

0评论

jquery DataTable实现前后台动态分页

整理文档，搜刮出一个jquery DataTable实现前后台动态分页，稍微整理精简一下做下分享。html代码:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-...

2020-05-27

50浏览

0评论

JavaScript ES6中const、let与var的对比详解

ECMAScript 6 新增 const 和 let 命令，用来声明变量。声明方式变量提升作用域初始值重复定义 const 否块级...

2020-05-27

72浏览

0评论

利用JavaScript对中文（汉字）进行排序实例详解

前言在网页上展示列表时经常需要对列表进行排序：按照修改/访问时间排序、按照地区、按照名称排序。对于中文列表按照名称排序就是按照拼音排序，不能简单通过字符串比较—— ‘...

2020-05-27

61浏览

0评论

Webpack打包css后z-index被重新计算的解决方法

发现问题最近在使用 Webpack 打包 css 文件时，发现了一个问题，发现打包后的 z-index 值跟源文件 z-index 不一致。如下图，左侧是源文件，右侧是打包后的文件：即使加上 !important，...

2020-05-27

68浏览

0评论

Angular.js中下拉框实现渲染html的方法

前言大家都知道angualrjs处于安全的考虑，插值指令会对相应字符串进行过滤，避免出现html攻击。但是在一些时候，我们需要渲染html，比如实现一个分级的下拉框代码如下：<body ng-app...

2020-05-27

79浏览

0评论

关于javascript作用域的常见面试题分享

本文主要给大家分享了关于javascript作用域面试题的相关内容，分享出来供大家参考学习，下面来一起看看吧。一、作用域:在了解作用域之前，首先需要明白一些基础概念：
每一个变量、...

2020-05-27

66浏览

0评论

微信小程序实现皮肤功能（夜间模式）

老规矩，先上效果图个人对夜间模式这个功能情有独钟
晚上黑灯瞎火的看手机，屏幕亮度就算调到最低依然很是刺眼呀
所以我一直用某浏览器，因为有夜间模式言归正传，依然是分析功能点...

2020-05-27

71浏览

0评论

jQuery实现下拉菜单的实例代码

基本效果是这样的~~<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0...

2020-05-27

54浏览

0评论

JS仿淘宝搜索框用户输入事件的实现

淘宝是我们经常用的一个网上购物平台，打开淘宝网首页，找到淘宝首页的搜索框，如下如所示：大家可以看到，当页面一打开，搜索框中就可以看到灰色字体“少女高跟鞋”，还有闪烁的光标。当...

2020-05-27

60浏览

0评论

JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)

1、本文使用js+jQuery实现轮播图，需要引用jquery包，另种实现分别是animate实现自适应的轮播，以及transform平滑轮播（在注释代码中）。2、代码中的图片大家自己更换就可以了，样式和...

2020-05-27

64浏览

0评论

jQuery自定义多选下拉框效果

项目中需要自定义一个下拉框多选插件，业务问题还是自己实现比较好通过$.fn 向jQuery添加新的方法下拉数据通过参数传递进去，通过调用该插件时接收，选择后的确定与取消事件采用...

2020-05-27

73浏览

0评论

AngularJS实现自定义指令与控制器数据交互的方法示例

本文实例讲述了AngularJS实现自定义指令与控制器数据交互的方法。分享给大家供大家参考，具体如下：<!doctype html><html> <head> <meta charset="utf-8"> <title>Angul...

2020-05-27

68浏览

0评论

JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法

废话不多说了，直接给大家贴代码了，具体代码如下所示：// 上传目标触发点 <input type="file" class="upvideo" name="upvideo" id="fileupload1" /> // 引入插件 <script type="...

2020-05-27

54浏览

0评论

Node.js中 __dirname 的使用介绍

前言本文主要给大家介绍的是关于Node.js中 __dirname 使用的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：方法如下新建个文件app.js里面的内容如下：console.log(...

2020-05-27

40浏览

0评论

Node.js环境下Koa2添加travis ci持续集成工具的方法

前言因为最近使用koa2做项目测试开发，所以想整合下travis ci,网上资料也比较少，于是自己就整了个，做个记录。分享出来供大家参考学习，下面来看看详细的介绍吧。方法如下：先来看下...

2020-05-27

71浏览

0评论

原生JS+Canvas实现五子棋游戏实例

一、功能模块先看下现在做完的效果：线上体验：https://wj704.github.io/five_game.html
主要功能模块为：
1.人机对战功能
2.悔棋功能
3.撤销悔棋功能二、代码详解2.1 人机对战功...

2020-05-27

81浏览

0评论

手把手教你把nodejs部署到linux上跑出hello world

从事前端一年多了对于 linux 服务部署一直是一无所知, 知道前段时间萌发了个想法, 我怎么能像运维的同学一样把自己的代码放到一个 linux 的服务器上. 于是便开始了踩坑之旅...

2020-05-27

55浏览

0评论

NodeJS 实现手机短信验证模块阿里大于功能

1,NodeJS 安装阿里大于模块切换到项目目录使用npm 安装阿里于模块npm i node-alidayu --save2，aliyu官网使用淘宝账户登录登录阿里大于https://doc.alidayu.com/doc2/index.h...

2020-05-27

54浏览

0评论

jQuery实现简单的手风琴效果

本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下实现手风琴效果如图所示：html结构：<div class="item_box box10"> <div class="item_box_wp"> <d...

2020-05-27

62浏览

0评论

详解vue服务端渲染(SSR)初探

前言首先来讲一下服务端渲染，直白的说就是在服务端拿数据进行解析渲染，直接生成html片段返回给前端。具体用法也有很多种比如：
传统的服务端模板引擎渲染整个页面
服务渲染生成...

2020-05-27

118浏览

0评论

angularjs+bootstrap实现自定义分页的实例代码

目前在做一个java web页面，没有使用到框架的分页，所以需要自己实现分页，就想到了用angularjs来实现分页，数据通过ajax从后台获取。插件百度了一下，看到一个比较漂亮的插件，就直接...

2020-05-27

81浏览

0评论

Web制作验证码功能实例代码

web开发中，经常会使用验证码功能，例如登录、注册，或其他关键功能之前经常会使用。合理使用验证功能可以防止ddos攻击、爬虫攻击等。实现效果：实现原理：由后台提供生成验...

2020-05-27

49浏览

0评论

jQuery 实现双击编辑表格功能

先给大家展示下效果图：下面用简单方法实现的简单表格编辑功能:简单的HTML代码略过了,下面是js实现过程JavaScript:<span style="font-size:18px;">$(".tables").on("dblclick...

2020-05-27

62浏览

0评论

深入理解AngularJs－scope的脏检查（一）

进入正文前的说明：本文中的示例代码并非AngularJs源码，而是来自书籍<<Build Your Own AngularJs>>, 这本书的作者仅依赖jquery和lodash一步一步构建出AngularJs的各核心模块，对...

2020-05-27

52浏览

0评论

详解AngularJS脏检查机制及$timeout的妙用

||浏览器事件循环和Angular的MVW
“脏检查”是Angular中的核心机制之一，它是实现双向绑定、MVVM模式的重要基础。
Angular将双向绑定转换为一堆watch表达式，然后递归检查这些w...

2020-05-27

64浏览

0评论

详解angularJS动态生成的页面中ng-click无效解决办法

今天碰到了一个这样的需求，在自己写的动态的页面中，写入的AngularJS无效不能点击响应事件，以下给出代码以及解决方案
1.首先将我们要赋值给页面的数据new一下var html = "<a hr...

2020-05-27

38浏览

0评论

JS检测是否可以访问公网服务器功能代码

wifi认证开发过程所用到的，源码如下：注：检测AC是否放行成功，是否可以访问公网阿里云服务器功能调用：checkNet().then(function(res) { if(res) { //连网成功 } } else...

2020-05-27

75浏览

0评论

JavaScript队列函数和异步执行详解

编辑注：在Review别人的JavaScript代码时曾看到过类似的队列函数，不太理解，原来这个是为了保证函数按顺序调用。读了这篇文章之后，发现还可以用在异步执行等。假设你有几个函数fn...

2020-05-27

80浏览

0评论

AngularJS的ng-click传参的方法

今天遇到个难题就是ng-click传参问题，在网上找了好多资料，先留个笔记<ul id="dataSet" ng-repeat="item in infos" ng-model="dataSet"> <li ng-click="sentOutQuery('{{item...

2020-05-27

67浏览

0评论

ZeroClipboard.js使用一个flash复制多个文本框

ZeroClipboard.js是一个支持复制和粘贴的JavaScript插件，目前官方已经到2.x的版本了，但不支持IE9以下的浏览器，而如果要兼容，则可以使用1.x的版本，我使用的是最开始的一个版本：1.0...

2020-05-27

52浏览

0评论

AngularJS ng-repeat遍历输出的用法

AngularJS ng-repeat遍历输出的用法,最近需要用，就顺便发到随笔上了<!doctype html><html><head> <meta charset="utf-8"> <title>ng-repeat directive</title></head><bo...

2020-05-27

热门文章