编程开发 - 教程之家

编程开发

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

130浏览

0评论

electron+vue实现div contenteditable截图功能

最近在学习基于electron + electron-vue开发聊天客户端项目时，需要用到编辑器插入表情功能。一般通过input或textarea也能实现，通过插入[笑脸]、(:12 这些标签，展示的时候解析...

2020-05-27 01:57:47

168浏览

0评论

vue项目中在可编辑div光标位置插入内容的实现代码

vue项目中在可编辑div光标位置插入内容html：<div class="mouse-move fl f12 h22 lh22 mg-r5 sms-item" @dragstart="dragStart($event, item.labelName)" draggable='tru...

2020-05-27 01:57:45

92浏览

0评论

JS实现吸顶特效

本文实例为大家分享了JS实现吸顶特效的具体代码，供大家参考，具体内容如下知识点1.scroll家族和offset家族的结合运用
2.当nav的offsetTop大于屏幕卷去高度的时候，进行吸顶
3.添...

2020-05-27 01:57:44

134浏览

0评论

微信小程序实现吸顶效果

最开始的时候，在小程序中实现吸顶效果，开发工具看起来还挺好的，但是在真机上就会有问题了。原因是我不停的去 setData 会导致操作反馈延迟严重，无法及时将操作处理结果及时传递...

2020-05-27 01:57:43

120浏览

0评论

vue.js自定义组件实现v-model双向数据绑定的示例代码

我们都清楚v-model其实就是vue的一个语法糖，用于在表单控件或者组件上创建双向绑定。//表单控件上使用v-model<template> <input type="text" v-model="name" /> <input type...

2020-05-27 01:57:42

129浏览

0评论

js实现移动端吸顶效果

今天来简单的写一个吸顶，供大家参考，具体内容如下先罗列一下吸顶需要使用到的属性
** scrollTop 获取当前滚动的距离（也就是盒子距离顶部的距离）
offsetTop 盒子距离顶部的高度...

2020-05-27 01:57:41

97浏览

0评论

JS实现网站吸顶条

本文实例为大家分享了JS实现网站吸顶条的具体代码，供大家参考，具体内容如下今天写一个关于网站中吸顶条的思路 1、吸顶条就是在网页移动到一定距离的时候，让某个内容，固定显示...

2020-05-27 01:57:40

110浏览

0评论

jquery实现吸顶导航效果

本文实例为大家分享了jquery实现吸顶导航效果的具体代码，供大家参考，具体内容如下css: *{margin:0;padding:0;} body{ margin:0 auto; max-width:10rem; } header{ width:10...

2020-05-27 01:57:39

178浏览

0评论

Vue v-model组件封装(类似弹窗组件)

v-model是vue的一个语法糖，限制在input和textarea等这些表单元素中，官网所给的例子也是仅限于表单组件Vue.component('base-checkbox', { model: { prop: 'checked', event:...

2020-05-27 01:57:38

111浏览

0评论

js实现多个标题吸顶效果

对于导航的吸顶效果，pc端和移动端的需求可能有些差异。在pc端，我们通常只需要一个顶部导航；在移动端，在滑动页面的时候，更需要多个标题的吸顶（例如地区的选择，需要将省份吸顶）。单个...

2020-05-27 01:57:37

62浏览

0评论

你知道JavaScript Symbol类型怎么用吗

Symbol 类型
根据规范，对象的属性键只能是字符串类型或者 Symbol 类型。不是 Number，也不是 Boolean，只有字符串或 Symbol 这两种类型。
到目前为止，我们只见过字符串。现在我们...

2020-05-27 01:57:36

65浏览

0评论

你可能从未使用过的11+个JavaScript特性(小结)

重要
这篇文章中描述的大多数功能已被暂停使用（甚至不推荐使用）。它们仍然在许多图书中很常见，因此值得学习。
一、逗号运算符
, 是用于分隔表达式并返回链中最后一个表达式的...

2020-05-27 01:57:34

206浏览

0评论

js判断浏览器的环境（pc端，移动端，还是微信浏览器）

今天突然看到一段很好的代码，分享给大家，顺便也给自己留个笔记，js判断浏览器的环境具体如下：方法一： // 判断浏览器函数 function isMobile(){ if(window.navigator.userAgen...

2020-05-27 01:57:33

301浏览

0评论

JS如何实现网站中PC端和手机端自动识别并跳转对应的代码

1. 代码场景：描述：在项目中，一般我们会使用响应式布局的方式或者借助bootstrap等插件来做响应式的网站。但是根据业务的需求，手机端可能会在功能上精简很多，我们也会写两套代码，...

2020-05-27 01:57:32

57浏览

0评论

nuxt配置通过指定IP和端口访问的实现

非常简单，只要加一个配置！第1步，复制这个代码（端口可改） "config": { "nuxt": { "host": "0.0.0.0", "port": "8090" } },第2步，找到根目录下的package.json，把代码粘贴进去...

2020-05-27 01:57:31

57浏览

0评论

微信小程序实现吸顶特效

本文实例为大家分享了微信小程序实现吸顶特效的具体代码，供大家参考，具体内容如下效果图wxml代码：<view class="xiding {{oneFixed}}" id="tab"> <van-row custom-class="goo...

2020-05-27 01:57:30

66浏览

0评论

微信小程序wxs实现吸顶效果

在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行，导致了整个用户交互的动画过程会有延迟)，所以使用wxs响应事...

2020-05-27 01:57:29

91浏览

0评论

微信小程序静默登录的实现代码

1.通过 wx.login获取登录凭证（code）wx.login({ success: function (res) { console.log(res.code)； } }）2.在此处获得appid 和 secret ：https://developers.weixin.qq.com/sandb...

2020-05-27 01:57:28

61浏览

0评论

小程序自定义模板实现吸顶功能

本文实例为大家分享了小程序实现吸顶功能的具体代码，供大家参考，具体内容如下//如图所示----这里用了自定义组件实现了小程序吸顶功能//WXML<view class="i-sticky-demo"> <i...

2020-05-27 01:57:27

61浏览

0评论

微信小程序基于movable-view实现滑动删除效果

基于movable-view实现的一种较为完美的滑动删除效果前言：用了很多去实现滑动删除的效果，都不太尽如人意，最后用小程序官方专用滑动组件来实现，但是这个组件有一点坑，咱们慢慢道来...

2020-05-27 01:57:24

68浏览

0评论

微信小程序实现页面浮动导航

一、前言做复杂的小程序就与web页面的区别原来越小了，一些web页面的功能会被要求添加到微信小程序页面中。二、功能页面在滑动的时候顶部页面导航跟随滑动，当点击导航中的任意...

2020-05-27 01:57:23

55浏览

0评论

JS实现商品橱窗特效

本文实例为大家分享了JS实现商品橱窗特效的具体代码，供大家参考，具体内容如下知识点换算公式
① 滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽度
滚动条长度/盒子的长...

2020-05-27 01:57:22

56浏览

0评论

Vue快速实现通用表单验证的示例代码

本文开篇第一句话，想引用鲁迅先生《祝福》里的一句话，那便是：“我真傻，真的，我单单知道后端整天都是CRUD，我没想到前端整天都是Form表单”。这句话要从哪里说起呢？大概要从最近半个...

2020-05-27 01:57:21

55浏览

0评论

Websocket 向指定用户发消息的方法

场景
用户正常发送一个http请求，需要处理一个耗时很长的任务，有可能这个任务要处理好几分钟，在任务处理期间后台要不断的发送当前处理的进度日志等信息，打印在前端。也就是说...

2020-05-27 01:57:20

59浏览

0评论

Nodejs + Websocket 指定发送及群聊的实现

目的通过nodejs + ws (Websocket) 实现点对点发送及群聊发送
项目搭建直接跳过，这里列举一下用到的插件
yarn add wsWebSocket话不多说，直接上码对比上一篇文章 << Nodejs+M...

2020-05-27 01:57:19

69浏览

0评论

一看就会的vuex实现登录验证（附案例）

一、vuex是啥？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来...

2020-05-27 01:57:17

58浏览

0评论

Vue-axios-post数据后端接不到问题解决

1 前言
最近在前后端联调的时候发现了一个问题，可能自己平时不注意发送的内容格式，导致解决问题的路上，走了很多弯路，尤其是在刚刚懂了一点Vue知识之后，发送请求的各种花式写法也...

2020-05-27 01:57:16

116浏览

0评论

js实现左右轮播图

本文实例为大家分享了js实现左右轮播图的具体代码，供大家参考，具体内容如下我的轮播图功能有：自动播放、点击焦点切换和点击左右按钮切换效果图：自动轮播点击焦点切换点击左右按...

2020-05-27 01:57:15

57浏览

0评论

JavaScript复制变量三种方法实例详解

这篇文章主要介绍了JavaScript复制变量三种方法实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下直接将一个变量...

2020-05-27 01:57:14

79浏览

0评论

如何在Node和浏览器控制台中打印彩色文字

这篇文章中，我们主要研究的是如何在Node中打印出彩色文字，浏览器的只是附带。一、常用场景：
1、在Wepack的打包过程中，显示打包完成后，控制台输出了几行注目的彩色文字信息。2、...

2020-05-27 01:57:13

76浏览

0评论

微信小程序新闻网站详情页实例代码

准备工作：1、在微信公众号平台，申请小程序账号，获取appid 2、下载并安装微信开发者工具3、做不同分辨率设备的自适应：单位使用rpx IPhone6下 1px=1rpx=0.5pt 使用rpx，小程序会自...

2020-05-27 01:57:12

110浏览

0评论

js实现旋转木马轮播图效果

本文实例为大家分享了js实现旋转木马轮播图的具体代码，供大家参考，具体内容如下整个页面的文件结构如下图所示：html部分代码：<!DOCTYPE html><html lang="en"><head> <meta char...

2020-05-27 01:57:09

84浏览

0评论

jquery选择器和属性对象的操作实例分析

本文实例讲述了jquery选择器和属性对象的操作。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery-选择器</title> <meta charset="UTF-8"/> <script src="http://l...

2020-05-27 01:57:08

101浏览

0评论

jQuery操作元素的内容和样式完整实例分析

本文实例讲述了jQuery操作元素的内容和样式。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作元素的样式和内容</title> <meta charset="UTF-8"/> <script sr...

2020-05-27 01:57:07

110浏览

0评论

JS图片懒加载的优点及实现原理

这篇文章主要介绍了JS图片懒加载的优点及实现原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下图片懒加载优势：
增强...

2020-05-27 01:57:06

102浏览

0评论

JS数组属性去重并校验重复数据

这篇文章主要介绍了JS数组属性去重并校验重复数据,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下新任务: 下拉框出去重...

2020-05-27 01:57:05

109浏览

0评论

基于JS判断对象是否是数组

这篇文章主要介绍了基于JS判断对象是否是数组,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1、通过instanceof判断
in...

2020-05-27 01:57:04

85浏览

0评论

jQuery操作元素追加内容示例

本文实例讲述了jQuery操作元素追加内容。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作文档结构</title> <meta charset="UTF-8"/> <script src="http://li...

2020-05-27 01:57:03

81浏览

0评论

jQuery操作事件完整实例分析

本文实例讲述了jQuery操作事件。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作事件</title> <meta charset="UTF-8"/> <script src="http://libs.baidu.com...

2020-05-27 01:57:02

98浏览

0评论

基于JavaScript判断两个对象内容是否相等

这篇文章主要介绍了基于JavaScript判断两个对象内容是否相等,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下ES6中有一...

2020-05-27 01:57:01

80浏览

0评论

jQuery操作动画完整实例分析

本文实例讲述了jQuery操作动画。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作动画</title> <meta charset="UTF-8"/> <script src="http://libs.baidu.com...

2020-05-27 01:57:00

115浏览

0评论

bootstrap实现嵌套模态框的实例代码

项目上有一个需求，需要在已经弹出的一个bootstrap模态框的基础上再弹一个模态框。因为bootstrap官方不建议这么做，最后实现的过程属实不易。以下是解决方案：html代码：<div id="c...

2020-05-27 01:56:59

54浏览

0评论

基于vue-draggable 实现三级拖动排序效果

vue-draggable 之前项目中需要用到拖动排序，就去网上找资料，本来最开始是想用jquery-ui里的拖动的，后面发现不符合我的预期也不知道能不能跟vue.js兼容，后面我试过了，单个的可以...

2020-05-27 01:56:58

54浏览

0评论

webpack proxy 使用(代理的使用)

为什么要写篇文章
这两天的开发中遇到一些需要代理才能解决的问题, 在这里记录一下, 方便以后的查阅.
为什么要用代理跨域在开发过程中, 我们的开发环境一般都是http:// loc...

2020-05-27 01:56:41

125浏览

0评论

vue实现购物车选择功能

使用vue制作一个购物车功能，只是一个测试版本，注重的是功能实现，界面并没有做好，数据也是模拟数据等不说那么多，直接上代码<template> <div id="app"> 全选<input type="checkbo...

2020-05-27 01:56:40

142浏览

0评论

js实现橱窗展示效果

本文实例为大家分享了js实现橱窗展示的具体代码，供大家参考，具体内容如下思路1、获取需要的标签2、求出滚动条的长度（公式：滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽...

2020-05-27 01:56:39

109浏览

0评论

js实现蒙版效果

本文实例为大家分享了js实现蒙版效果展示的具体代码，供大家参考，具体内容如下思路1.监听按钮的点击
2.阻止冒泡（最关键的一点）
3.让隐藏的显示出来
4.隐藏滚动条
5.点击文档：获取...

2020-05-27 01:56:38

55浏览

0评论

javascript实现蒙版与禁止页面滚动

本文实例为大家分享了javascript实现蒙版与禁止页面滚动的具体代码，供大家参考，具体内容如下项目需求：页面很长，要求加个蒙版，点击特定位置蒙版消失可以滑动页面，否则蒙版存在页面...

2020-05-27 01:56:37

78浏览

0评论

jquery实现图片无缝滚动蒙版遮蔽效果

本文实例为大家分享了jquery实现图片无缝滚动、蒙版效果的具体代码，供大家参考，具体内容如下1、无缝连接：通过对li设置属性float：left；消除标签之间的间隔
2、通过对ul整体进行偏...

2020-05-27 01:56:36

73浏览

0评论

jQuery实现手风琴效果（蒙版）

本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2020-05-27 01:56:35

首页 «1504 150515061507 1508 »尾页

热门文章