- 博客(99)
- 问答 (2)
- 收藏
- 关注
原创 实现echart大屏动画效果及全屏布局错乱解决方式
如何实现echarts动画效果?如何实现表格或多个垂直布局的柱状图自动滚动效果?如何解决tooltip位置超出屏幕问题,如何解决legend文字过长,布局错乱问题?如何处理饼图的中心图片永远居中?本文将主要解决以上问题,
2024-12-17 17:22:44
1126
原创 javascript中类型比较
本篇文章包括:javascript的六个布尔值为false、javascript的比较规则、相等操作符比较规则、Number的类型转换、'true'==true、与NaN的比较 、为什么为false、!和!!的区别、==和===的区别、typeof和instanceof的区别。
2023-03-01 10:31:27
855
原创 uniapp上高德(百度)地图API的使用(APP安卓)
当uniapp自带的map无法满足开发需求,通过webview、renderjs使用百度或高德的api进行开发地图。
2023-02-14 16:53:55
8677
2
原创 【Webpack】基础知识点
目录一、相关概念二、相关操作Ⅰ.两个js文件打包成1个js文件Ⅱ.自动生成html文件Ⅲ.打包css文件Ⅳ.打包less文件Ⅴ.打包图片文件Ⅵ.处理字体图标Ⅶ.降级js语法三、开发服务器一、相关概念本质:一个第三方模块包,用于分析,并打包代码支持所有类型的文件的打包支持less/sass=>css支持ES5/7/8=>ES5webpack打包流程:初始化包...
2022-03-06 21:05:45
1579
原创 web服务器案例
//1.导入需要的模块//1.1导入http模块const http=require('http');//1.2导入fs模块const fs=require('fs');//1.3导入path模块const path=require('path')//2.创建基本的web服务器//2.1创建web服务器const server=http.createServer();//2.2监听web服务器的request事件server.on('request',function(req,re.
2022-03-04 18:01:37
285
原创 使用fs和path完成clock时钟案例
开始布局结构:完成之后布局结构:index.html文件内容:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="i.
2022-03-04 17:28:37
177
原创 封装简易模板引擎
布局结构:html文件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">.
2022-03-02 17:32:17
146
原创 封装属于自己的Ajax
布局结构html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-03-02 17:13:24
510
原创 前端和后端交互过程
1.通过html和css编写前台页面,通过js添加动态效果2.通过node.js和express框架搭建静态服务器3.通过mysql进行数据的存储过程:①前端通过ajax发起请求给后端,②后端接收到请求之后,后端通过node里面的mysql模块链接数据库,③数据库检测到请求,通过node的mysql模块给后端服务器返回数据,④后端服务器接收到数据之后,将数据响应到前台页面,⑤前台页面通过artTemplate模板引擎渲染到前台页面上。...
2022-03-01 11:13:38
9777
原创 补充知识点
目录一、JSON对象和字符串的相互转换二、insertAdjacentHTML()三、双击禁止选中文字一、JSON对象和字符串的相互转换//JSON//对象转换为字符串var person={ "name":"zhangsan", "done":true}; var str=JSON.stringify(person);//字符串转换为对象var str='{"name":"zhangsan","done":true}';var obj=JSON.p
2022-02-27 20:25:05
283
原创 【jQuery基础语法】下
目录一、事件事件注册事件解绑自动触发事件事件对象二、隐式迭代三、链式编程四、排他思想五、jQuery拷贝对象六、jQuery多库共存七、jQuery插件一、事件事件注册单个事件注册element.事件(function(){事件处理程序})多个事件注册elem...
2022-02-26 22:28:12
763
原创 【CSS】补充知识
目录文字阴影盒子阴影透明度文字阴影text-shadowh-shadow 必须 水平偏移值 允许负值v-shadow 必须 垂直偏移值 允许负值blur 可选 模糊度color 可选 阴影颜色盒子阴影box-shadowh-shadow 必须 水平偏移值 允许负值v-shadow 必须 垂直偏移值 允许负值blur 可选 模糊度spread 可选 阴影扩大colo...
2022-02-15 20:56:33
226
原创 【移动端】基础语法
目录一、字体图标iconfont使用字体图标---unicode编码使用字体图标---类名二、平面转换Ⅰ.位移Ⅱ.旋转Ⅲ.缩放三、空间转换Ⅰ.空间位移Ⅱ.空间旋转立体呈现Ⅲ.空间缩放四、过渡五、动画六、视口七、布局百分比布局(流式布局)flex布局(弹性布局) 八、移动适配补充知识:渐变透视一、字体图标iconfont使用字体图标---unicode编码①引入样式表:iconfont.css<.
2022-02-15 20:02:41
442
原创 移动端设备分辨率
pc 分辨率1920*10801366*768缩放150%(1920/150%)*(1080/150%)(1366/150%)*(768/150%)硬件分辨率(出厂设置)缩放调节的分辨率(软件设置)物理分辨率是生产屏幕时就固定的,它是不可改变的逻辑分辨率是由软件(驱动)决定的代码参考分辨率是逻辑分辨率目标: 网页宽度和设备宽度(分辨率)相同解决方法:添加视口标签...
2022-02-05 14:27:18
867
原创 【ES6】基础语法
目录一、对象二、类1.创建类constructor构造函数类中添加方法2.继承三、声明变量1.let2.const3.let、const、var的区别四、解构赋值 1.数组解构 2.对象解构五、箭头函数六、剩余参数1.扩展运算符2.合并数组七、内置对象的拓展1.Array的扩展方法2.String扩展方法3.Set八、模板字符串1.可以解析变量2.可以换行3.可以调用函数两大编程思想...
2021-11-25 20:05:55
332
原创 【JavaScript】进阶语法【下】
目录一、严格模式Ⅰ.开启严格模式1.为脚本开启严格模式2.为函数开启严格模式Ⅱ.严格模式的变化1.变量规定 2.严格模式下this指向问题 3.函数变化二、高阶函数1. 变量作用域2. 闭包3.递归4.深拷贝和浅拷贝三、正则表达式1.创建正则表达式2.测试正则表达式test3.边界符4.字符类5.量词符一、严格模式Ⅰ.开启严格模式 可以应用到...
2021-11-25 19:27:54
660
原创 【javascript】进阶语法【上】
目录一、构造函数和原型二、js的成员查找机制(规则)三、组合继承:构造函数+原型对象借用构造函数继承父类型的属性借用原型对象继承父类型方法四、ES5新增的方法1.数组方法some和forEach的区别2.字符串方法3.对象方法五、函数的定义和调用1.函数的定义2.函数的调用和this指向3.改变函数内部this指向4.call apply bind的比较一、构造函数和原型静态成员 构造函数本身上添加的...
2021-11-24 10:30:33
947
原创 使用面向对象思想的小项目------tab栏切换
目录一、功能二、步骤三、代码获取一、功能1.点击tab栏,可以切换效果2.点击+号,可以添加tab栏和内容项3.点击x号,可以删除当前的tab项和内容项4.双击tab项文字或者内容项文字,可以修改里面的文字内容二、步骤抽取对象tab对象切换功能①添加点击事件,切换②添加一个清除类的方法③调用清除方法,为点击li添加点击样式的类添加功能①创建新的选项卡li和新的内容section②把创建的两个元素追加到对应的父元素中③利用inse
2021-11-23 15:16:19
281
原创 jquery的应用----todolist小项目
本文章介绍了使用jquery完成的todolist项目,涉及jquery阶段知识以及本地存储相关知识
2021-11-22 11:31:08
414
原创 【jQuery基础语法】上
目录一、jquery的入口函数二、DOM对象和jQuery对象的相互转化DOM对象转换为jQuery对象:jQuery对象转换成DOM对象:三、jquery常用的API四、jquery尺寸五、jquery位置六、jquery方法把js中的dom操作进行了封装一、jquery的入口函数$(function(){ //此处是页面的DOM加载完成的入口 });$(document).ready(function(){...
2021-11-22 11:24:06
575
原创 js在移动端的使用
目录一、touch触摸事件二、触摸事件对象TouchEvent三、拖动元素四、移动端特效一、touch触摸事件touchstart 手指触摸到一个DOM元素时触发touchmove 手指在一个DOM元素上滑动时触发touchend 手指从一个DOM元素上移开时触发二、触摸事件对象TouchEventtouches 正在触摸屏幕的所有手指的一个列表targetTouches 正在触摸当前DOM元素上的手指的一个列表changeTou...
2021-11-17 16:23:25
909
原创 Bom基础语法
包含一些dom基础知识,window对象,定时器,js执行机制,this指向,location、navigator、history对象,网页特效属性(offset、 scroll、 client )动画封装,节流阀
2021-11-16 20:00:35
386
空空如也
iframe加载pdf乱码问题
2022-07-28
关于javascript闭包的问题
2021-09-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人