编程开发 - 教程之家

编程开发

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

92浏览

0评论

利用js实现Vue2.0中数据的双向绑定功能

Object.defineProperty了解
语法：Object.defineProperty(obj, prop, descriptor) obj 要定义属性的对象。 prop 要定义或修改的属性的名称 descriptor 要定义或修...

2021-08-10 22:13:32

44浏览

0评论

微信小程序实现计算器小功能

微信小程序现在越来越火爆了，我也看到很多在校大学生都在自学了，那些专门从事APP开发，网页开发的工作者更是看到了小程序的前景，在小程序领域也掺上一脚，本人也是自学小程序的，初...

2021-08-10 22:13:30

41浏览

0评论

Element Plus实现Affix 固钉

目录一、组件介绍
二、源码分析
2.1 template
2.2 script
2.3 实现总结：一、组件介绍
Affix组件用于将页面元素固定在特定可视区域。
1.1 属性 position：指定固钉的位置，可...

2021-08-10 22:13:29

45浏览

0评论

微信小程序实现计算器案例

本文实例为大家分享了微信小程序实现计算器的具体代码，供大家参考，具体内容如下项目展示页面设计分为上面输入的显示部分和下面按键部分<view c...

2021-08-10 22:13:27

48浏览

0评论

vue-route路由管理的安装与配置方法

介绍Vue Router 是 Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由...

2021-08-10 22:13:25

52浏览

0评论

微信小程序页面返回传值的4种解决方案汇总

目录使用场景
解决方案
1、使用globalData实现2、使用本地缓存Storage实现3、使用小程序的Page页面栈实现4、使用wx.navigateTo API的events实现总结
使用场景
小程序从A页...

2021-08-10 22:13:24

48浏览

0评论

React中Portals与错误边界处理实现

目录Portals
错误边界处理
如果没有使用错误边界会怎样？
注意点
Portals
可以说是插槽，但不同于 Vue 中的 slot，它指的是将一个 React 元素渲染到指定的容器 (真实 DOM) 中...

2021-08-10 22:13:23

47浏览

0评论

JavaScript defineProperty如何实现属性劫持

目录前言描述符
细说get 和 set劫持对象的某个属性
劫持对象的所有属性
劫持对象的所有属性 - 包括对象类型的属性值
defineProperty的缺陷defineProperty还可以挂载属性
de...

2021-08-10 22:13:19

42浏览

0评论

小程序实现简单的计算器

本文实例为大家分享了小程序实现简单计算器的具体代码，供大家参考，具体内容如下#app.json{ "pages": [ "pages/index/index", "pages/logs/logs" ], "window": {...

2021-08-10 22:13:17

63浏览

0评论

微信小程序实现计算器功能

本文实例为大家分享了微信小程序实现计算器功能的具体代码，供大家参考，具体内容如下一、微信小程序开发工具界面二、目录结构第一次进到页面它的目录结构如下：三、需要注意的问...

2021-08-10 22:13:16

46浏览

0评论

用微信小程序实现计算器功能

本文是用微信小程序写的一个简单的计算器，有兴趣的小伙伴可以了解一下。页面部分<view class='box'> <view class='txt'>{{screenNum}}</view> <view capture-bind:t...

2021-08-10 22:13:14

46浏览

0评论

Vue-Jest 自动化测试基础配置详解

目录安装
配置
常见错误测试前的工作
处理依赖
生成实例和 DOM
总结
引用
目前开发大型应用，测试是一个非常重要的环节，而在 Vue 项目中做单元测试可以用 Jest，Jest 是 faceboo...

2021-08-10 22:13:13

58浏览

0评论

vue实现可改变购物数量的购物车

本文实例为大家分享了vue实现改变购物数量的购物车，供大家参考，具体内容如下效果图：知识点：1.computed 计算属性
2.filters 过滤器实现代码：<!DOCTYPE html><html lang="en"><hea...

2021-08-10 22:13:12

59浏览

0评论

微信小程序wxs日期时间处理的实现示例

目录1、时间戳转日期
2、UTC转北京时间
WXS（WeiXin Script）是小程序的一套脚本语言，wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。其中包括了很多日常...

2021-08-10 22:13:06

59浏览

0评论

微信小程序虚拟列表的实现示例

目录前言
分析初始渲染方法
初步优化
进一步优化
方法二
前言
大部分小程序都会有这样的需求，页面有长列表，需要下拉到底时请求后台数据，一直渲染数据，当数据列表长时，会发现明显...

2021-08-10 22:13:04

34浏览

0评论

Vue 级联下拉框的设计与实现

目录1.数据库设计2.前端页面3.一个完整的demo 在前端开发中，级联选择框是经常用到的，这样不仅可以增加用户输入的友好性，还能减少前后端交互的数据量。本文以elementUI...

2021-08-10 22:13:02

56浏览

0评论

微信小程序实现锚点定位功能的方法实例

前言在小程序开发中，我们经常会遇到滚动列表查看的需求，那么使用锚点定位来实现可以达到交互体验更加友好的效果，我们看下项目中实现的效果：功能实现
采用小程序视...

2021-08-10 22:12:58

35浏览

0评论

