经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
前端设计:HTMLXHTMLHTML5CSSJavaScriptCSS3HTML DOMjQueryJSONAJAXLESSBootstrapFoundationAngularJSTypeScriptAngularJS2ReactjQuery UIjQuery EasyUINode.jsHighchartsVue.jsCoffeeScriptEmber.jsExt.jsMeteorSASSOmiMarkdown前端开发规范浏览器webpackEchartsthree.jsgo.js
 前端设计

基于python利用Pyecharts使高清图片导出并在PPT中动态展示

目录1.前言2.导出png格式图片3.如何在PPT中展示pyecharts图片 1.前言 pyecharts 是一个用于生成 Echarts 图表的类库。Echarts 是百度开源的一个数据可视化 JS 库。用 Echarts 生成的图可视化效果非常棒,为了与 Python 进行对接,方便在 P...[2022/1/19]

Vue集成阿里云做滑块验证的实践

目录前言集成阿里云验证前端需要什么引入阿里云验证封装一个验证组件使用组件思考 前言 滑块验证是比较常见的人机鉴别手段,但是自己做一时半会还真搞不出来,想想这玩意还挺难琢磨,怎么识别是否是人机呢?本文介绍Vue+阿里云验证做出这个小功能。 集成阿里云验证 前端需要什么 appkey...[2022/1/19]

React-Router6版本的更新引起的路由用法变化

目录用法变化替换为嵌套路由重定向路由跳转路由传参search传参动态路由传参其他总结 React Router应该是React生态系统中最受欢迎的库了,npm周下载量达600w+,github也有45.2k的加星,足以说明它是一款非常优秀的库,作为React社区重要的库,它经历了多次迭代和重大更改,...[2022/1/18]

利用vue组件实现图片的拖拽和缩放功能

目录前言如图所示:方法如下:总结 前言 vue实现一个组件其实很简单但是要写出一个好的可复用的组件那就需要多学习和钻研一下,一个好的组件必须有其必不可少的有优点:一是能提高应用开发效率、测试性、复用性等;二是组件应该是高内聚、低耦合的;三是组件应遵循单向数据流的原则。 在实现我的图片的拖拽组...[2022/1/18]

通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二)

