- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Echarts
目的:借助图形化手段，清晰有效地传达与沟通有效信息Apache EChartshttps://echarts.apache.org/zh/index.html一：基本使用1.下载并引入echarts.js文件 官网下载在本地新建一个文件夹，在当前目录打开终端 使用命令git clone https://github.91chi.fun/https://github.com/apache/echarts.git2.准备一个具备大小的DOM容器3.初始化echarts实例对象4.
2022-05-18 10:41:32
928
原创 jQuery
1.1 使用步骤下载jQueryhttps://jquery.com/与bootstrap导入相似，不同这是js导入<script src="jquey路径"></script>1.2 选择器$('选择器')$('p').css('backgroundColor','pink')//4.dom对象转jQ对象let li=document.querySelector('li')let $li2=$(li)$li2.css('backgroundColo
2022-05-16 09:13:54
87
原创 js改变字符串中指定字符的颜色
1.先用正则指定改变颜色的字符，g表示全局匹配2.获取页面元素3.将匹配到的字符用新的样式代替4.解析标签//e为要改变颜色的字符（传入的参数）//this.brief是指定的字符串searchinfo(e){ let res=new RegExp("("+e+")",'g'); let b=document.querySelector('.brief') let a; a=this.bri
2022-05-15 11:39:39
3241
原创 js 高级
复习补充：BOM浏览器对象模型window对象:navigator、location、history、screen(屏幕相关属性)、documentwindow事件:load、DOMContentLoaded、beforeunload、dragover（拖曳）、drop（鼠标放开时触发）classList:add、remove、toggle、contains自定义属性:data-xxx...
2022-05-14 14:06:51
108
原创 Web ApI（JS进阶）
1 web api 基本认知作用:使用JS去操作html和浏览器组成部分:DOM:浏览器根据html标签生成的JS对象(DOM)对象，DOM核心是把内容当对象来处理BOM(浏览器对象模型)2 DOM2.1document 对象提供的属性和方法都是用来访问和操作网页内容的例:document.write()网页所有内容都在document里面2.11 根据css选择器来获取DOM元素1.querySelector选择匹配一个元素参数:包含一个或多个有效的css.
2022-05-12 09:24:17
597
原创 js基础语法
1.1 js是什么？运行客户端(浏览器)的编程语言，实现人机交互效果1.2 js的作用1.网页特效(监听用户的一些行为让网页作出对应的反馈)2.表单验证(针对表单数据的合法性进行判断)3.数据交互(获取后台的数据，渲染到前端)4.服务端编程(node.js)1.3 javaScript的组成1.31 ECMAScript规定了js基础语法核心知识（变量、分支语句、循环语句、对象等等）1.32 Web APIsDOM 操作文档，比如对页面元素进行移动、大小、添加删除
2022-05-06 22:55:08
689
原创 响应式布局
目录1.1媒体查询补充（视口宽度处于某个区间，差异化样式）1.2 媒体查询 link写法2.2 bootstrap框架（Twitter公司开发维护）1.1媒体查询补充（视口宽度处于某个区间，差异化样式）样式具有层叠性，越靠近body区域，则往上重叠视口区间用min-width（像素值从小到大书写） max-width(从大到小) 用的最多完整写法@media 关键词 媒体类型 and （媒体特性) {}关键词:and/only/not（了解）媒体类型.
2022-05-03 16:06:55
76
原创 移动端布局
目录1.1 早期流式布局即百分比布局2.1 flex布局(ie6,7,8,9无效)2.2 flex主轴对齐方式2.3 flex侧轴对齐方式2.4 修改主轴方向3.1 移动适配3.2 vw,vh(相对视口的尺寸计算结果)1.1 早期流式布局即百分比布局宽度自适应，高度固定 浮动+百分比2.1 flex布局(ie6,7,8,9无效)设置方式父元素添加 display:flex;子级水平排列正在上传…重新上传取消默认主轴：横着的轴 侧轴：竖着的轴
2022-05-02 21:57:53
409
原创 css3简记(2D&3D&动画)
1.1 页面装饰背景图片，position控制精灵图的位置 大小:background-size:;box-shadow:h-shadow/v-shadow/blur/spread/color/insert;blur模糊度，spread阴影扩大, insert:可改为内部阴影box-shadow:10px 5px 1px 3px green insert;1.2 过渡transition:all 1s;1.3 搜索引擎优化SEO:让网站在搜索引擎上的排名靠前<met
2022-04-27 10:26:14
120
原创 css基础语法简记
1.1 内嵌式写在style标签里1.2 外联式 引入css文件<link rel="stylesheet" href="">1.3 行内式写在标签里面 <div style="color:red"></div>2.1 标签选择器 p{属性名：属性值}2.2 类选择器 可以控制多个标签 .day{} <div class="day"></div>2.3 id选择器 只能用于控制一个标签 #day{} <div
2022-04-24 22:50:47
218
原创 Markdown基础语法
Typora(文本编译器)(符号为英文才有效，为了更好解释本文全篇符号为中文)#+空格+内容 一级标题##+空格+内容 二级标题……(到六级标题)＊＊+内容+＊＊加粗＊+内容+＊ 斜体＊＊＊+内容+＊＊＊ 加粗斜体~~+内容+~~删除线(大于)>+空格+内容 引用效果-(三个短横线)或者*** 分割线!+[图片名称]+(图片路径) 加图片[名字]+(链接地址)数字+点+空格+内容+回车 有序列表减号+空格+内容+回车 无序列表右键插入
2021-12-18 01:56:46
471
数据可视化基础项目+h5css3+javascript+echarts+flex+rem适配
2022-05-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人