JavaScript如何监测数组的变化

前言之前介绍defineProperty的时候说到，其只能监测对象的变化，并不能监测数组的变化。本文致力于说清楚怎么实现监测数组的变化。核心思路：找到改变原数组的方法，然后对这些方法...

2021-08-10 22:12:56

40浏览

0评论

小程序实现计算器功能

本文实例为大家分享了小程序实现计算器功能的具体代码，供大家参考，具体内容如下实现模拟手机上的计算器，输入即可运算本页面是做一个计算收款的页面，如果不需要下面的内容可以删...

2021-08-10 22:12:55

57浏览

0评论

微信小程序计算器实例详解

微信小程序计算器实例，供大家参考，具体内容如下index.wxml<view class="content"> <view class="num">{{num}}</view> <view class="operotor">{{op}}</view></view><vi...

2021-08-10 22:12:53

61浏览

0评论

微信小程序实现简易计算器

微信小程序之简易计算器，供大家参考，具体内容如下一、介绍1.中缀表达式中缀表达式是一种通用的算术或逻辑公式表示方法，操作符以中缀形式处于操作数的中间。中缀表达式是人们常...

2021-08-10 22:12:52

57浏览

0评论

Vue虚拟Dom到真实Dom的转换

再有一颗树形结构的Javascript对象后，我们需要做的就是讲这棵树跟真实Dom树形成映射关系。我们先回顾之前的mountComponnet 方法：export function mountComponent(vm, el) {...

2021-08-10 22:12:51

67浏览

0评论

Vue实现登陆跳转

本文实例为大家分享了Vue实现登陆跳转的具体代码，供大家参考，具体内容如下不说废话，先上效果图~具体的实现方法，参照以下步骤~1.创建login.vue，绘制login画面，添加跳转事件。
<tem...

2021-08-10 22:12:49

61浏览

0评论

原生Javascript实现继承方式及其优缺点详解

目录前言原型继承优点构造函数继承
优点
缺点
组合式继承
寄生式组合继承总结前言最近在复习javascript的一些基础知识，为开启新的征程做准备。所以开始记录一些自己学习的内...

2021-08-10 22:12:47

35浏览

0评论

nodejs利用readline提示输入内容实例代码

目录前言
1. bat执行js
2. 终端提示输入版本号、执行打包命令
3. 修改版本号文件
总结前言
最近进行小版本发包测试时忘记修改版本号了，进而想到在打包前提示输入版本号，然后...

2021-08-10 22:12:45

71浏览

0评论

手把手带你用React撸一个日程组件

目录业务背景
使用技术技术难点设计思路
😱一脸懵逼苦
🙄开始构思
🌲目录结构
🛠拆分组件
代码实现
Container容器组件
CalendatrHeader头部容...

2021-08-10 22:12:41

43浏览

0评论

vue实现界面滑动效果

本文实例为大家分享了vue实现界面滑动效果的具体代码，供大家参考，具体内容如下项目需求+效果图1.项目需求【点击底部导航栏，切换页面的时候，会有一个滑动的效果】2.效果图代码+...

2021-08-10 22:12:40

45浏览

0评论

微信小程序实现简单的计算器功能

本文实例为大家分享了微信小程序实现计算器功能的具体代码，供大家参考，具体内容如下wxml<view class='content'> <input value='{{calculation}}'></input> <view class='bo...

2021-08-10 22:12:33

73浏览

0评论

微信小程序实现简单计算器功能

微信小程序：简单计算器，供大家参考，具体内容如下对于才接触小程序不久的人来说，想要直接上手一个实用性强的项目难度很大，想要快速熟悉小程序的使用，我们可以先尝试着做一个简单的...

2021-08-10 22:12:31

48浏览

0评论

ElementUI在实际项目使用步骤详解

目录1.表格自排序2.分页功能3.el-checkbox-group多选框4.封装日历组件5.用antv-G2实现雷达图6.多语言支持1.表格自排序目标：点击入职时间后面的上下箭头可以实现当前页数据按...

2021-08-10 22:12:29

44浏览

0评论

Vue两个同级组件传值实现

Vue组件之间是有联系的，避免不了组件之间要互相传值，父给子使用v-bind绑定自定义属性和使用props来接受
子给父使用@自定义事件='函数' this.$emit('自定义事件','要发送的内...

2021-08-10 22:12:25

52浏览

0评论

vue Nprogress进度条功能实现常见问题

NProgress是页面跳转是出现在浏览器顶部的进度条
官网：http://ricostacruz.com/nprogress/
github：https://github.com/rstacruz/nprogress下图中的这种顶部进度条是非常常见...

2021-08-10 22:12:24

51浏览

0评论

js实现axios限制请求队列

目录背景是：会造成什么情况呢？背景是：在实际开发中，可能会遇到网络问题或者查询量比较大的情况，上一个请求还没有完成，用户就发起了下一个请求。会造成什么情况呢？但是同一个请求多...

2021-08-10 22:12:22

60浏览

0评论

微信小程序实现九宫格效果

本文实例为大家分享了微信小程序实现九宫格效果的具体代码，供大家参考，具体内容如下1.九宫格实现示例图： Tips: 说明：使用 display: -webkit-flex;对布局做兼容。保证每排三个图...

2021-08-10 22:12:20

63浏览

0评论

vue使用引用库中的方法附源码

monaco-editor-vue的官方源码如下Index.jsimport * as monaco from 'monaco-editor/esm/vs/editor/editor.api';function noop() { }export { monaco };export default { n...

2021-08-10 22:12:19

54浏览

0评论

webpack的移动端适配方案小结

目录rem
vw
适配第三方UI框架
结语
在移动端开发的过程中，一个最常见的问题就是适配不同的屏幕宽度。目前比较常见的适配方案有rem和vw，它们都是css中的相对单位。rem
W3C对re...

2021-08-10 22:12:16

62浏览

0评论

JavaScript分页组件使用方法详解

分页组件是web开发中常见的组件，请完成pagination函数，在id为jsPagination的DOM元素中完成分页的显示部分，需求如下1、最多连续显示5页，居中高亮显示current页（如demo1所示)
2、t...

2021-08-10 22:12:15

56浏览

0评论

JavaScript canvas实现俄罗斯方块游戏

俄罗斯方块是个很经典的小游戏，也尝试写了一下。不过我想用尽量简洁逻辑清晰的代码实现。不用过多的代码记录下落方块的模型，或者记录每一个下落方块的x,y。想了下面的思路，然...

2021-08-10 22:12:13

45浏览

0评论

关于vue3编写挂载DOM的插件问题

vue3 跟 vue2 相比，多了一个 app 的概念，vue3 项目的创建也变成了// main.jsimport { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'element-...

2021-08-10 22:12:11

52浏览

0评论

vue实现旋转木马动画

本文实例为大家分享了vue实现旋转木马动画的具体代码，供大家参考，具体内容如下图片数量可为任意值都能正常处理 [1-无限个]：<!DOCTYPE html><html><head> <title></title>...

2021-08-10 22:12:10

54浏览

0评论

Element树形控件整合带图标的下拉菜单(tree+dropdown+input)

目录需求说明：实现步骤：本文主要讲述：自定义树形控件<el-tree>需求说明：Element UI 官网提供的树形控件包含基础的、可选择的、自定义节点内容的、带节点过滤的以及可拖拽节点的...

2021-08-10 22:12:08

59浏览

0评论

react为什么不推荐使用index作为key

1.旧的虚拟dom和新的虚拟dom对比，首先看他们的key是否相同
2.相同继续对比他们的内容，不同生成新的真实dom进行替换
3.如果内容和key都相同，复用旧的真实dom 不做改变
那么如果...

2021-08-10 22:12:06

298浏览

0评论

node.js做一个简单的爬虫案例教程

准备工作首先，你需要下载 nodejs，这个应该没啥问题吧原文要求下载 webstrom，我电脑上本来就有，但其实不用下载，完全在命令行里面操作就行创建工程准备工作做完了，下面就开...

2021-08-10 22:12:05

45浏览

0评论

TypeScrip中泛型的案例详解

泛型的定义// 需求一：泛型可以支持不特定的数据类型，要求，传入的参数和返回参数一致// 这种方式虽然能实现传入和返回的参数一致，但是失去类型参数检验/*function getData(va...

2021-08-10 22:12:03

71浏览

0评论

TypeScript定义接口(interface)案例教程

接口的作用：接口，英文：interface，其作用可以简单的理解为：为我们的代码提供一种约定。在Typescript中是这么描述的： TypeScript的核心原则之一是对值所具有的结构进行类型检查...

2021-08-10 22:12:02

47浏览

0评论

vue实现一个滚动条样式

起初是想修改浏览器滚动条样式来达到效果
但是查阅了资料浏览器滚动条不能修改宽度与位置
没办法只能自己写
首先是滚动条样式<div class="scrollBar" v-if="roleList.leng...

2021-08-10 22:12:01

43浏览

0评论

React中useEffect 与 useLayoutEffect的区别

目录前置知识
useEffect
commitBeforeMutationEffects
commitMutationEffects
commitLayoutEffects
后续阶段
useLayoutEffect
结论
前置知识
我们可以将 React 的工作流程...

2021-08-10 22:11:59

47浏览

0评论

JavaScript css3实现简单视频弹幕功能

本文尝试写了一个demo模拟了最简单的视频弹幕功能。思路：设置一个<div>和所播放的video的大小一致，把这个div标签蒙在video上面用于放置弹幕。在video的右边放一个<ul>列表用...

2021-08-10 22:11:58

108浏览

0评论

vue中实现全屏以及对退出全屏的监听

目录前言：实现步骤：完整源码：更多资料：前言： vue中实现默认进来页面，某个div全屏，并监听退出全屏的次数，当退出全屏次数达到5的时候跳转到别的页面。实现步骤：1、页面...

2021-08-10 22:11:56

39浏览

0评论

Vue3.0 自己实现放大镜效果案例讲解

需要实现的效果是: 固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。 css中的cursorhttps://www.runoob.com/cssref/pr-class-cursor.html&...

2021-08-10 22:11:52

首页 «653 654655656 657 »尾页

热门文章