编程开发 - 教程之家

编程开发

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

65浏览

0评论

详解webpack的proxyTable无效的解决方案

最近遇到这个需要单页访问跨域后台的问题。
可以按照如下设置：proxyTable: {'/list': {target: 'http://api.xxxxxxxx.com',pathRewrite: {'^/list': '/list'}}}这样我们在写...

2020-05-27 05:20:01

74浏览

0评论

Webpack devServer中的 proxy 实现跨域的解决

Webpack dev server使用http-proxy解决跨域问题
文档资料
webpack关于webpack-dev-server开启proxy的官方介绍
Vue-cli proxyTable 解决开发环境的跨域问题——虽然这篇是写...

2020-05-27 05:20:00

47浏览

0评论

vue和webpack安装命令详解

一、安装vue相关命令1、安装vuecnpm install vue 2、安装vue-clicnpm install -g vue-cli 3、查看vue安装版本vue -V 二、安装webpack1、安装webpackcnpm install -g web...

2020-05-27 05:19:59

65浏览

0评论

vue和webpack项目构建过程常用的npm命令详解

vue //最新稳定版cnpm install vue //全局安装 vue-cli cnpm install --global vue-cli //创建一个基于 webpack 模板的新项目vue init webpack my-project //进入项目目录，...

2020-05-27 05:19:58

57浏览

0评论

vue项目webpack中Npm传递参数配置不同域名接口

项目开发中，前端在配置后端api域名时很困扰，常常出现:
本地开发环境: api-dev.demo.com
测试环境: api-test.demo.com
线上生产环境: api.demo.com，这次是在Vue.js项目中打包，教...

2020-05-27 05:19:57

67浏览

0评论

vue .sync修饰符的使用详解

vue的官网介绍非常不错，先通读一遍。2.3.0+ 新增在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以修改父组...

2020-05-27 05:19:57

55浏览

0评论

JS实现监控微信小程序的原理

原理之前也做过浏览器web端的SDK数据埋点上报，其实原理大同小异：通过劫持原始方法，获取需要上报的数据，最后再执行原始方法，这样就能实现无痕埋点。举个例子：我希望监控所有web页...

2020-05-27 05:19:56

109浏览

0评论

react-native android状态栏的实现

react-native 开发App的时候难免会遇到状态栏的，背景颜色和字体颜色与App内容页面，色调适配，间言之就是将状态栏颜色与App颜色一致，使用户界面更加整体。1.android设备系统元素...

2020-05-27 05:19:55

65浏览

0评论

深入浅析Vue全局组件与局部组件的区别

1、组件声明 <template id="father"> <div> <h3>这是{{name}}</h1> <div> <p>这是{{data}}</p> </div> </div>...

2020-05-27 05:19:54

49浏览

0评论

基于jQuery实现的设置文本区域的光标位置

如何使用jQuery在文本框中设置光标位置？我有一个带有内容的文本字段，并且我希望光标在焦点位于特定的偏移位置，该如何实现呢？实现方法一：这是一个jQuery解决方案：$.fn.selectRange...

2020-05-27 05:19:53

68浏览

0评论

Vue中props的使用详解

props属性是父子组件之间的通信桥梁。何为父子组件？从子组件的观点来看，他的上一级实例或组件即为他的父组件。我们知道，处于安全考虑，组件模板里我们无法直接使用父组件的data...

2020-05-27 05:19:52

56浏览

0评论

node.js自动上传ftp的脚本分享

起因
刚加入一个小组的项目开发，开发环境是基于node环境，通过webpack打包构建代码，然后上传sftp，在浏览器测试。这种开发模式无可厚非，但是每次修改源代码，然后build，然后upload，不...

2020-05-27 05:19:51

44浏览

0评论

jQuery使用动画队列自定义动画操作示例

本文实例讲述了jQuery使用动画队列自定义动画操作。分享给大家供大家参考，具体如下：jQuery的queue()方法和dequeue()方法配合使用，可以完成对函数队列的操作。实现步骤：1、新建...

2020-05-27 05:19:50

38浏览

0评论

详解JS函数stack size计算方法

为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。如果你写了一个一直调用自身的死循环，那么恭喜你，很快就可以看到报错：Uncaught RangeError: M...

2020-05-27 05:19:49

67浏览

0评论

Javascript实现异步编程的过程

相信不少人对Javascript单线程表示怀疑：为何单线程可以实现异步操作呢？其实Javascript确实是单线程的（我们不妨把这个线程称作主线程），但它实现异步操作的方式确实借助了浏览器的...

2020-05-27 05:19:48

48浏览

0评论

详解组件库的webpack构建速度优化

背景
在公司的主要工作是组件库（基于vue的ui组件库，类似element-ui）的开发，也已经有两个多月，期间一直觉得项目的开发构建太慢，每次开发打开开发环境需要 40s 左右，简直不能忍。前...

