- 博客(22)
- 收藏
- 关注
RSS订阅原创 echarts地图map
在vue中使用echarts绘制图表npm install echarts --save // 全局安装echarts具体代码及注释如下 ：<template> <div> <!-- 为ECharts准备一个具备大小（宽高）的Dom --> <div id="map" :style="{width: '700px', ...
2020-10-13 17:02:46
985
原创 vue项目中天地图的使用
天地图官网注册（创建应用拿到key）官网API实例（参考） 在vue项目中使用天地图在index.html文件中引入cdn资源：<!-- 引入cdn资源 --><script src="http://api.tianditu.gov.cn/api?v=4.0&tk=申请到的KEY值"></script>在webpack.base.conf.js文件中进行配置：module.exports = { externals: {
2020-06-18 10:51:17
5477
6
原创 px/em/rem的区别
px 在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小； em 的值并不是固定的，会继承父级元素的字体大小，代表倍数； rem 的值并不是固定的，始终是基于根元素 <html> 的，也代表倍数。 emem = 希望得到的像素大小 / 父元素字体像素大小浏览器的默认字体高都是 16px，未经调整的浏览器显示 1em = 16px。1em = ...
2018-09-10 21:05:03
738
原创 GET和POST区别
HTTP请求的基本方法：GET和POST HTTP是基于TCP/IP的关于数据如何在万维网中如何通信的协议。GET和POST本质上就是TCP链接，并无差别。但是由于HTTP的规定和浏览器/服务器的限制，导致他们在应用过程中体现出一些不同。GET产生一个TCP数据包；POST产生两个TCP数据包。推荐阅读：99%的人都理解错了HTTP中GET与POST的区别，HTTP协议中G...
2018-07-29 19:56:18
329
原创 错误Unexpected token × in JSON at position 3的解决
Uncaught SyntaxError: Unexpected token × in JSON at position 3 at JSON.parse (<anonymous>) at 错误分析及解决对JSON对象：JSON.parse()方法用于从一个字符串中解析出json对象；JSON.stringify()用于从一个对象解析出字符串； 通常在做本地存储时，会通过loc...
2018-07-26 11:04:21
34464
2
原创 Vue的单选/多选效果
Vue的单选/多选效果includes()方法判断是否包含某一元素,返回true或false表示是否包含元素，对NaN一样有效filter()方法用于把Array的某些元素过滤掉，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素：生成新的数组一、单选DOM文档中结构如下：<ul class="box">...
2018-07-25 23:38:20
28622
1
原创 Git的基本操作
定义：工作区(Working Area)：就是你在电脑里能看到的目录。 暂存区(Stage或index)：一般存放在 ".git目录下" 下的index文件（.git/index）中，所以我们把暂存区有时也叫作索引（index）。 本地仓库(Local Repository) 远程仓库(Remote Repository):远程仓库的默认名称是origin。 版本库：工作区有一个隐藏目...
2018-07-23 20:54:18
391
原创 将数组a中满足条件的数放入数组b中
将a数组中可被5整除的数放入b数组中//将a数组中可被5整除的数放入b数组中 #include "stdio.h" int main(){ int a[6],b[6],i,j=0; for(i=0;i<6;i++){ scanf("%d",a+i);//输入数组a各个元素 } for(i=0;i<6;i++){ if(a[i]%5==0){// !(a[i]%...
2018-06-03 20:51:15
9067
原创 手写手机网站（meta）
添加meta标签来做手机网站。 用swiper辅助手动开发手机网站（类似的库fullpage）1、登录HBuilder，文件--新建--移动App--输入文件名myapp；2、打开文件myapp下的index.html文件,写入meta标签，引入样式表，写入JS样式；3、完成布局后用USB线连接手机，打开手机--在开发者模式下--更多设置--开发者选项--USB调试；4、在HBuilder内点击在...
2018-05-26 23:08:07
265
原创 轮播图原理
轮播图原理：创建一个div块，给定与图片大小相同的宽高；相对div左右定位两个按钮分别控制图片向前或向后无缝滚动；首先创建ul列表，每个li内放入一张图片，给所有的li左浮动；让div展示当前图片，其余内容overflow:hidden隐藏；oUl.innerHTML += oUl.innerHTML;把所有的图片复制一份；利用包裹图片队列的块进行位置偏移实现：DOM中文档结构如下：<div...
2018-05-22 23:01:35
691
原创 js动态创建li的不同方法
一、document.body.innerHTML+="<li></li>"我们可以用document.body.innerHTML+="<li></li>"方法向body内添加li元素，但循环添加太耗性能，可以先循环将要添加的字符串预先连接后保存到str里，再一次性添加给body：document.body.innerHTML=str，这样可以避免...
2018-05-21 22:16:13
11220
4
原创 时钟效果（计时器）
JavaScript的时间对象：var myTime = new Date(); //当前时间（计算机读取到此代码时系统的时间对象）该对象上获取的详细时间都是number类型： myTime.getFullYear(); //获取年 myTime.getMonth(); //获取月(从0开始要+1) myTime.getDate(); //获取日 myTime.getDa...
2018-05-15 21:13:03
1676
原创 Git的基本操作
Git是目前世界上最先进的（开源）分布式版本控制系统，它被用于敏捷高效的处理任何或小或大的项目。在此总结git的一些基本操作，仅供参考。详细使用个人推荐廖雪峰/Git教程和菜鸟教程/Git教程百度搜索码云注册属于自己的账户，登录并完善个人信息；ps：建议姓名栏最好填写英文； 创建项目进入码云后找到右上角的“+”号，鼠标移入后下拉菜单的第一项即为“新建项目”；填写...
2018-05-07 17:07:48
268
原创 二级下拉菜单布局（纵向、横向）
一级菜单在ul列表内建立li元素并清除默认样式让所有li元素左浮动并清除浮动DOM中文档结构如下：<ul class="clearfix"> <li><a href="#">1</a></li> <li><a href="#">2&
2018-04-27 20:29:13
26352
1
原创 关于CSS3的知识点（盒模型阴影、多列、direction）
盒模型：box-sizing盒模型解析模式：border-box：边框盒模型 width/height=border+padding+contentcontent-box：标准盒模型 width/height=content盒模型阴影：box-shadow:[inset] x y blur [spread] color参数： [inset]：投影方式（默认为外投影，inset为内投影） ...
2018-04-21 23:07:02
350
原创 关于CSS3的知识点（圆角、过渡）
border-radius 圆角DOM文档中结构如下：<div></div>设置参数：各种长度单位都可以：px，%，…，%有时很方便，但宽高不一致时不太好 1、参数个数1：四个方向都一样-----------border-radius: 一样当宽、高相同时，四个方向设置相同的数值可以将正方形转变成一个圆：CSS样式如下:div{ width:100px; ...
2018-04-19 22:43:40
897
原创 基本图形的CSS样式
基本图形的画法DOM中文档结构如下：<div></div>正方形squareCSS中的样式如下：div{width:200px;height:200px;background:#0FF;}效果图如下：长方形rectangleCSS中的样式如下：div{width:200px;height:100px;background:#0FF;}效果图如下：圆形circleCSS中的样...
2018-04-14 23:15:42
602
原创 关于HTML的知识点（form）
HTML的知识点form：表单form常用属性：method：表单的提交方式（post和get）action：表单处理服务器注意：凡是用户与服务器交互的表单标签应全部放在form标签内form内的提交按钮提交的是整个form表单post方法：如果采用 POST 方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按...
2018-04-14 21:24:42
393
原创 关于HTML的知识点（a；img；table）
HTML的知识点a标签(页面跳转 或 锚点)本页面的锚点是通过改变滚动条的位置实现页面跳转后的锚点会通过先跳转页面再改变滚动条的位置来实现锚点：将a的href属性链接到另一个a的name属性或者任何元素的id属性做锚点DOM文档中结构如下：新建页面命名为“锚点.html”:<div id="content1">内容一</div><div id="content2"&...
2018-04-11 21:44:08
292
原创 关于HTML的基本布局（三）
HTML的常用布局模板三栏式布局（margin+position）1.两边盒子固定宽度，中间盒子自适应DOM文档中结构如下：<div class="parent"> <div class="left"></div> <div class="main">字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文
2018-04-10 22:20:47
315
原创 关于HTML的基本布局（二）
HTML的基本布局多列布局（两列布局：左列定宽，右列自适应）DOM文档中结构如下：<div class="parent"> <div class="left"></div> <div class="right"></div> </div>(1)使用float
2018-04-07 20:23:08
196
原创 关于HTML的基本布局（一）
HTML的基本布局单列布局（水平居中）DOM文档中结构如下，若要子元素在父元素中居中：<div class="parent"> <div class="child">这里是内容</div></div>(1)使用margin：0 auto实现（子元素比父元素小时）.child{width:200px;margin:0 auto;}优：兼容...
2018-04-07 18:15:14
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人