WEB开发
-
JavaScript中单例模式这样用
如果希望自己的代码更优雅、可维护性更高以及更简洁，往往离不开设计模式这一解决方案。在JS设计模式中，最核心的思想：封装变化（将变与不变分离，确保变化的部分灵活，不变的部分稳定）。单例模式那么来说说第一个常见的设计模式：单例模式。单例模式保证一个类仅有一个实例，并提供一个访问它的全局访问方式，为了解决
-
HTML5和CSS3基础
HTML元素空元素不是所有元素都拥有开始标签、内容和结束标签。一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。这些元素被称为空元素例如：元素``是用来在页面插入一张指定的图片。布尔属性有时会看到没有值的属性，这也是完全可以接受的。这些属性被称为布尔属性。布尔属性只能有一个值，这个值
-
echarts渲染3d地图以及交互事件
环境vue2导入安装npm包echartsecharts-glimport*asechartsfrom"echarts"import"echarts-gl"html<divid="map-container"></div>jsimportGeoZJfrom'mapJson.j
-
vue 父子组件之间传值
在vue中父子组件传值是必不可少的，大家必须要学会！ 首先父组件向子组件传值： 父组件：比如我们传teacher为index，如果我们传值变量可以使用:绑定我们在data中定义的变量。 子组件：为了规范一般使用对象的形式，type表示值的类型，d
-
Vue，小程序开发技术详解
目前应用最广的三大前端框架分别是Vue、React和Angular。其中，不管是BAT大厂，还是创业公司，Vue都有广泛的应用。如今，再随着移动开发小程序的蓬勃发展，Vue也广泛应用到了小程序开发当中。今天，就来详细为大家介绍：为什么vue值得学习、vue和小程序会碰撞出什么火花。一、首先认识下Vu
-
vue3+ElementPlus 后台布局搭建
一、https://element-plus.gitee.io/zh-CN/官网 二、后台布局Layui 代码示例如下<template><divclass="app_container"><divclass="common-
-
div容器的keydown按键事件
情况说明：onKeydown事件触发条件：容器中某个元素获取焦点时，按键。因此无效的原因是当前容器内并没有元素获取焦点。方案一：容器中监听快捷键解决方案：利用全局监听window.onKeydowndocument.onkeydown方案二：窗口中多个容器，监听各自的快捷键与“方案一”不同的是，需要
-
webgl 系列 —— 绘制一个点（版本2、版本3、版本4、版本5）
绘制一个点我们初步认识了webgl，本篇主要围绕绘制一个点的示例，逐步实现下面功能：点的位置从js传入着色器点的大小由js传入着色器通过鼠标点击绘点通过鼠标点击绘点，并改变点的颜色绘制一个点（版本2）需求在上篇中我们在canvas中心绘制了一个点（效果如下），但这点的位置是直接写在顶点着色器中gl_
-
第124篇: 期约Promise
好家伙,本篇为《JS高级程序设计》第十章“期约与异步函数”学习笔记 1.异步编程同步行为和异步行为的对立统一是计算机科学的一个基本概念。特别是在JavaScript这种单线程事件循环模型中，同步操作与异步操作更是代码所要依赖的核心机制。异步行为是为了优化因计算量大而时间长的操作。如果在等待
-
记录--虚拟滚动探索与封装
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助1.介绍什么是虚拟滚动？虚拟滚动就是通过js控制大列表中的dom创建与销毁，只创建可视区域dom，非可视区域的dom不创建。这样在渲染大列表中的数据时，只创建少数的dom，提高性能。2.分类在虚拟滚动技术中，虚拟滚动可以分为定高虚拟滚动和非
-
web网络基础
客户端和服务器客户端与服务器的通信互联网：错综复杂的网络,比如每个快递车走的路.TCP/IP：定义数据如何传输的通信协议,比如快递的包装,发货规则.DNS：域名系统服务器,输入一个网址时,找到网页的服务器,才能发送HTTP请求到正确的地方。(域名->IP),比如发货地址.HTTP：超文本传输协
-
react组件实例属性props
propsprops简单使用classPersonextendsReact.Component{render(){return(<ul><li>姓名:{this.props.name}</li><li>年龄:{this.props.age}</l
-
模块化开发
1|01、模块化的发展过程varmoduleObj={userName:'zhangsan',fn:function(){console.log('helloworld')}}使用方式<html><head></head><body><scrip
-
react组件实例属性state
state有状态state的组件称作复杂组件,没有状态的组件称为简单组件状态里存储数据,数据的改变驱动页面的展示<scripttype="text/babel">//创建组件classWeatherextendsReact.Component{//构造器调用1次constructor(p
-
移动端 H5 实现拍照功能
下面是实现移动端H5拍照功能的几种方法：1、使用<inputtype="file">：通过HTML5规范中的<inputtype="file">调用系统摄像头，并选择拍摄的照片。但这种方式可能会导致页面刷新。实现移动端H5拍照功能的代码：在HTML中创建一个<input
-
记录--这样封装列表 hooks,一天可以开发 20 个页面
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助这样封装列表hooks,一天可以开发20个页面前言在做移动端的需求时，我们经常会开发一些列表页，这些列表页大多数有着相似的功能：分页获取列表、上拉加载、下拉刷新···在Vue出来compositionAPI之前，我们想要复用这样的逻辑还是比
-
JQuery动态生成的按钮无法触发问题与解决方法
JQuery动态生成的按钮无法触发问题与解决方法起因:利用JQuery动态添加的按钮无法通过$(selector).click方法触发点击事件//在网页加载完成后动态添加表格$(function(){//通过Ajax向后台请求程序$.ajax({method:"post",url:"all-user
-
vh 存在问题？试试动态视口单位之 dvh、svh、lvh
大部分同学都知道，在CSS世界中，有vw、vh、vmax、vmin这几个与视口Viewport相关的单位。正常而言：1vw等于1/100的视口宽度（ViewportWidth）1vh等于1/100的视口高度（ViewportHeight）vmin—vmin的值是当前vw和vh中较小的值vmax—vw
-
react的refs属性
refsRefs提供了一种方式，允许我们访问DOM节点或在render方法中创建的React元素创建refs字符串形式refs（过时了）//refkey为自命名内容,value为节点inputclassDemoextendsReact.Component{showData=()=>{//拿到的
-
Css 常用布局方式
1.CSS参考手册2.元素的分类首先我们要知道一共有几种元素1.行内元素（可以与其他行内元素位于同一行，不会以新行开始高度、宽度不能设置）2.块级元素（每个块级元素都从新的一行开始，其后的元素也另起一行。默认排列方式：从上至下元素的高度、宽度、行高、内外边距都可设置）3.行内块元素（和其他元素都在一
-
【促进开发】上海道宁与DHTMLX为您提供易于使用且功能丰富的JavaScript组件
DHTMLX提供有效且专业设计的JavaScript/HTML5工具使开发人员能够以更少的时间和精力创建具有丰富界面和快速性能的复杂Web和移动应用程序 DHTMLX使用JavaScriptUI库促进开发易于使用且功能丰富的JavaScript组件非常适合您在任何领
-
记录--手把手教学，实现一个优雅的图片预览
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助在我们开发项目中，经常会遇到预览图片的需求。也就是点击图片，会全屏显示该图片。需求很简单，但是如何让实现更优雅就需要花点心思了。最终效果图基础版本实现方式点击图片，创建蒙层，克隆图片将图片添加定位属性，并添加到蒙层中将蒙层添加到body中观
-
如何手动补充陈年老库（或纯 JS 代码）的 TypeScript 类型？
目录前置知识-JavaScript的各种模块化情况前置知识2-让你写的d.ts在工程中生效1.全局模块的定义2.ES模块的定义2.1.默认导出2.2.导出类2.3.注意事项3.CommonJS模块定义3.1.挨个导出3.2.默认导出4.声明类型（TypeScript中的interface或type）
-
antd 3.x升4.x踩坑之路～
我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。兼容性问题第三方依赖兼容问题React-最低v16.9，部分组件使用hooks重构react升级相关文档Less-最低v3.1.0，建议升级到less4.x@ant-desi