通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二) 效果:默认一直隐藏导航栏,当滚动条滚到超过300px按钮出现,点击回到顶部按钮回到顶部,并隐藏按钮,鼠标移动到顶部导航栏出现,鼠标移出导航栏后3秒后再次隐藏(导航栏...[2022/1/18]

关于Vue 自定义指令实现元素拖动的详细代码

昨天在做的一个功能时,同时弹出多个框展示多个表格数据。 这些弹出框可以自由拖动。单独的拖动好实现,给元素绑定 mousedowm 事件。 这里就想到了 Vue 里面自定义指令来实现。 一、自定义指令 在使用自定义指令之前,先对自定义指令有一定的了解。从以下几个方面着手: 1、自定...[2022/1/18]

JavaScript DOM 基础操作

JavaScript DOM 基础操作 一、获取元素的六方式 document.getElementById(''id名称'') 根据id名称获取 document.getElementsBycla Name(''元素类名'') 根据元素类名获取 返回值:伪...[2022/1/18]

详解Vue项目的打包方式(生成dist文件)

目录一、相关配置情况一(使用的工具是 vue-cil)情况二(使用的工具是 webpack) 二、打包  一、相关配置 情况一(使用的工具是 vue-cil)         如果是用 vue...[2022/1/18]

Vue提供的三种调试方式你知道吗

目录一、在 VS Code 中配置调试二、debugger语句三、Vue Devtools总结 一、在 VS Code 中配置调试 使用 Vue CLI 2搭建项目时: 更新 config/index.js 内的 devtool property: devtool: ''source-m...[2022/1/18]

vue+echarts5实现中国地图的示例代码

vue+echarts5实现中国地图的示例代码

使用echarts5.0版本实现中国地图,E charts在5.0版本之后,地图不能直接引入了,需要自己去下载。 地图文件下载地址:下载地址(http: datav.aliyun.com/portal chool/atla area_selector#&lat=30.772340792...[2022/1/18]

JavaScript创建和获取时间的方法

一、获取时间常用方法 1、创建时间对象 var time=new Date() 创建当前的时间信息对象 var time1=new Date(2022,1,1,10,25,30) 创建2022-1-1 10:25:30 的时间对象 2、获取年份信息 var year=ti...[2022/1/18]

Javascript中数组的定义和常见使用方法

一、定义数组 1、定义数组 var arry=[1,2,''小名'',false] var 数组名=[值1,值2,...] 2、设置数组长度 arry.length=10 数组长度设置为10 二、数组常见方法 (1)在尾部增加值(push()) 格式:数组名.push(...[2022/1/17]

一篇文章让你轻松记住js的隐式转化

一篇文章让你轻松记住js的隐式转化

目录前言一、包装类Boolean()扩展Number()引用类型转换Number原始类型转Number还有这些混淆点是需要注意的:扩展String()Object.prototype.toStringArray.prototype.toString二、隐式转化触发规则布尔的隐式转化number的隐式...[2022/1/17]

Python pyecharts实现绘制中国地图的实例详解

目录实例演示1.pyecharts 1.9.1 版本安装与数据准备2.添加数据项,默认中国地图显示常用配置项及参数解析1.设置是否默认选中2.设置地图颜色类型是否分段显示3.缩放平移配置4.启用和关闭图形标记5.关闭标签名称显示6.颜色设置:标签颜色、区域颜色、边框颜色 实例演示 先给大家看下效...[2022/1/17]

Vue开发实践指南之应用入口

目录前言创建应用添加 Loading 效果开始创建应用多页面改造总结 前言 Vue 开发实践为本人的最佳实践,非业内最佳,仅用于提供给各位做参考,这是系列文,但发布时间和内容不固定。 通常情况下一个 前端工程 只会导出 一个 前端单页应用,而 main.js 就是这个应用的入口文件。 创...[2022/1/17]

async await的理解

初识 async 函数表示这个函数内部有异步请求,如果这个 async 函数没有返回值,那么这个 async 仅仅只是一个标识而已. await 需要结合 async 函数一起使用,它通常用于等待一个 Promise 函数或 async 函数的执行(你当然可以写个await 123,但这不会有...[2022/1/17]

基于JS实现弹性漂浮广告的示例代码

目录效果图1.功能(鼠标移入移出事件、点击事件、定时器控制移动)2.div初始样式设置3.获取div可以移动的页面大小4.定时器控制移动,鼠标移入事件停止移动,鼠标移出继续移动。5.点击事件点击让div消失6.完整代码 效果图 1.功能(鼠标移入移出事件、点击事件、定时器控制移动) d...[2022/1/17]

Golang语言JSON解码函数Unmarshal的使用

Golang语言JSON解码函数Unmarshal的使用

目录前言func Unmarshal普通JSONJSON内嵌普通JSONJSON内嵌数组JSONJSON内嵌具有动态Key的JSON总结 前言 工作中我们经常会遇到解码JSON格式的数据,本文通过4个示例介绍工作中常用到的四种 JSON格式。在 Golang语言中,通常是使用标准库的encodi...[2022/1/17]

诡异的 javascript 变量

诡异例子: function DelayExe() {   var a = 10;   setTimeout( function Print() { console.log(a); },  1000  ); } &n...[2022/1/17]

对象及defineProperty 方法

数据属性 configurable 属性是否可以通过 delete 删除并重新定义 是否可以修改他的特性(属性是否可以被配置) 是否可以把它改为访问器属性 默认 true enumerable 属性是否可以通过 for-in 循环返回 默认true writable 属性值是否可以被修改 ...[2022/1/17]

我的简易2048小游戏记录整理

前言 注:该篇记录暂未实现过渡动画以及移动端的上下左右操作 我的2048后续最新效果展示2048GAME (226yzy.com) 还有后续代码我放在了我的Github上了226YZY/my2048game: 我的简易2048小游戏 (github.com) (本篇效果烦请自行根据代码复现...[2022/1/17]

Three.js 实现虎年春节3D创意页面

背景 虎年 ?? 春节将至,本文使用 React + Three.js 技术栈,实现趣味 3D 创意页面。本文包含的知识点主要包括:ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、OrbitCont...[2022/1/17]

jsPDF 添加 中文字体 分页打印 移除空白页

jsPDF 添加 中文字体 分页打印 移除空白页

jsPDF2.5版本 默认不支持utf-8的字体 具体看官方的说明,默认是不支持中文的。要使用中文需要自己添加字体。 1 将字体转换为base64编码 然后引入。也可以直接引入二进制文件,但没试过这个。 建议直接使用jsPFD源码里的 /fontconverter/fontconverter...[2022/1/17]

JavaScript:数据类型详解

ECMAScript中数据类型目前有两种:基本数据类型和引用数据类型。 基本数据类型   基本数据类型也称作简单数据类型,为Undefined,Null,Boolean,Number,String,Symbol。   基本数据类型的特点是:在内存中有固定大小空间,保存在栈中。 1、Undef...[2022/1/17]

call、apply、bind

  call() 和apply()可以看作是某个对象的方法,通过调用方法的形式来间接调用函数。 都是在特定作用域中调用函数,等于设置在函数体内的this的值。 call()和apply()的第一实参是要调用函数的母对象。 注:在严格模式中,call()和apply()第一个实参...[2022/1/17]

HTML基本标签使用

标签使用 标题标签 为了使网页更具有语义化,我们经常会在页面中使用到标题标签HTML共提供了6个等级的网页标题,即-为1到6级标题 标题的重要性为一级标题最重要,依次递减。单词head的缩写,意为头部,标题。 特点是:加了标题的文字会变得加粗,字母的字号也会依次变大,且一个标题独占一行。 ...[2022/1/17]

HTML表格标签

HTML表格标签

html表格标签 表格标签 主要作用:表格主要用于显示、展示教程,因为他可以让数据显示的非常完整,可读性非常好、特别是后台展示数据的时候,能够熟练的运用表格就显得非常重要。一个清爽简约的表格能够把繁杂的数据表现的很有条理。 所以表格不是用来布局的,是用来展示数据的。 基本语法 <ta...[2022/1/17]

HTML表单标签

列表标签 表格是用来显示数据的,那么列表就是用来布局的 列表最大的特点就是整齐、整洁、有序,它作为布局会更加的自由和方便。 列表可以分为无序列表,有序列表,自定义列表。 无序列表 ul标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用li标签定义。 基本语法 ...[2022/1/17]

H5应用转换快应用

1. H5应用及快应用介绍 H5应用 第五代 Html 标准开发的 web 应用,浏览器通过解析 HTML,就可以把网页内容显示出来; 跨平台性; 浏览器上运行。 快应用 提供原生体验的免安装应用; 行业标准,现在有超过12家智能手机厂商支持; 需要在快应用...[2022/1/17]

FileReader()读取文件、图片上传预览

前言 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。 其中File对象可以是来自用户在一个<input>元素上选择文...[2022/1/17]

markdown mermaid状态图

状态图 状态图是一种用于计算机科学和相关领域描述系统行为的图。状态图要求描述的系统由有限数量的状态组成。 语法: stateDiagram-v2 [*] --> Still Still --> [*] Still --> Moving:push...[2022/1/17]

markdown mermaid序列图

序列图(时序图) 序列图是一种交互图,它显示了进程如何相互操作以及按什么顺序操作。 sequenceDiagram participant l as 大灰狼 participant y as 小羊 l->>y:小坏蛋,弄脏我喝的水 y->>l:狼先生,你在...[2022/1/17]

前端综合笔记整理

前端需要学什么? HTML5、CSS3、JavaScript 集成开发环境 IDE(编写和运行) 前段开发环境 编写环境: 高手(记事本) 企业(Sublime、Webstorm、DW、Brackets) 运行环境: 浏览器(Chrome) 学完后能做什么?...[2022/1/17]

神奇的滤镜!巧妙实现内凹的平滑圆角

背景 某日,群友们在群里抛出这样一个问题,如何使用 CSS 实现如下的布局: 在 CSS 世界中,如果只是下述这种效果,还是非常容易实现的: 一旦涉及到圆角或者波浪效果,难度就会提升很多。 实现这种连续平滑的曲线其实是比较麻烦的,当然,也不是完全没有办法。本文,就会带大家看看,使用...[2022/1/17]

CSS文本样式

文本样式 文本缩进 属性名:text-indent 取值: 1、数字+px 2、数字+em(推荐:1em=当前标签font-size的大小)(推荐使用) <style> p{ /* text-indent: 32px; */ 第一种...[2022/1/17]

浏览器内核有几种?

什么是浏览器内核? 简单来说,浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上,浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息 浏览器内核又可以分成两部分:渲染引擎和JS引擎 渲染引擎:负责获取网页的内容并显示,不同的浏览器内核对网页的解析渲染也不同 J...[2022/1/17]

CSS font-size字体

font字体 目标:能够使用字体和文本相关样式修改元素外观样式 字体大小 属性名:front-size 取值:数字+px 注意点:谷歌浏览器的默认值是16px,单位需要设置,否则是无效的。 <style> p{ font-size: 3...[2022/1/17]

px、em、rem三者的区别

概念 px、em、rem都是计量单位,都能表示尺寸,但是有所不同,其各有各的优缺点 px px像素(Pixel),像素px是相对于显示器屏幕分辨率而言的 px作为单位是固定不变的,不能适应浏览器缩放时产生的变化,因此一般不用于响应式网站。 em em的值不固定,会继承父元素的字体大小,...[2022/1/17]

rem自适应移动端布局

简介 在页面整体布局中,页面元素的尺寸大小(长度、宽度、内外边距等)和页面字体的大小也是重要的工作之一。 一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目。反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性;甚至在当下访问终端(iPhone、i...[2022/1/17]

CSS三大特性

C 三大特性 继承性 特性:子元素有默认继承父元素样式的特点 可以继承的常见属性有: 1、color 2、font-style、font-weight、font-size、font-family 3、text-indent、text-align 4、line-height 5.......[2022/1/17]

记录:浏览器渲染过程

网页内容的组成 doctype: 提供浏览器的html版本信息 head : html头部 meta: 元数据信息 charset: 声明当前文档所实用的字符编码 http-equiv: 客户端行为,如渲染模式,缓存等 name[keywords]: 搜索引擎关键字 name[des...[2022/1/17]

a标签如何禁止href跳转或链接?

在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好。 (1)阻止默认事件 阻止默认事件的发生有两个方法: return false e.prev...[2022/1/17]

【HTML】笔记(1)--- HTML的基本标签,实体符号,表格(单元格合并等)

【HTML】笔记(1)--- HTML的基本标签,实体符号,表格(单元格合并等)

楔子:     博主的就业方向是JAVA后端开发嘛,虽然是后端,但是对于一些前端的知识还是要掌握的,所以博主接下来的一段时间要浅学一下 HTMl,CSS,JavaScript,但小生心系后端,所以笔记的话可能会记得"粗糙"一些(手动狗头)。   1、HTML基...[2022/1/17]

【HTML】笔记(2)--- 背景颜色和背景图片;图片img标签;超链接/热链接;列表

1、背景颜色和背景图片: 代码: <!DOCTYPE html> <html> <head> <!-- 这行代码的作用是建议浏览器以“utf-8”字符集打开 注意:并不是设置当前页面的字符编码方式 --> <meta...[2022/1/17]

css3中transition属性详解

c 3中通过transition属性可以实现一些简单的动画过渡效果~ 1、语法 transition: property duration timing-function delay; transition 属性设置元素当过渡效果,是一个复合属性,包括四个简写属性: transiti...[2022/1/17]

【HTML】笔记(3)--- form表单;实现用户注册表单;下拉列表支持多选;file控件;readonly与disabled;maxlength

注意:文中代码的效果仅展示了在浏览器上的外观,并未展示效果,别问,问就是博主懒(硬气地说道)   1、form表单初步: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8...[2022/1/17]

【HTML】笔记(4)--- 元素的id属性;div和span

1、HTML中元素的id属性: 笔记: 1、在HTML文档当中,任何元素(节点)都有id属性,id属性是该节点的唯一标识。所以在同一个HTML文档当中id值不能重复。 2、注意:表单提交数据的时候,只和name有关系,和id无关。 3、id有什么用?     &nbs...[2022/1/17]

【CSS】笔记(0)--- CSS概述;HTML引入CSS样式的三种方式;列表样式;绝对定位

楔子: 1、什么是CSS,有什么作用? 1)CSS(Cascading Style Sheet):层叠样式表语言。 2)CSS的作用是:     修饰HTML页面,设置HTML页面中的某些元素的样式,让HTML页面更好看。 HTML还是主体,CSS依赖HTML。C...[2022/1/17]

采用css3的var实现动态主题切换

背景 因为是一个二期项目,需要在一期的基础上做一些风格的改变,但是苦于没有产品和UI,所以这个事情就落到了前端的头上,一开始只是想的统一一下按钮和标题的颜色(这里就用到了var),顺便做些颜色改动比较方便,后面直接要求做一个动态主题切换(当然只是颜色的切换),所以就顺便研究了一下利用var来实现...[2022/1/17]

vue?请求拦截器的配置方法详解

按如下步骤进行 1.request.js内容:http request请求拦截器和http response服务器响应拦截器配置 2.http.js内容:请求数据方式封装 3.utils.js内容:获取token,判断token是否存在 4.store文件: vuex 仓库配置...[2022/1/3]

57
2
记录数:12201 页数:1/24512345678910下一页尾页
加载更多
 友情链接: NPS