编程开发 - 教程之家

编程开发

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

64浏览

0评论

详解vue 不同环境配置不同的打包命令

最近做的一个项目是配置了三个环境的：正式环境、测试环境和开发环境，下面以这个为例第一步：安装cross-envnpm i --save-dev cross-env 或者在
package.json中加上"cross-env":...

2020-05-27 03:44:37

48浏览

0评论

JavaScript中的一些实用小技巧总结

前言这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧，有些可能是 ES6+ 中一些比较具有实用性...

2020-05-27 03:44:34

77浏览

0评论

vue router 组件的高级应用实例代码

1 动态设置页面标题页面标题是由 <title></title> 来控制的，因为 SPA 只有一个 HTML，所以当切换到不同的页面时，标题是不会发生变化的。必须通过 JavaScript 来修改 <title></t...

2020-05-27 03:44:33

76浏览

0评论

面试题：react和vue的区别分析

react和vue是什么？有啥区别吗？三大框架之二，大家应该都不会陌生，都有学习过或者开发中使用。但是他们到底有啥区别呢？这个就是我们这篇文章所需探讨并学习的。开始！MVC 和 MVVM首...

2020-05-27 03:44:32

92浏览

0评论

vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果

https://github.com/383514580/any-touch先看demodemo说点湿的 iscroll其实代码量挺大的(近2100行, 还有另一个类似的库 betterScroll 他的代码量和iscroll差不多, 因为原理...

2020-05-27 03:44:31

75浏览

0评论

服务端预渲染之Nuxt(使用篇)

现在大多数开发都是基于 Vue 或者 React 开发的，能够达到快速开发的效果，也有一些不足的地方, Nuxt 能够在服务端做出渲染，然后让搜索引擎在爬取数据的时候能够读到当前页面。...

2020-05-27 03:44:30

130浏览

0评论

小程序获取当前位置加搜索附近热门小区及商区的方法

本文详细的介绍了小程序获取当前位置加搜索附近热门小区及商区的方法，分享给大家两种方法：一种是腾讯地图获取，另一种是百度地图获取
我用的是腾讯地图获取步骤如下1、话不多说...

2020-05-27 03:44:28

90浏览

0评论

详解element-ui日期时间选择器的日期格式化问题

最近在做vue+element-ui的后台管理页面，其中用到了DateTimePicker来选择日期时间，但是在将数据传回后台的过程中遇到了一些令人头疼的问题，在此记录一下解决方案，以免日后再次遇...

2020-05-27 03:44:27

70浏览

0评论

如何为你的JavaScript代码日志着色详解

前言在使用 JavaScript 开发项目，可借助 console.log 来打印日志，以便捷分析问题；但，当接触相对比较项目，纯黑色的日志输出，就会使得其作用大大削弱；虽然 info， wran、error 等方法...

2020-05-27 03:44:26

74浏览

0评论

vue+element+Java实现批量删除功能

表格的主要代码段主要方法是： @selection-change="selsChange<el-table ref="singleTable" v-loading="loading" :data="tableData" stripe @selection-change="selsChange">...

2020-05-27 03:44:24

67浏览

0评论

使用taro开发微信小程序遇到的坑总结

Taro，京东凹凸实验室出品的适配多端的一个框架，Taro 是一套遵循 React 语法规范的多端开发解决方案。现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端...

2020-05-27 03:44:23

89浏览

0评论

详解vue中axios请求的封装

axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中, 也是vue官方推荐使用的http库；封装axios，一方面为了以后维护方便，另一方面也可以对请求进行自定义处...

2020-05-27 03:44:21

61浏览

0评论

微信小程序实现bindtap等事件传参

之前一直以为微信小程序按钮点击事件传参是和web端相同，即在事件中写明所传递的参数即可，但是这样尝试过以后发现小程序的控制台报错，报所写的bindtap中参数错误，之后百度发现，小...

2020-05-27 03:44:20

107浏览

0评论

微信小程序视图控件与bindtap之间的问题的解决

在微信小程序中最常用的<view>控件可以用bindtap（冒泡反应）如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset，其包含一个名为m...

2020-05-27 03:44:18

62浏览

0评论

vue.js实现会动的简历(包含底部导航功能，编辑功能)

在网上看到一个这样的网站，STRML 它的效果看着十分有趣,如下图所示:
这个网站是用 react.js 来写的，于是，我就想着用 vue.js 也来写一版，开始撸代码。首先要分析打字的原理实现，...

2020-05-27 03:44:16

64浏览

0评论

微信小程序BindTap快速连续点击目标页面跳转多次问题处理

问题描述：1）wxml片段<view bindtap="loadMulti"> <text>连续点击,加载多次</text></view><view bindtap="loadOnce"> <text>连续点击,加载一次</text></view>2）js代码片段loa...

2020-05-27 03:44:15

77浏览

0评论

「中高级前端面试」JavaScript手写代码无敌秘籍（推荐）

