JavaScript - 教程之家

88浏览

0评论

JS实现图片手风琴效果

''推拉门''动效也可以称作"手风琴"效果，大多数效果实现的思路基本是一样的，下面介绍两种方法，一种是通过改变图片的偏移位置实现移动，另一种是通过遍历背景图片后改变图片的宽度...

2020-05-27

48浏览

0评论

详解基于Angular4+ server render(服务端渲染)开发教程

目标：1.更好的 SEO，方便搜索爬虫抓取页面内容2.更快的内容到达时间(time-to-content)影响：1.用户：比原来更快的看到渲染的页面，提升用户体验2.开发人员：某些代码可能需要特殊处理，...

2020-05-27

62浏览

0评论

vue2.0移除或更改的一些东西(移除index key)

一、vue2.0移除了$index和$key虽然说现在很多文章说他们的代码是vue2.0版本的，但是有一些仔细一看，发现并不全是2.0版本，有些语法还是1.0的版本，比如这个$index,$key，这两个压根...

2020-05-27

35浏览

0评论

js使用原型对象(prototype)需要注意的地方

我们先来一个简单的构造函数+原型对象的小程序function CreateObj( uName, uAge ) { this.userName = uName; this.userAge = uAge; } CreateObj.prototype...

2020-05-27

49浏览

0评论

weex slider实现滑动底部导航功能

本文实例为大家分享了weex slider实现滑动底部导航功能的具体代码，供大家参考，具体内容如下先看效果图这里主要是使用了weex 的 slider 实现了可以滑动的底部导航框架
这里最...

2020-05-27

60浏览

0评论

JS如何设置元素样式的方法示例

一看到这个标题，大家可能首先想到的就是使用“[元素].style.[CSS属性名] = [属性值]”这样的套路去设置元素样式，但实际上，我们其实还有其他方式可以选择。接下来，我将详细介绍...

2020-05-27

38浏览

0评论

JavaScript实现各种排序的代码详解