2020-05-27 05:19:46

156浏览

0评论

基于rollup的组件库打包体积优化小结

背景前段时间对公司内部的组件库(类似element-ui)做了打包体积优化，现在抽点时间记录下。以前也做过构建速度的优化，具体可以看组件库的webpack构建速度优化一些存在的问题最...

2020-05-27 05:19:45

67浏览

0评论

vue mounted组件的使用

1.钩子函数
钩子函数是Windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用...

2020-05-27 05:19:44

52浏览

0评论

Vue中使用webpack别名的方法实例详解

在工作中，我们经常会写出这种代码：import MHeader from '../../components/m-header/m-header'@import "../../common/stylus/variable"@import "../../common/stylus/mixin"...

2020-05-27 05:19:43

192浏览

0评论

Vue.js 2.x之组件的定义和注册图文详解

前言什么是组件组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。模块化和...

2020-05-27 05:19:42

96浏览

0评论

Vue中"This dependency was not found"问题的解决方法

今天在初始化项目中，出现了一个奇怪的情况：明明路径是对的，但是编译的时候，一直报“This dependency was not found”的错。
代码如下：import Vue from 'vue'import App from './...

2020-05-27 05:19:40

46浏览

0评论

详解基于Vue cli生成的Vue项目的webpack4升级

前面的话
本文将详细介绍从webpack3到webpack4的升级过程概述
相比于webpack3，webpack4可以零配置运行，打包速度比之前提高了90%，可以直接到ES6的代码进行无用代码剔除，新增的op...

2020-05-27 05:19:39

227浏览

0评论

微信小程序input框中加入小图标的实现方法

最近入坑小程序，要求在小程序的输入框中展示一个小图标，页面如下:
然后按照，html页面中的做法，在input框中添加了background-image属性，出乎意料的事，小程序报了下边这样一个错误:...

2020-05-27 05:19:38

53浏览

0评论

使用proxy实现一个更优雅的vue【推荐】

如果你有读过Vue的源码，或者有了解过Vue的响应原理，那么你一定知道Object.defineProperty(), 那么你也应该知道，Vue 2.x里，是通过递归 + 遍历 data 对象来实现对数据的监控的，...

2020-05-27 05:19:37

65浏览

0评论

JavaScript使用math.js进行精确计算操作示例

本文实例讲述了JavaScript使用math.js进行精确计算操作。分享给大家供大家参考，具体如下：javascript进行浮点运算会有尾差，比如算个0.1+0.7试试，得到的不是0.8 。这个问题可以使...

2020-05-27 05:19:36

77浏览

0评论

JS正则表达式常见用法实例详解

本文实例讲述了JS正则表达式常见用法。分享给大家供大家参考，具体如下：前言:正则表达式(regular expression)反反复复学了多次，学了又忘，忘了又学，这次打算把基本的东西都整理出...

2020-05-27 05:19:35

106浏览

0评论

angular 实现的输入框数字千分位及保留几位小数点功能示例

本文实例讲述了angular 实现的输入框数字千分位及保留几位小数点功能。分享给大家供大家参考，具体如下：网上查到一个关于千分位的指令，我稍微做了点完善，通用指令代码myApp.dire...

2020-05-27 05:19:34

41浏览

0评论

vue异步加载高德地图的实现

本文介绍了vue异步加载高德地图的实现，分享给大家，具体如下：
几种加载js的方式同步加载异步加载延迟加载同步加载用的最多的一种方式，又称阻塞模式，会阻止浏览器的后续处...

2020-05-27 05:19:33

43浏览

0评论

vue-cli2.x项目优化之引入本地静态库文件的方法

demo地址：https://github.com/cag2050/vue_cli_optimize_static_resourcevue-cli 将静态资源文件放到 static 文件夹下并引用：
1.将 node_modules 下相应的 xxx.min.js，复制到...

2020-05-27 05:19:32

92浏览

0评论

详解Vue-cli中的静态资源管理（src/assets和static/的区别）

你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？资源打包为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*....

2020-05-27 05:19:31

53浏览

0评论

Vue兼容ie9的问题全面解决方案

前言
背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求：axiosVue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的版本。经过测试，Vue 的...

2020-05-27 05:19:30

43浏览

0评论

Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件

需求分析：如图，有很多高度不固定的模块（图中只显示两个，本人项目有十三个），点击模块标题展开相应的模块，再次点击此模块匿藏，如何实现此需求并实现复用？
点击红框前：
点击后：
难...

2020-05-27 05:19:29

38浏览

0评论

通过jquery.cookie.js实现记住用户名、密码登录功能

Cookies定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js...

2020-05-27 05:19:28

79浏览

0评论

JS伪继承prototype实现方法示例

本文实例讲述了JS伪继承prototype实现方法。分享给大家供大家参考，具体如下：众所周知JS中没有类的概念，但是要想实现类的功能可以同过function模拟。如：第一种继承（属性继承） //...