1. 实现一个new操作符new操作符做了这些事：它创建了一个全新的对象。它会被执行[[Prototype]]（也就是__proto__）链接。它使this指向新创建的对象。。通过new创建的每个...

2020-05-27 03:44:13

111浏览

0评论

详解小程序如何避免多次点击，重复触发事件

作为前端开发，我们经常会遇到的场景，比如用户点击获取验证码按钮时，没有反应，大部分用户都会接着点击，这就会造成用户收到多条验证码，这是因为后台api请求比较慢，而客户端体验又做...

2020-05-27 03:44:12

53浏览

0评论

纯javascript实现选择框的全选与反选功能

HTML部分<div id="wrap_input_box" > <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox...

2020-05-27 03:44:11

78浏览

0评论

利用Bootstrap Multiselect实现下拉框多选功能

利用Bootstrap Multiselect实现下拉框多选功能,并在点击事件中获取到所有选中option的value值首先展示项目案例:多选下拉框功能实现.gif下面是所有完整的代码,重点以及主要...

2020-05-27 03:44:10

56浏览

0评论

简单说说如何使用vue-router插件的方法

1 安装
首先，通过 npm 安装 vue-router 插件：
npm install --save vue-router安装的插件版本是：vue-router@3.0.22 用法
2.1 新建 vue 组件
在 router 目录中，新建 views 目录，...

2020-05-27 03:44:09

75浏览

0评论

Koa 中的错误处理解析

