JavaScript - 教程之家

111浏览

0评论

利用adb shell和node.js实现抖音自动抢红包功能(推荐)

逻辑很简单，在抖音视频播完之后如果是红包视频，会跳出红包。我们模拟逻辑如下：点击屏幕中央，如果有红包打开红包，没有红包则暂停视频。点击返回按钮，如果有红包关闭红包界面，...

抖音

2020-05-27

62浏览

0评论

vue-cli中的babel配置文件.babelrc实例详解

本文介绍vue-cli脚手架工具根目录的babelrc配置文件介绍es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码babe...

2020-05-27

71浏览

0评论

babel的使用及安装配置教程

简介babel是一个广泛使用的转码器，可以将ES6代码转化为ES5代码，从而在现有环境执行，这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。安装及配置npm install ba...

2020-05-27

70浏览

0评论

Nodejs下使用gm圆形裁剪并合成图片的示例

说到Nodejs下的图片处理可能第一想到就是gm，gm底层可以是GraphicsMagic（其实也是gm的由来），也可以是ImageMagick（其实GraphicsMagic本身也是从ImageMagic分割而来，现在独立了）。虽...

2020-05-27

67浏览

0评论

原生js调用json方法总结

Ajax基础
ajax:无刷新数据读取,读取服务器上的信息HTTP请求方法:
GET:用于获取数据,如浏览帖子ajax.judgeXmlHttpRequest('get', 'index.php', function(data){ alert(data...

2020-05-27

93浏览

0评论

Node Puppeteer图像识别实现百度指数爬虫的示例

之前看过一篇脑洞大开的文章，介绍了各个大厂的前端反爬虫技巧，但也正如此文所说，没有100%的反爬虫方法，本文介绍一种简单的方法，来绕过所有这些前端反爬虫手段。下面的代码以百度...

2020-05-27

165浏览

0评论

JavaScript正则表达式函数总结（常用）

/* 测试环境：Chrome 63.0.3239.132 */JS中正则对象修饰符可选值为："i" "g" "m"，即忽略大小写进行全局匹配多行模式JS中正则表达式支持的元字符：1：枚举方括号表达式，范围方括号表...

2020-05-27

98浏览

0评论

实现jquery放大镜的两种方法

jquery写的两种放大镜效果，没有使用到插件。调理和思路清晰。不是使用面向对象方式写的，初学者较容易看懂。废话不多说，看代码。图片这里就不上传了，大家自己找下。最好是找到比...

2020-05-27

53浏览

0评论

javascript高仿热血传奇游戏实现代码

前言游戏的第一个版本开发于14年，浏览器端使用html+css+js，服务端使用asp+php，通讯采用ajax，数据存储使用access+mySql。不过由于一些问题（当时还不会用node，用asp写复杂的逻辑真...

2020-05-27

58浏览

0评论

webpack-dev-server自动更新页面方法

这两天在看webpack，今天卡在webpack-dev-server上了，折腾了一下午，一直无法正常运行，每次服务器也提示正常启动了，但是浏览器一输入localhose:8080/admin就提示Get/...,反正就是...

2020-05-27

72浏览

0评论

解决Webpack 热部署检测不到文件变化的问题

今天在用Webpack开发的时候，突然发现文件变动后热部署功能不工作了，感觉好像是webpack检测不到文件的修改了。折腾了半天，开始一直以为是自己的代码有问题了，结果一次无意识的重...

2020-05-27

67浏览

0评论

基于webpack-hot-middleware热加载相关错误的解决方法

错误1：找不到__webpack_hmrGET http://127.0.0.1/__webpack_hmr 404 (Not Found)在webpack的entry配置添加引用路径'webpack-hot-middleware/client?path=/__webpack_hmr...

2020-05-27

95浏览

0评论

关于Webpack dev server热加载失败的解决方法

利用Webpack dev server作为热加载服务器时，出现以下错误：XMLHttpRequest cannot load http://localhost:8080/dist/06854fc8988da94501a9.hot-update.json. No 'Access-Contr...

2020-05-27

70浏览

0评论

webpack-dev-server远程访问配置方法

下面的package.json文件中配置的webpack-dev-server为开发模式，可以使用http://localhost:8080或http://127.0.0.1:8080进行访问"scripts": { "dev": "cross-env NODE_ENV=...

2020-05-27

52浏览

0评论

解决webpack无法通过IP地址访问localhost的问题

1、问题描述：今天用 webpack (v1.14.0)配置本地服务，为了能在移动端预览开发效果，需要通过 IP 地址生存二维码然后手机扫描访问。却发现不能通过 ip 访问 localhost。2、解决方...

2020-05-27

53浏览

0评论

详解Node.js中的Async和Await函数

在本文中，你将学习如何使用Node.js中的async函数(async/await)来简化callback或Promise.异步语言结构在其他语言中已经存在了，像c#的async/await、Kotlin的coroutines、go的go...

2020-05-27

61浏览

0评论

Angular 向组件传递模板的两种方法

最近在写一个日期选择器组件，为了满足将来可能出现的各种需求，所以需要能够高度的自定义组件的样式。为了达到这个目的，需要能够在日期选择器组件外控制每个日期格子内要显示的...

2020-05-27

61浏览

0评论

vue 使用Jade模板写html,stylus写css的方法

日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率。安装包// 安装jade包npm install ja...

2020-05-27

59浏览

0评论

vue编译打包本地查看index文件的方法

/build/config/index.jsassetsPublicPath: ‘./'(编译出来可以本地查看，‘/'没有点的就直接发布到线上)以上这篇vue编译打包本地查看index文件的方法就是小编分享给大家的全...

2020-05-27

51浏览

0评论

vue 路由页面之间实现用手指进行滑动的方法

问题描述：vue 路由页面之间如何用手指进行滑动解决方法：1、下载依赖：npm intall vue-touch --save -D2、在需要滑动的页面添加标签;<v-touch> 注意要宽高，当页面有东西要写入...

2020-05-27

70浏览

0评论

在Vue组件上动态添加和删除属性方法

如下所示：在组件上添加属性 this.$set(this.data,"obj",value');删除属性this.$delete(this.data,"obj",value');以上这篇在Vue组件上动态添加和删除属性方法就是小编分享给...

2020-05-27

54浏览

0评论

解决vue中对象属性改变视图不更新的问题

常规情况下我们在vue实例的data中设置响应数据。但当数据为对象，我们增加或删除对象属性值时，视图并不触发更新，如何解决这个问题呢？实例代码如下：let vm = new Vue{ el: '#app',...

2020-05-27

73浏览

0评论

详解vue2.0 不同屏幕适配及px与rem转换问题

因为项目需要，vue开发项目，必须将已写的以px为单位的部分，转换为rem。要是全部转换，这大量的计算量，哪怕是sublime Text 的cssrem插件，也是一个庞大的工作量。所以，直接使用插件没...

2020-05-27

111浏览

0评论

Vue实现带进度条的文件拖动上传功能

1. 基本界面<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0...

2020-05-27

54浏览

0评论

vue2.0在没有dev-server.js下的本地数据配置方法

问题描述：在vue2.0的以上的版本，vue-cli的build的文件夹下没有dev-server.js文件，那怎么配置mock数据Vue2.x在build下的webpack.dev.conf.js配置就行//在const portfinder = r...

2020-05-27

49浏览

0评论

Vue之Vue.set动态新增对象属性方法

当我们给一个比如props中，或者data中被观测的对象添加一个新的属性的时候，不能直接添加，必须使用Vue.set方法Vue.set方法用来新增对象的属性。如果要增加属性的对象是响应式的，...

2020-05-27

47浏览

0评论

vue中动态绑定表单元素的属性方法

在vue中有时候可能想像使用jq一样给某个元素添加属性，如$('#select1').attr('disabled','disabled')这种方法也能实现，但是在vue中能用vue的方法还是尽量不要使用jq使用vue的...

2020-05-27

63浏览

0评论

vue.js2.0点击获取自己的属性和jquery方法

如下所示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><div id="dt"><div id="dongtao"> <span class="nihao" v-for="(it...

2020-05-27

75浏览

0评论

基于vue.js中事件修饰符.self的用法(详解)

.self可以理解为跳过冒泡事件和捕获事件，只有直接作用在该元素上的事件才可以执行。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>self</t...

2020-05-27

72浏览

0评论

对vue.js中this.$emit的深入理解

对于vue.js中的this.emit的理解：this.emit(‘increment1',”这个位子是可以加参数的”)；其实它的作用就是触发自定义函数。看例子：<!DOCTYPE html><html><head> <meta charset=...

2020-05-27

56浏览

0评论

vue实现密码显示隐藏切换功能

先给大家分享效果图：具体实现代码如下所示：html：<group> <span>设置密码</span> <x-input :type="this.registration_data.pwdType" placeholder="请填写密码" @on-change="...

2020-05-27

199浏览

0评论

Vue父组件调用子组件事件方法

Vue父组件向子组件传递事件/调用事件不是传递数据（props）哦，适用于 Vue 2.0方法一：子组件监听父组件发送的方法方法二：父组件调用子组件方法子组件：export default { mounted: fu...

2020-05-27

67浏览

0评论

Nodejs模块载入运行原理

前言使用Nodejs，就不可避免地引用第三方模块，它们有些是Nodejs自带的（例：http，net...），有些是发布在npm上的（例：mssql，elasticsearch...）本篇章聚焦3个问题： Nodejs模块的加载过程。...

2020-05-27

55浏览

0评论

浅谈vuejs实现数据驱动视图原理

什么是数据驱动数据驱动是vuejs最大的特点。在vuejs中，所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。比如说我们点击一个but...

2020-05-27

69浏览

0评论

angularjs中$http异步上传Excel文件方法

1.文件上传框html代码如下<form id="fileForm" enctype="multipart/form-data"> <button id="import_asset" type="button" ng-click="import_asset()">上传文件</button> <...

2020-05-27

70浏览

0评论

angular动态表单制作

源码：https://github.com/Karin001/ngx-dynamic-form动态表单使用场景有时候我们需要一个灵活的表单，这个表单可以根据用户的选择，或者服务器返回的信息进行重新配置，比如：增加或...

2020-05-27

66浏览

0评论

ES6下子组件调用父组件的方法(推荐)

出于某些目的，最近又开始研究起了RN，看着教程一步步的学习，在最近却是碰到了一个问题，那就是父子组件的方法调用的问题。这个问题我百度了很久，JS的ES6语法下，用class创建组件，子组...

2020-05-27

79浏览

0评论

Vue-cli Eslint在vscode里代码自动格式化的方法

编辑器另外一个很重要的功能就是代码格式化了，VS Code默认提供常见文件的格式化，如.js,.html等。添加对.vue文件的格式化支持这里我们添加对 .vue 文件的格式化支持。
1. 安...

2020-05-27

53浏览

0评论

Vue 创建组件的两种方法小结(必看)

创建组件的两种方法小结1.全局注册 2.局部注册var child=Vue.extend({})var parent=Vue.extend({})Vue.extend() 全局方法生成构造器，创建子类使用基础 Vue 构造器，创建一个...

2020-05-27

56浏览

0评论

Vue2 模板template的四种写法总结

如下所示：<div id="app"> <h1>我是直接写在构造器里的模板1</h1> </div> <template id="demo3"> <h1 style="color:red">我是选项模板3</h1> </template> <script type="...

2020-05-27

69浏览

0评论

使用Vue.js和Element-UI做一个简单登录页面的实例

最近了解到Vue.js挺火的，有同学已经学习了，那我心里痒痒的也学习了一点，然后也学了一点Element组件，就做了简单的登录页面。效果很简单：代码如下：前端页面<!DOCTYPE html><html><h...

2020-05-27

95浏览

0评论

搭建element-ui的Vue前端工程操作实例

一、安装npm镜像（1）下载node.js，配置node.js的环境变量检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"检查Node.js版本在命令窗口输入：npm...

2020-05-27

86浏览

0评论

angular基于ng-alain定义自己的select组件示例

1、首先是my-select2.component.html页面,这里是在ng-alain的select基础上根据业务需求添加新的功能;代码如下：
<nz-select #select style="width:100%;" [(ngModel)]="selec...

2020-05-27

45浏览

0评论

详解plotly.js 绘图库入门使用教程

本文介绍了plotly.js 绘图库入门使用教程，分享给大家，具体如下：Plotly缘起这两天想在前端展现数学函数图像，猜测应该有成熟的 js 库。于是，简单的进行了尝试。最后决定使用plotly...

2020-05-27

59浏览

0评论

elementui的默认样式修改方法

今天用element ui ，做了个消息提示，发现提示的位置总是在上面，如图：可是我想让提示的位置到下面来，该怎么办？最后还是看了官方的api原来有个自定义样式属性 customClass 设置下就...

2020-05-27

122浏览

0评论

Vue的elementUI实现自定义主题方法

使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中...

2020-05-27

227浏览

0评论

使用puppeteer破解极验的滑动验证码

基本的流程：1. 打开前端网，点击登录。2. 填写账号，密码。3. 点解验证按钮，通过滑动验证，最后成功登陆。代码实现：github上可以checkout。具体代码如下所示：run.jsconst puppeteer =...

2020-05-27

82浏览

0评论

jQuery动态添加li标签并添加属性和绑定事件方法

代码如下：<%@page import="java.util.ArrayList"%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3...

2020-05-27

127浏览

0评论

node.js中fs文件系统目录操作与文件信息操作

目录操作如果存在该目录，就创建失败同步创建目录fs.mkdirSync(path, [mode])const fs = require('fs');let mkdir = './mkdir';fs.mkdir(mkdir, (err) => { if (err) {...

2020-05-27

59浏览

0评论

jquery动态添加带有样式的HTML标签元素方法

如下所示：<table class="exhibit_table" style="font-size:13px; text-align:left;"> <tr> <td style="width:80px;" align="right">上传计划单</td> <td style="paddi...

2020-05-27

热门文章