冒泡排序 function Bubble(arr){ var temp; for(var i=0;i<arr.length-1;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]>arr[j]){ temp=ar...

2020-05-27

56浏览

0评论

Angular4开发解决跨域问题详解

1.跨域浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.
上面提到的,同域的概念又是什么...

2020-05-27

72浏览

0评论

JavaScript编写棋盘覆盖代码详解

一、前言之前做了一个算法作业，叫做棋盘覆盖，本来需要用c语言来编写的，但是因为我的c语言是半桶水（哈哈），所以索性就把网上的c语言写法改成JavaScript写法，并且把它的覆盖效果显示...

2020-05-27

79浏览

0评论

js使用html2canvas实现屏幕截取的示例代码

整理文档，搜刮出一个js使用html2canvas实现屏幕截取的示例代码，稍微整理精简一下做下分享。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" c...

2020-05-27

81浏览

0评论

jQuery实现锚点向下平滑滚动特效示例

实现效果：实现原理：使用jQuery animate()方法实现页面平滑滚动特效$('html, body').animate({scrollTop: $(hash).offset().top}, 800, function(){window.location.hash = ha...

2020-05-27

45浏览

0评论

使用canvas进行图像编辑的实例

前面的话本文将分为几个小功能的形式来详细介绍canvas图像编辑缩放下面是一张分析图，假设默认情况下，图片和canvas宽高相同。图片的缩放(scale)范围为0.5到3，缩放时改变的是图...

2020-05-27

43浏览

0评论

[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例

发布者订阅者模式，是一种很常见的模式，比如:一、买卖房子生活中的买房，卖房，中介就构成了一个发布订阅者模式，买房的人，一般需要的是房源，价格，使用面积等信息，他充当了订阅者的角色...

2020-05-27

62浏览

0评论

在页面中引入js的两种方法(推荐)

在页面中引入js有两种基本方式：在页面中嵌入js、引用外部js文件。一、在页面中嵌入js这是在页面使用js最简单的方式了，一般我在写个小测试的情况下会用这种方式。把script元素...

2020-05-27

35浏览

0评论

js链表操作(实例讲解)

如下所示：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> function Node(v){ this.value=v; this.next=null; }...

2020-05-27

45浏览

0评论

详谈Node.js之操作文件系统

1. 同步方法与异步方法在Node.js中，使用fs模块来实现所有有关文件及目录的创建、写入及删除操作。，在fs模块中，所有对文件及目录的操作都可以使用同步与异步这两种方法。这两者...

2020-05-27

230浏览

0评论

页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)

1、页面缩放用到的技术点（1）zoomzoom：normal | <number> | <percentage>默认值：normal适用于：所有元素继承性：有可以使用用浮点数和百分比来定义缩放比例。zoom的浏览器兼容性：http...

2020-05-27

58浏览

0评论

es6学习之解构时应该注意的点

前言本文主要给大家介绍了关于在es6解构时需要注意的一些事项，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。如果要将一个已经声明的变量用于解构赋值，必须...

2020-05-27

59浏览

0评论

jQuery 实现鼠标画框并对框内数据选中的实例代码

jquery库：jquery -1.10.2.min.js，jQuery UI - v1.12.1。jQuery 代码不多说了，之间上代码。不懂的地方看注释。<script type="text/javascript"> //鼠标按下时的X Y坐标 var mou...

2020-05-27

56浏览

0评论

jquery在vue脚手架中的使用方式示例

本文介绍了jquery在vue脚手架中的使用方式示例，分享给大家，具体如下：
1：在各个vue文件中使用<script>import '../assets/js/jquery-1.10.2.min.js'export default { data() { r...

2020-05-27

69浏览

0评论

vuex学习之Actions的用法详解

Action 类似于 mutation，不同在于：
Action 提交的是 mutation，而不是直接变更状态. Action 是异步的，mutation是同步的。沿用vuex学习---简介的案例：这里是加10 减11.在store.js...

2020-05-27

58浏览

0评论

浅谈vuex之mutation和action的基本使用

我们要实现的很简单，就是点击+1的count加一，点击-1的时候count-1一、mutation在vue 中，只有mutation 才能改变state. mutation 类似事件，每一个mutation都有一个类型和一个处理...

2020-05-27

59浏览

0评论

jQuery实现base64前台加密解密功能详解

本文实例讲述了jQuery实现base64前台加密解密功能。分享给大家供大家参考，具体如下：关于加密，很多人想到encodeURI和escape。这个对加密url，尤其是带中文参数的url很有用。如果...

2020-05-27

87浏览

0评论

详解从新建vue项目到引入组件Element的方法

本文介绍了从新建vue项目到引入组件Element以及Error when rendering component报错解决，分享给大家
一、新建项目
1.打开cmd，运行：vue init webpack Vue-Demo2.运行：cd Vue-Dem...

2020-05-27

40浏览

0评论

laravel5.4+vue+element简单搭建的示例代码

如今laravel来到5.4版本，更方便引入vue了，具体步骤如下：
1.下载laravel5.4,这边是下载地址（里面的配置文件都写得差不多了）！
2.打开package.json
内容如下
{ "private": true,...

2020-05-27

62浏览

0评论

jQuery动态添加.active 实现导航效果代码思路详解

代码思路:页面4:页面5:代码思路:通过jq获取你打开页面的链接 window.location.pathname；在HTML中给自己的li加入一个ID id的命名与网址链接中的href相同通过jq包含方法找到...

2020-05-27

55浏览

0评论

基于Vue实现后台系统权限控制的示例代码

用Vue/React这类双向绑定框架做后台系统再适合不过，后台系统相比普通前端项目除了数据交互更频繁以外，还有一个特别的需求就是对用户的权限控制，那么如何在一个Vue应用中实现权...

2020-05-27

95浏览

0评论

Vue2.0权限树组件实现代码

项目使用的饿了么的Element-Ui，权限树使用其树形控件：<el-tree :data="data" ></el-tree> 刚开始没有特殊需求，三级分支，效果看着还可以。但是接下来的新需求：增加页面操作按钮权...

2020-05-27

47浏览

0评论

jQuery实现简单的计时器功能实例分析

本文实例讲述了jQuery实现简单的计时器功能。分享给大家供大家参考，具体如下：在写项目的过程中遇到要前端60秒发送验证码的业务需求，于是用到计时器的功能：setInterval(function...

2020-05-27

53浏览

0评论

基于jQuery的左滑出现删除按钮的示例

最近在做项目的时候遇到了个需求，在网页上实现类似于QQ会话列表那样子的左滑出现删除按钮的效果，于是尝试着写了一个，写出来与大家交流分享，大神勿喷。基本要求由于我们是在做一...

2020-05-27

42浏览

0评论

基于jstree使用AJAX请求获取数据形成树

概述：
一般情况下都是通过ajax进行请求获取数据。boostrap+ajax
1、代码
//权限分配 $('#authority').click(function() { $("#jstree").jstree({ "core" : {...

2020-05-27

55浏览

0评论

移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)

在ionic App中遇到一个文字上下循环滚动的效果实现，网上查了之后才知道有个通俗的名字-跑马灯。这里借助了jQuery库的选择器和动画函数，并且把jquery的操作封装到指令里。先看...

2020-05-27

85浏览

0评论

jsTree事件和交互以及插件plugins详解

本文为大家分享了jsTree事件和交互以及插件plugins，供大家参考，具体内容如下1、事件
jsTree在容器中触发变量事件，你可以浏览所有事件，然后了解如何进行监听：https://www.jstree....

2020-05-27

82浏览

0评论

View.post() 不靠谱的地方你知道多少

一、前言有时候，我们会需要用到 View.post() 方法，来将一个 Runnable 发送到主线程去执行。这一切，看似很美好，它最终会通过一个 Handler.post() 方法去执行，又避免我们重新定义...

2020-05-27

41浏览

0评论

js禁止表单重复提交

本文实例为大家分享了js防止表单重复提交实现代码，供大家参考，具体内容如下
<DOCTYPE html> <html> <BODY BGCOLOR="#FFFFFF"> <form name='formsubmitf' id ="the" method...

2020-05-27

46浏览

0评论

hammer.js实现图片手势放大效果

本文实例为大家分享了hammer.js实现图片手势放大效果的具体代码，供大家参考，具体内容如下 //图片手势放大 var reqAnimationFrame = (function() { return window...

2020-05-27

55浏览

0评论

使用node.js对音视频文件加密的实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示： fs.readFile('./downsuccess/'+name+'', {flag: 'r+', encoding: ''}, function (err, data) { console.log('读...

2020-05-27

49浏览

0评论

微信小程序之发送短信倒计时功能

点击后代码<form bindsubmit="formSubmit" bindreset="formReset"> <view class="fidpas"> <input type="number" class="fidpas_inp"placeholder-class="lgin_place" plac...

2020-05-27

76浏览

0评论

如何理解Vue的render函数的具体用法

本文介绍了如何理解Vue的render函数的具体用法，分享给大家，具体如下：第一个参数(必须) - {String | Object | Function}<!DOCTYPE html><html lang="en"><head> <meta charset...

2020-05-27

67浏览

0评论

浅谈Vue.js应用的四种AJAX请求数据模式

如果您闲的没事干去两个Vue.js开发人员：“在Vue应用中使用AJAX的正确姿势是咋样的？”，您将会得到三种或更多的不同回答。Vue.js官方没有提供实现AJAX的指定方式，并且有许多不同...

2020-05-27

62浏览

0评论

详解vue-cli多页面工程实践第1/2页

本文介绍了vue-cli多页面工程实践，分享给大家，具体如下：
src目录结构
因为是自定义的设置，src下的目录结构需要固定，约定大于配置嘛。src目录结构：src/ components/ modules/ #...

2020-05-27

79浏览

0评论

angular4 如何在全局设置路由跳转动画的方法

最近用angular4写项目需要为每次路由跳转增加动画，看了一下官方文档，虽然可以实现，但是要每个组件都引入一次animations，比较麻烦，找网上也查阅了很多资料，但是都没找到适用的方法...

2020-05-27

69浏览

0评论

详解vue2.0 使用动态组件实现 Tab 标签页切换效果（vue-cli）

在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。因为这次完成的功能只是简单切换组件，再则觉得使用路由切换需要改变地址略微麻烦，所...

2020-05-27

65浏览

0评论

详解a++和++a的区别

以前我也是老搞不懂a++和++a的区别, 后来看了很多资料, 终于总结出来一条规律, 小白专用!看完这个例子就懂了:例1:$a = 8, 求 ++a + a++ - --a + a-- + ++a得多少?旧值:...

2020-05-27

80浏览

0评论

浅谈angular.js跨域post解决方案

跨域，前端开发中经常遇到的问题，AngularJS实现跨域方式类似于Ajax，使用CORS机制。
下面阐述一下AngularJS中使用$http实现跨域请求数据。AngularJS XMLHttpRequest：$http用于读...

2020-05-27

59浏览

0评论

jquery插件开发之选项卡制作详解

在jquery中，插件开发常见的有:一种是为$函数本身扩展一个方法，这种是静态扩展(也叫类扩展)，这种插件一般是工具方法,还有一种是扩展在原型对象$.fn上面的，开发出来的插件是用在d...

2020-05-27

80浏览

0评论

详解使用nvm管理多版本node的方法

首先，使用下面的命令来安装 nvm$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash下载并安装完成后用户退出重新登录或者重新 source...

2020-05-27

52浏览

0评论

for循环 + setTimeout 结合一些示例(前端面试题）

一、背景最近在翻看以前的老书《node.js开发指南》，恰好碰到 for 循环 + setTimeout 的经典例子，于是重新梳理了思路并记录下。二、写在前面，setTimeout 和 setInterval 的执行...

2020-05-27

110浏览

0评论

vue.js的手脚架vue-cli项目搭建的步骤

手脚架是什么？众所周知，现在的前端项目发展得越渐越大，我们前端程序员要从0开始去搭建一套完整的项目很费时，所以这时候前端工程的手脚架就出现了。我用得vue-cli也是其中之一，还...

2020-05-27

52浏览

0评论

前端开发不得不知的10个最佳ES6特性

为了保证可读性，本文采用意译而非直译，并且对源代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。ES6，正式名称是ECMAScript2015，但是ES6这个名称更加简洁。ES6已...

2020-05-27

热门文章