全部 前端开发 后端开发 软件设计 操作系统 圆形菜单选择器 代码: head style .mask{ position: absolute; width: 502px; height: 252px; left:300px; top:350px; background: white; z-index: 999; } .con { width: 500px; height: 500px; overflow: hidden; position: absolute; border-radius: 100%; border: 1p 原生JS拖拽 想要让整个元素移动需要三个事件: 鼠标按下 onmousedown 鼠标移动 onmousemove 鼠标抬起 onmouseup html div id=\"login\" class=\"login\" !-- 点击title拖拽 -- div id=\"title\" class=\"login-title\"登录会员 !-- vue中使用echarts图表自适应的几种基本解决方案 1.使用window.onresize let myChart = echarts.init(document.getElementById(dom))window.onresize = function () { myChat.resize()} 优点:可以根据窗口大小实现自适应 缺点: 多个图表自适应写法比较麻烦(当一个页 HTML元素拖拽功能的实现 1 需要了解的知识点 1.1 offset(偏移量) 定义:元素在屏幕上占用的所有的可见的空间。 元素可见的大小由其高度、宽度决定,包括所有内边距、滚动条和边框大小四个属性 offsetHeigh 简单理解offsetleft、offsetTop、offsetParent ele.offsetParent返回的是ele元素最近的并且是定位过(relative,absolute)的父元素,如果没有父元素或者是父元素中没有一个是定位过的,返回值就是body元素 ele.offsetLeft和ele.offsetTop取值问题,分 三剑客:offset、client和scroll还傻傻分不清? 在学习前端的过程中,我们经常会碰到offset, client与scroll,所以我就把它们称作为‘三剑客\'。 01 offset - 偏移量 定义:元素在屏幕上占用的所有的可见的空间。 元素可见的大小由其高度 javascript条件语句的优化技巧 对多个条件使用 Array.includes function test(fruit) { if (fruit == \'apple\' || fruit == \'strawberry\') { console.log(\'red\'); }} 上面的例子看起来不错。然而,如果还有更多红颜色的水果需要判断呢,比如樱 echarts浮动显示单位实现方法 例子: echarts浮动显示单位实现方法 echarts浮动显示单位,实现代码如下: // 设置echarts中的formatter参数 formatter: function(a) { let list = []; let listItem = \"\"; for (var i = 0; i a.length; i++) { if (i 2) Js实现复制粘贴的两种方法 一、前沿 界面需要复制功能,所以就写了一个作为简单记录 二、方法、推荐第二种。 1、第一种方法 1)、通过 document.execCommand(\'copy\') 2)、前端代码如下: !DOCTYPE htmlhtml lang=\"en\"hea 可拖拽组件slider.js 基于 mithril.js ,javascript ,scss写一个可拖动的滑块组件,供大家参考,具体内容如下 问题描述: 需求需要实现一个可拖动的滑块组件,但是又不能用UI框架,只好自己动手写一个了。 废话 Vue使用Elementui修改默认最快方法! 相信大家都需要过,在Vue中使用Elementui的时候,遇到最多也最蛋疼的问题就是修改默认样式,接下来直奔主题; // template el-progress :text-inside=\"true\" :stroke-width=\"26\" :percentage=\"70\" /el-pr 10分钟学会js处理json常用方法 一、json定义 JSON ( JavaScript Object Notation) ,它是一串字符串 只不过元素会使用特定的符号标注。 {} 双括号表示对象 [] 中括号表示数组 \"\" 双引号内是属性或值 : 冒号表示后者是前者的值 JS操作JSON常用方法 一、概念简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScrip Vue如何实现验证码输入交互 最近做一个H5的页面,里面有个输入验证码交互,就是移动端比较常见的那种验证码输入交互。就是那种,对,就是那种,一个数字一个下划线,移动端非常常见的那种验证码交互。实 全局自定义鼠标右键菜单 前言 html全局自定义鼠标右键菜单 一、效果展示 二、源代码 !DOCTYPE htmlhtml head meta charset=\"utf-8\" title/title style type=\"text/css\" #TextBox{ width: 200px; height: 200px; border: 1px solid #000; } #menu{ positi element-ui中Steps步骤条和Tabs标签页关联 步骤条和标签页的简单关联 1.步骤条: 步骤条的 acitve 属性用来设置当前激活的步骤,类型为 number el-steps :active=\"active - 0\" finish-status=\"success\" el-step title=\"步骤 1\"/el-step el-step title=\"步 vue-router定义元信息meta router/index.js import Vue from \'vue\'import VueRouter from \'vue-router\'import Home from \'../views/Home.vue\'import Test from \'../views/Test.vue\'import NotFound from \'../views/NotFound.vue\'import TestChild from \'../views/TestChild. 详解Vue中的自定义指令 除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。在Vue里,代码复用的主要形式和抽象是组件。然而,有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就 vue中使用three.js写全景图 粗暴一点,直接上代码: 第一步: 通过指令下载three.js npm install three -S 第二步: 在组件中引用 import * as THREE from \'three\' 第三步: html部分 div id=\"container\"/div js部分 script import * as THREE from \' vue中使用inheritAttrs实现组件的扩展性 1、首先我们创建一个input组件 template div class=\"inputCom-wrap\" input v-bind=\"$attrs\" / /div/template script lang=\"ts\"import { defineComponent } from \'vue\' export default defineComponent({ inheritAttrs:false,//不希望根直 1 下一页 »