编程开发 - 教程之家

编程开发

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

88浏览

0评论

js实现无缝轮播图特效

用原生js实现无缝轮播图，供大家参考，具体内容如下index.js：var config = { imgWidth:380,//图片尺寸 dotWidth:8,//小圆点尺寸 doms:{ divImgs:document.querySelector('.imgs'...

2020-05-27 01:24:34

105浏览

0评论

Node.js API详解之 os模块用法实例分析

本文实例讲述了Node.js API详解之 os模块用法。分享给大家供大家参考，具体如下：os是Node的一个基础模块，提供了一些操作系统相关的属性接口。通过 const os = require('os');...

2020-05-27 01:24:33

138浏览

0评论

详解react组件通讯方式(多种)

1、父组件向子组件传值父组件向子组件传值一般采用props属性传递父组件：import React from 'react'import Child from './Child'const dataList = [ { id: '001', value: '张...

2020-05-27 01:24:32

158浏览

0评论

微信小程序中使用 async/await的方法实例分析

本文实例讲述了微信小程序中使用 async await的方法。分享给大家供大家参考，具体如下：
微信小程序中有大量接口是异步调用，比如 wx.login()、wx.request()、wx.getUserInfo()...

2020-05-27 01:24:30

97浏览

0评论

Vue 的双向绑定原理与用法揭秘

本文实例讲述了Vue 的双向绑定原理与用法。分享给大家供大家参考，具体如下：Vue 中需要输入什么内容的时候，自然会想到使用 <input v-model="xxx" /> 的方式来实现双向绑定。下...

2020-05-27 01:24:29

126浏览

0评论

ES5 模拟 ES6 的 Symbol 实现私有成员功能示例

本文实例讲述了ES5 模拟 ES6 的 Symbol 实现私有成员功能。分享给大家供大家参考，具体如下：ES6 中有类语法，定义类变得简单了class Person { constructor(name) { this._na...

2020-05-27 01:24:27

57浏览

0评论

JavaScript布尔运算符原理使用解析

布尔运算符分为四种: 取反运算符(!) 且运算符(&&) 或运算符(||) 三元运算符( ? 表达式1 : 表达式2 )
取反运算符(!)
用于将任何值转换为布尔值后再变为相反值,即t...

2020-05-27 01:24:26

104浏览

0评论

基于vue3.0.1beta搭建仿京东的电商H5项目

前言就在前段时间，vue官方发布了3.0.0-beta.1 版本，趁着五一假期有时间，就把之前的一个电商商城的项目，用最新的Composition API拿来改造一下！GitHub地址请访问：https://github.co...

2020-05-27 01:24:25

75浏览

0评论

JS 设计模式之：单例模式定义与实现方法浅析

本文实例讲述了JS 设计模式之：单例模式定义与实现方法。分享给大家供大家参考，具体如下：良好的设计模式可以显著提高代码的可读性，降低复杂度和维护成本。笔者打算通过几篇文章...

2020-05-27 01:24:23

85浏览

0评论

JS 设计模式之：工厂模式定义与实现方法浅析

本文实例讲述了JS 设计模式之：工厂模式定义与实现方法。分享给大家供大家参考，具体如下：前言上次我们介绍了单例模式，没看过的小伙伴可以看这个链接：浅析 JS 设计模式之：单例模式...

2020-05-27 01:24:22

66浏览

0评论

让IDE识别webpack的别名alias的实现方法

许多项目脚手架默认就会把src目录添加一个@别名，项目中实际引入时，虽然可以精简路径，但也带来一个很麻烦的问题：
IDE无法识别这些别名，因此导致无法自动完成路径、无法识别引用资...

2020-05-27 01:24:20

65浏览

0评论

将Vue组件库更换为按需加载的方法步骤

本文介绍了将Vue组件库更换为按需加载的方法步骤，分享给大家，具体如下：按需加载DEMO仓库地址
背景
我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积...

2020-05-27 01:24:17

69浏览

0评论

JavaScript面向对象三个基本特征实例详解【封装、继承与多态】

本文实例讲述了JavaScript面向对象三个基本特征。分享给大家供大家参考，具体如下：了解过面向对象的同学应该都知道，面向对象三个基本特征是：封装、继承、多态，但是对于这三个词具...

2020-05-27 01:24:15

71浏览

0评论

深入webpack打包原理及loader和plugin的实现

本文讨论的核心内容如下： webpack 进行打包的基本原理如何自己实现一个 loader 和 plugin注：本文使用的 webpack 版本是 v4.43.0 , webpack-cli 版本是 v3.3.11 ， node 版...

2020-05-27 01:24:14

77浏览

0评论

JavaScript面向对象之七大基本原则实例详解

本文实例讲述了JavaScript面向对象之七大基本原则。分享给大家供大家参考，具体如下：面向对象编程有自己的特性与原则，如果对于面向对象有一些了解的话，面向对象三大特征，封装、继...

2020-05-27 01:24:12

72浏览

0评论

Vue SSR 即时编译技术的实现

当我们在服务端渲染 Vue 应用时，无论服务器执行多少次渲染，大部分 VNode 渲染出的字符串是不变的，它们有一些来自于模板的静态 html，另一些则来自模板动态渲染的节点（虽然在客户...

2020-05-27 01:24:10

160浏览

0评论

Layui弹框中数据表格中可双击选择一条数据的实现

Layui提供的功能如下（预览）可自行查看：layui官网此模块的链接
着急看双击选中直接看标黄色部分假设这是个弹窗里的表格和数据点击圆圈，圆圈变绿则为选中，选中后点击上方查看数据...

2020-05-27 01:23:42

119浏览

0评论

javascript 代码是如何被压缩的示例代码

随着前端的发展，特别是 React ， Vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大，而毫无疑问 javascri...

2020-05-27 01:23:39

88浏览

0评论

JS面试题中深拷贝的实现讲解

在面试中你是否遇到过如下场景：Q：小朋友，你是否了解如何拷贝一个对象？R：此时，机智的你可能会想到Object.assign({}, obj);Q：那如何深拷贝一个对象呢？R：机智的你JSON.parse(JSON.strin...

2020-05-27 01:23:32

118浏览

0评论

Node.js API详解之 timer模块用法实例分析

本文实例讲述了Node.js API详解之 timer模块用法。分享给大家供大家参考，具体如下：Node.js API详解之 timertimer 模块暴露了一个全局的 API，用于在某个未来时间段调用调度函数...

2020-05-27 01:23:29

63浏览

0评论

angular组件间传值测试的方法详解

前言
我们知道angular组件间通讯有多种方法，其中最常用的一种方法就是借助于 @Input 和 @Output 进行通讯。具体如何通讯请参考angular组件间通讯，本文不再赘述，我们来讲讲关于...

2020-05-27 01:23:27

108浏览

0评论

简单了解JavaScript弹窗实现代码

功能
点击写点什么弹窗，可以输入文字。
关闭弹窗时自动保存，并且将弹窗内容转换为段落中的文字。
low没有下限
实现
step1 设置弹窗容器，包含关闭按钮和文本区域，设置display为...

2020-05-27 01:23:25

131浏览

0评论

微信小程序pinker组件使用实现自动相减日期

首先，我这里使用pinker组件代码为<view class="section"> <view class="section__title">开始时间</view> <picker mode="date" value="{{date}}" start="{{startTime}}"...

2020-05-27 01:23:24

148浏览

0评论

JavaScript设计模式之观察者模式与发布订阅模式详解

本文实例讲述了JavaScript设计模式之观察者模式与发布订阅模式。分享给大家供大家参考，具体如下：
学习了一段时间设计模式，当学到观察者模式和发布订阅模式的时候遇到了很大的...

2020-05-27 01:23:22

116浏览

0评论

Vue双向绑定实现原理与方法详解

本文实例讲述了Vue双向绑定实现原理与方法。分享给大家供大家参考，具体如下：昨天接到一个电话面试，上来第一个问题就是Vue双向绑定的原理。当时我并不知道如何监听数据层到视图...

2020-05-27 01:23:20

95浏览

0评论

基于better-scroll 实现歌词联动功能的代码

BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 fe...

2020-05-27 01:23:19

75浏览

0评论

angular组件间通讯的实现方法示例

前言一个Angular应用一般情况下包含多个组件，而且要让组件互相之间能进行通讯（数据传送），这样才能构成一个有机的完整系统。1、情景引入
下面例举一个实际遇到的情况：
上图页面包...

2020-05-27 01:23:18

54浏览

0评论

Vue简单实现原理详解

本文实例讲述了Vue实现原理。分享给大家供大家参考，具体如下：用了Vue也有两年时间了，一直以来都是只知其然，不知其所以然，为了能更好的使用Vue不被Vue所奴役，学习一下Vue底层的基...

2020-05-27 01:23:16

63浏览

0评论

基于javascript实现日历功能原理及代码实例

日历
在学习javascript过程中，菜鸟教程有一个javascript实例---css日历，感觉挺有趣的，在它的基础上增加了一些简单的功能（差点哭辽）。功能
按照传统日历方式显示该月的每一天。...

2020-05-27 01:23:15

68浏览

0评论

Javascript幻灯片播放功能实现过程解析

javascript实现幻灯片播放
实现原理
step1 设置容器，包含图片、翻页、下标等元素，通过相对定位来布局。 step2 将幻灯片变化，需要改变的元素放在一个字容器内，display设为non...

2020-05-27 01:23:14

62浏览

0评论

原生JavaScript创建不可变对象的方法简单示例

本文实例讲述了原生JavaScript创建不可变对象的方法。分享给大家供大家参考，具体如下：Javascript是一种灵活的语言，你可以重新定义任何东西，但是当项目变得复杂时，我们会发现可变...

2020-05-27 01:23:13

127浏览

0评论

JavaScript交换变量的常用方法小结【4种方法】

本文实例讲述了JavaScript交换变量的常用方法。分享给大家供大家参考，具体如下：许多算法需要交换2个变量。在编码面试中，可能会问您“如何在没有临时变量的情况下交换2个变量？”...

2020-05-27 01:23:12

156浏览

0评论

用VsCode编辑TypeScript的实现方法

TypeScript是Javascript的超集，它提供了类、模块、接口来帮助你构建强大的组件。VS Code下TypeScript支持在两种不同的模式下运行：文件范围：在这个模式下，VsCode打开的TypeScrip...

2020-05-27 01:23:11

75浏览

0评论

VSCode搭建React Native环境

安装 React Native Tools在插件市场搜索 react 找到 React Native Tools 进行安装：创建的react-native的工程拖入vscode中点击F5即可运行react-native此时可能出现如下界面，...

2020-05-27 01:23:08

57浏览

0评论

JS控制下拉列表左右选择实例代码

使用JS控制下拉列表左右选择需求分析在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名称,分类...

2020-05-27 01:23:06

63浏览

0评论

element-ui 实现响应式导航栏的示例代码

开始之前
按照计划，前端使用Vue.js+Element UI，但在设计导航栏时，发现element没有提供传统意义上的页面顶部导航栏组件，只有一个可以用在很多需要选择tab场景的导航菜单，便决定在...

2020-05-27 01:23:04

142浏览

0评论

JavaScript中的各种宽高属性的实现

在js中，存在着N多的关于高度和宽度的属性，比如：clientHeight、offsetHeight、scrollHeight、availHeight、scrollLeft、scrollTop、style.height、innerHeight、outerHeight、s...

2020-05-27 01:23:03

163浏览

0评论

JavaScript cookie原理及使用实例

什么是cookie？cookie 是本地计算机的临时存储。作用：在浏览器中进行数据的存储,用户名、密码（比如：保存页面信息，自动登录等）。特点： cookie需要在服务器环境下运行； cookie的容量...

2020-05-27 01:22:59

85浏览

0评论

JavaScript ES6 Class类实现原理详解

JavaScript ES6之前的还没有Class类的概念，生成实例对象的传统方法是通过构造函数。例如：function Mold(a,b){ this.a=a; this.b=b; } Mold.prototyp...

2020-05-27 01:22:58

99浏览

0评论

JS图片预加载三种实现方法解析

预加载基本概念：当页面打开图片提前加载，并且缓存在用户本地，需要用到时直接进行渲染；在浏览图片较多的网页（百度图库，淘宝京东等），可以有更好的用户体验；一张图片的预加载var img=ne...

2020-05-27 01:22:56

123浏览

0评论

如何实现js拖拽效果及原理解析

元素拖拽分成3个步骤：按下鼠标，移动鼠标，松开鼠标。拖拽原理：按下拖拽元素后开始监听文档中鼠标移动事件，然后再监听鼠标松开事件；鼠标移动时，元素div要随着鼠标一起移动，需要计算元...

2020-05-27 01:22:55

131浏览

0评论

JS数组的常用10种方法详解

数组在JavaScript中经常使用，如何对数组进行增删改非常重要，下面为数组的常用方法：在数组末尾插入元素
arr.push(value)，在数组的末尾添加一个或多个元素，并返回数组的新长度。例...

2020-05-27 01:22:54

112浏览

0评论

基于JavaScript实现控制下拉列表

需求分析
在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名称,分类的描述,以及分类的商品技术...

2020-05-27 01:22:53

133浏览

0评论

JQuery省市联动效果实现过程详解

Js相关技术
JS中的数组: ["城市"]
new Array()
DOM树操作:
 创建节点: document.createElement  创建文本节点: document.createTextNode  添加节...

2020-05-27 01:22:52

178浏览

0评论

使用vue cli4.x搭建vue项目的过程详解

cli-4.x已经发布好久了，斟酌了好久，还是决定将原来的cli-2.x升级到4.x,详细的升级过程可以戳这里1、创建项目 vue create vuetest 2、选择配置方式? Please pick a preset...

2020-05-27 01:22:49

315浏览

0评论

有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案

最近在做钉钉的免登，npm 安装好 dingtalk-jsapi 后，执行 dd.ready()怎么都不生效。但是判断当前环境是不是 ‘notInDingTalk' 时又是有效的。花了很长时间，一直找不到原因。后...

2020-05-27 01:22:46

331浏览

0评论

基于JavaScript实现表格隔行换色

表格隔行换色
需求分析
我们商品分类的信息太多，如果每一行都显示同一个颜色的话会让人看的眼花，为了提高用户体验，减少用户看错的情况，需要对表格进行隔行换色技术分析
table对...

2020-05-27 01:22:45

1498浏览

0评论

Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能

什么是auto.js
Auto.js 是个基于 JavaScript 语言运行在Android平台上的脚本框架，可以编写各种自动化脚本，它主要有以下优点：无需root：基于无障碍服务；
基于控件：以坐标为基础的按...

2020-05-27 01:22:44

352浏览

0评论

Vue实现PC端靠边悬浮球的代码

我想把退出登录的按钮做成一个悬浮球的样子，带动画的那种。实现是这个样子：手边没有球形图。随便找一个，功能这里演示的为单机悬浮球注销登录嗯，具体代码：<div :class="['m...

2020-05-27 01:22:42

152浏览

0评论

Node.js API详解之 util模块用法实例分析

本文实例讲述了Node.js API详解之 util模块用法。分享给大家供大家参考，具体如下：Node.js API详解之 utilutil 模块主要用于支持 Node.js 内部 API 的需求。提供了大部分实用...

2020-05-27 01:22:41

首页 «1529 153015311532 1533 »尾页

热门文章