编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

54浏览

0评论

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

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

2020-05-27 08:11:01

43浏览

0评论

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

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

2020-05-27 08:11:00

65浏览

0评论

深入理解ES6中let和闭包

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

2020-05-27 08:10:58

66浏览

0评论

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

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

2020-05-27 08:10:57

56浏览

0评论

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

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

2020-05-27 08:10:56

59浏览

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 08:10:55

54浏览

0评论

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

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

2020-05-27 08:10:54

49浏览

0评论

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

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

2020-05-27 08:10:53

73浏览

0评论

JavaScript 有用的代码片段和 trick

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

2020-05-27 08:10:52

89浏览

0评论

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

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

2020-05-27 08:10:51

78浏览

0评论

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

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

2020-05-27 08:10:49

87浏览

0评论

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

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

2020-05-27 08:10:48

98浏览

0评论

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

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

2020-05-27 08:10:47

83浏览

0评论

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

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

2020-05-27 08:10:46

63浏览

0评论

node内置调试方法总结

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

2020-05-27 08:10:45

96浏览

0评论

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

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

2020-05-27 08:10:44

44浏览

0评论

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

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

2020-05-27 08:10:42

65浏览

0评论

javascript填充默认头像方法

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

2020-05-27 08:10:40

56浏览

0评论

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

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

2020-05-27 08:10:38

54浏览

0评论

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

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

2020-05-27 08:10:37

90浏览

0评论

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

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

2020-05-27 08:10:35

58浏览

0评论

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

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

2020-05-27 08:10:34

62浏览

0评论

babel的使用及安装配置教程

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

2020-05-27 08:10:33

65浏览

0评论

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

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

2020-05-27 08:10:31

63浏览

0评论

原生js调用json方法总结

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

2020-05-27 08:10:29

80浏览

0评论

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

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

2020-05-27 08:10:28

161浏览

0评论

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

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

2020-05-27 08:10:26

94浏览

0评论

实现jquery放大镜的两种方法

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

2020-05-27 08:10:24

50浏览

0评论

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

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

2020-05-27 08:10:23

54浏览

0评论

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

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

2020-05-27 08:10:14

68浏览

0评论

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

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

2020-05-27 08:10:12

61浏览

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 08:10:11

89浏览

0评论

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

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

2020-05-27 08:10:10

63浏览

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 08:10:08

42浏览

0评论

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

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

2020-05-27 08:10:07

49浏览

0评论

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

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

2020-05-27 08:10:07

59浏览

0评论

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

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

2020-05-27 08:10:06

59浏览

0评论

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

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

2020-05-27 08:10:04

53浏览

0评论

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

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

2020-05-27 08:10:03

49浏览

0评论

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

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

2020-05-27 08:10:01

62浏览

0评论

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

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

2020-05-27 08:09:59

50浏览

0评论

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

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

2020-05-27 08:09:58

67浏览

0评论

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

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

2020-05-27 08:09:56

107浏览

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 08:09:55

50浏览

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 08:09:54

43浏览

0评论

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

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

2020-05-27 08:09:53

43浏览

0评论

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

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

2020-05-27 08:09:52

59浏览

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 08:09:51

69浏览

0评论

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

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

2020-05-27 08:09:50

70浏览

0评论

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

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

2020-05-27 08:09:49

首页 «1285 128612871288 1289 »尾页

热门文章