不像 express 中在末尾处注册一个声明为 (err, req, res, next) 中间件的方式，koa 刚好相反，在开头进行注册。app.use(async (ctx, next) => { try { await next(); } catch...

2020-05-27 03:44:08

52浏览

0评论

基于three.js实现的3D粒子动效实例代码

一、背景
粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个...

2020-05-27 03:44:06

67浏览

0评论

Vue中使用create-keyframe-animation与动画钩子完成复杂动画

本篇文章主要介绍了 Vue中使用create-keyframe-animation与动画钩子完成复杂动画，分享给大家如何实现这个动画？效果分析点`start`的时候，我们把整个动画拆分为两种效果（过渡和...

2020-05-27 03:44:05

60浏览

0评论

webpack4实现不同的导出类型

webpack最基本的配置就是导出一个静态的对象，但是由于我们业务比较复杂，往往需要动态配置webpack以构建目标代码。幸运的是，webpack为我们提供了动态配置webpack文件的支持。下...

2020-05-27 03:44:01

84浏览

0评论

使用Three.js实现太阳系八大行星的自转公转示例代码

一. Three.js框架简介
Three.js是用javascript编写的WebGL第三方库，运用three.js框架写3D程序，就如同在现实生活中观察一个3D场景一样，让人置身其中。介绍three.js必须提到它的...

2020-05-27 03:43:59

304浏览

0评论

浅谈JavaScript闭包

最近朋友面试被问到了 JS 闭包的问题，本人一时语塞，想起了袁华的一句话：“这道题太难了，我不会做，不会做啊！”。JS 闭包属于面向对象的一个重要知识点，特此本人又开始了一段说走就...

2020-05-27 03:43:58

61浏览

0评论

vue使用keep-alive保持滚动条位置的实现方法

前言
下班前，20分钟，发一篇。。。
简单介绍，使用keep-alive的时候，返回前一页，没有保持滚动条位置。
事实上，就算不使用keep-alive，位置也没有被记录。
但是，在不适用keep-alive的时...

2020-05-27 03:43:56

87浏览

0评论

浅谈发布订阅模式与观察者模式

背景
设计模式并非是软件开发的专业术语，实际上，“模式”最早诞生于建筑学。设计模式的定义是：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说，设计...

2020-05-27 03:43:55

59浏览

0评论

vue响应式系统之observe、watcher、dep的源码解析

Vue的响应式系统
Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript 对象，而当你修改它们时，视图会进行更新，这使得状态管理非常简单直接，我们可...

2020-05-27 03:43:54

102浏览

0评论

NodeJs操作MongoDB教程之分页功能以及常见问题

一,方法介绍
1,聚合操作之countcount()方法可以查询统计符合条件的集合的总数1 db.User.count(<query>) // 此方法等价于 db.User.find(<query>).count()在分布式集合中，会...

2020-05-27 03:43:52

74浏览

0评论

4 种滚动吸顶实现方式的比较

前言我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的是 offsetTop 这个属性，而且...

2020-05-27 03:43:51

76浏览

0评论

浅谈Vue.js组件(二)

插槽（Slot）定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。在子组件中通过加入<slot>元素占位，便能...

2020-05-27 03:43:50

63浏览

0评论

实例分析Array.from(arr)与[...arr]到底有何不同

写在开头：在正文开始之前我们先说明一下类数组(估计大家一定不会陌生)类数组的特点1.有索引
2.有长度
3.是个对象
4.能被迭代特点说明：对于类数组的特点前三个我就不做说明了...

2020-05-27 03:43:48

89浏览

0评论

javascript实现手动点赞效果

做移动开发的时候经常会遇到点赞的一些处理，尤其是当使用字体图标的时候，由于仅希望改变字体，但是字体经过编译之后又和它的.html()不一致，所以导致判断起来比较麻烦，最后想了一...

2020-05-27 03:43:47

54浏览

0评论

详解vue 自定义marquee无缝滚动组件

先上效果图：（1）看起来可能有点卡顿，但是实际上页面上看起来挺顺畅的。（2）思路就是获取每一个列表的宽度，设置定时器移动列表，当移动的距离达到一个列表的宽度的时候，把这个距离放到...

2020-05-27 03:43:46

55浏览

0评论

Angular脚手架开发的实现步骤

简介写一份自定义的angular脚手架吧
写之前我们先解析一下antd的脚手架前提先把 Angular Schematic这篇文章读一遍,确保了解了collection等基础antd脚手架克隆项目git clone...

2020-05-27 03:43:45

79浏览

0评论

nodejs分离html文件里面的js和css的方法

摘要：本文要实现的内容，使用nodejs 对文件的增删改查，演示的例子-》分离出一个html 文件里面的script 和style 里面的内容，然后单独生成js文件和css 文件。中间处理异步的api-...

2020-05-27 03:43:44

149浏览

0评论

vue实现文字横向无缝走马灯组件效果的实例代码

marquee标签已经废弃了，只能手动实现文字走马灯样式
基于vue组件开发<template> <div class="wrap"> // 外框，固定宽度 <div id="box"> // 内部滚动框 <div id="marquee">{...

2020-05-27 03:43:43

120浏览

0评论

关于vue状态过渡transition不起作用的原因解决

总所周知，vue中的transition标签可以方便得进行动画过渡，使用的方法也很简单。<transition name="你要的名字"> 过渡的元素...</transition>这里需要主要一点的是：过渡的元素...

2020-05-27 03:43:42

145浏览

0评论

详解axios中封装使用、拦截特定请求、判断所有请求加载完毕）

•基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用
•vue2.0之后，就不再对 vue-resource 更新，而是推荐使用 axios，本项目也是使用 axios
•...

2020-05-27 03:43:41

43浏览

0评论

vue 点击展开显示更多(点击收起部分隐藏)

功能如下：
这里就需要一开始只显示6个数据，点击展开才显示全部
HTML里调用showdetailList：<div> <p v-for="(item, index) in showdetailList"> <span>{{item.title}}...

2020-05-27 03:43:39

47浏览

0评论

JS隐藏号码中间4位代码实例

本文实例为大家分享了JS隐藏号码中间4位的具体代码，供大家参考，具体内容如下
function resetPhone(phone) { var str = String(phone) var len = str.length; var prev,nex...

2020-05-27 03:43:39

49浏览

0评论

js中数组常用方法总结（推荐）

前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开...

2020-05-27 03:43:38

57浏览

0评论

详解vue-cli3 中跨域解决方案

此方案只能用于开发环境，线上最好设置同源策略（遇到个后端,装你妈批）前后端不在同一服务器的情况下，前端要访问后端API，可通过在vue.config.js中配置代理服务器。0：前提条件1：安装v...

2020-05-27 03:43:37

59浏览

0评论

JavaScript 性能提升之路（推荐）

在平时工作做项目的过程中我们有时候会遇到页面加载很久才加载出来的情况，这样严重影响了用户的体验效果。虽然说有时候可能是因为网络问题，但有些时候确实是前端代码没有足够...

2020-05-27 03:43:36

74浏览

0评论

Vue中computed、methods与watch的区别总结

前言对于那些开始学习Vue的人来说，对于方法、计算属性和观察者之间的区别有点混淆。
尽管通常可以使用它们中的每一个来完成或多或少相同的事情，但了解每个人在哪里胜过其他人...

2020-05-27 03:43:35

58浏览

0评论

关于JavaScript 数组你应该知道的事情（推荐）

首先做一个粗体声明：循环经常是无用的，并且使得代码很难阅读。
当谈到迭代一个数组的时候，无论你想去查找元素，排序或者任何其他的事，都有可能存在一个数组的方法供你使用。然而，...

2020-05-27 03:43:34

87浏览

0评论

小程序分享模块超级详解(推荐)

导语：在小程序项目开发中，分享能力几乎是每个项目必备的要求，但原生的分享能力比较有限，不够灵活，今天就我们就一起来研究下，如何在现有基础上，增强小程序分享的能力，使信息传递更加...

2020-05-27 03:43:33

78浏览

0评论

详解vue.js移动端配置flexible.js及注意事项

前言最近在用vue做移动端项目，网上找了一些移动端适配的方案，个人觉得手淘团队flexible.js还是比较容易上手，在这里做下总结。主体flexible.js适配方案采用rem布局，根据屏幕分辨...

2020-05-27 03:43:31

首页 «1410 141114121413 1414 »尾页

热门文章