2020-05-27 05:19:27

56浏览

0评论

微信小程序模拟cookie的实现

开发背景
现有系统已经有一套完整的接口，用户状态、验证都是基于 cookie 的。部分业务要上小程序版本，众所周知，微信小程序不支持 cookie 的。要上线的业务，最好的方式还是基于...

2020-05-27 05:19:26

50浏览

0评论

JS中call和apply函数用法实例分析

本文实例讲述了JS中call和apply函数用法。分享给大家供大家参考，具体如下：call 函数语法obj.call(thisObj,arg[,arg2[,arg3[,...agr]]]);简介thisObj继承obj的属性和方法(obj...

2020-05-27 05:19:25

47浏览

0评论

详解基于vue的服务端渲染框架NUXT

Nuxt随着现在vue和react的流行，许多网站都做成了SPA，确实提升了用户体验，但SPA也有两个弱点，就是SEO和首屏渲染速度。为了解决单页应用的痛点，基于vue和react的服务端渲染应运而...

2020-05-27 05:19:24

68浏览

0评论

vue打包的时候自动将px转成rem的操作方法

px2rem-loader 需要与 flexible 配合使用，不然px2rem仅仅只是转成rem却不会设置rem的信息安装 flexiblenpm i lib-flexible -S然后在main.js中引入import 'lib-flexible/flex...

2020-05-27 05:19:23

44浏览

0评论

JavaScript对象拷贝与Object.assign用法实例分析

本文实例讲述了JavaScript对象拷贝与Object.assign用法。分享给大家供大家参考，具体如下：深拷贝与浅拷贝在 JavaScript 中，对于基本数据类型（undefined、null、boolean、number...

2020-05-27 05:19:22

76浏览

0评论

如何用webpack4带你实现一个vue的打包的项目

一个用webpack4打包的vue 的项目，参照vue-cli的webpack配置，一步一步带你实现一个vue的打包的项目，每一个commit对应一个步骤。github 地址
clone project
git clone git@githu...

2020-05-27 05:19:20

52浏览

0评论

JavaScript 中的 this 工作原理

一、问题的由来学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo()// 写法二...

2020-05-27 05:19:19

52浏览

0评论

Vuex入门到上手教程

一、前言当我们的应用遇到多个组件共享状态时，会需要多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。在搭建下面...

2020-05-27 05:19:18

52浏览

0评论

Vue.use源码学习小结

由于最近在做一些前端的项目，并且接手了Weex的项目，所以难免和Vue打起了交道，js也是从入门到学习中。项目里用到了Vue的插件机制，所以看了看Vue.use的源码，还是比较简单的，适合新...

2020-05-27 05:19:17

60浏览

0评论

解决循环中setTimeout执行顺序的问题

期望：开始输出一个0，然后每隔一秒依次输出1,2,3,4。for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i); } 结果：输出5。原因：setTimeou...

2020-05-27 05:19:16

39浏览

0评论

node thread.sleep实现示例

最近在写一些奇怪的东西的时候，发现大佬们用go或者其他语言实现的并发任务用了thread.sleep让主进程暂停。回头一想，妈个鸡我要复制粘贴到node一直循环不合适啊，我也需要暂停来...

2020-05-27 05:19:15

81浏览

0评论

vue项目实现github在线预览功能

最近在使用 vue-cli 脚手架工具构建自己的第一个 vue 项目，有点小激动，想把它上传到 github 并展示一下预览效果，结果踩了好多坑，折腾了大半天才弄好。这里假设你也是和我一样使...

2020-05-27 05:19:14

49浏览

0评论

vue数组对象排序的实现代码

前言最近在看vue的教学视频，正好学到的数组对象排序方法，在这跟大家分享一下，如有不足之处，请赐教。
普通数组的排序
先看代码：<div class="app"> <h1>v-for实例</h1> <hr>...

2020-05-27 05:19:13

54浏览

0评论

浅析Vue 生命周期

Vue 提供了11个钩子函数1，从创建到销毁发生的一系列状态叫做什么周期，在这个过程中vue会提供状态函数给我们进行该状态的操作，这个函数叫做钩子函数/生命周期函数/生命周期钩子...

2020-05-27 05:19:12

45浏览

0评论

JS实现模糊查询带下拉匹配效果

“搜索”可以使我们更快的找到某一个关键词或者某一个商品，所以“模糊查询”和“下拉匹配”也成了前端必备的一个小技能，开门见山，希望对朋友们有帮助。---搜索框模糊查询带下...

2020-05-27 05:19:11

50浏览

0评论

vue自定义一个v-model的实现代码

目标<template> <my-form v-model="form"> </my-form></template><script> export default { data() { return { form: '' } } }<script>实现//...

2020-05-27 05:19:09

首页 «1320 132113221323 1324 »尾页

热门文章