自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 资源 (1)
  • 收藏
  • 关注

原创 ES常用的语法点

变量的声明let与constlet声明的变量不存在预解析let声明的变量不允许重复(在同一个作用域内)// let在块内部定义的变量,在外部不可访问,单单一个{}也是如此// 在块级作用域内部,let也只能声明变量再使用...

2020-10-17 15:41:28 491

原创 响应式开发知识小白入门

网页布局方式固定宽度布局:为网页设置一个固定的宽度,通常以px作为长度单位,一般pc端网页流式布局:为网页设置一个相对的宽度,通常以百分比作为长度单位栅格化布局:将网页宽度人为的划分为均等的长度,然后排版布局时则以这些均等的长度做为度量单位,通常利用百分比作为长度单位来划分成均等的长度响应式布局:通常检测设备信息,决定网页布局方式,即用户如果采用不同的设备访问一个网页,有可能会看到不一样的内容,一般情况下是检测设备屏幕的宽度来实现。一般开发过程中往往是相互结合使用响应式布局作用:实现在不同

2020-10-17 09:49:13 248

原创 移动web基础认识

长度单位相对长度: px、em、pt(点)绝对长度:in(英寸)、cm(厘米)PPI值表示屏幕每英寸的像素数量,越大说明单位尺寸里所能容纳的像素数量就越多,所能展现画面的品质也就越精细,反之越粗糙。PPI > 320 就是视网膜屏幕即高清屏幕DP单位:能够在不同的ppi设备上看去大小差不多,是独立像素,在IOS设备上交pt,在Android设备上叫dip/dp物理像素:指的是屏幕渲染图像的最小单位,属于屏幕的物理属性,不可人为进行改变,但其值大小决定了图片的质量// 获取屏幕的物理像素

2020-10-16 10:07:22 349

原创 业余UI设计作业

设计作业总地址注册界面注册界面2首页首页2首页3首页4首页5首页6个人中心个人中心2次级界面插画平板界面设计临摹主要练习软件上手度12其他作品红红火火banner

2020-10-15 20:01:47 2153

原创 ECMAScript复习笔记--查漏补缺,小白入门

变量var num = 123;命名规则由字母、数字、下划线、$符号组成,但不能以数字开头不能与关键字和保留字相同,例如 for区分大小写规范:变量名:有意义,遵守驼峰命名法,例如 firstName数据类型简单数据类型number类型数值型的,例如10 、oxAB(十六进制)、浮点数(不要判断两个浮点数是否相等)注意NaN :not a numberNaN 与任何值都不相等,包括他自己isNaN() 判断不是number,不是为true,是number 的则为fal

2020-10-11 17:38:18 174 1

原创 sublime安装terminal插件,初识nodejs

REPL打开终端,输入node,进入node编辑模式,也叫repl(read-eval-print-loop)输入console.log(“hello world”);打印输出hello world_ (下划线) ----代表上一次执行结果.exit ----退出编辑模式执行js文件为sublime安装Terminal插件首选项里package settings可看到是否已经安装已安装,则查看Terminal中的Key Bindings -Default获得立即打开当前目录下的终端。写好j

2020-10-09 19:08:59 431

原创 nvm、node小白安装及基本指令操作

win + R调出下面界面输入 结果notepad 打开记事本calc 打开画图sysdm.cpl 打开环境变量设置串口控制台操作md 创建文件夹的名 创建文件夹rmdir(rd) 删除目录,文件夹为空rd /s/q 删除文件夹 文件夹内全部内容ls

2020-10-09 15:48:42 196

原创 复习jQuery常用知识点

jQuery不需要考虑太多兼容性问题页面加载方法记得引入jQuery文件,否则 $ 符号会识别不了引入jQuery文件的script标签,不能写代码,否则会没作用 <script src="jquery-1.12.2.js"></script> <script type="text/javascript"> //页面中基本标签加载后就执行 jQuery(function(){ console.log('jQuery'); }); //页面

2020-10-07 11:29:25 133

原创 省市县三级联动案例-ajax小案例

条件:wamp集成环境运行的情况下结果示意:文件目录:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市县三级联动</title> <style> .container{ width: 600px; min-height: 300px; background-color:#FFEBCD;

2020-10-05 18:00:50 196 1

原创 artTemplate模版引擎的简洁语法的基本用法

添加链接描述

2020-10-05 11:13:43 1289

原创 ajax查询全国天气预报,使用聚合数据api接口

空值情况苏州界面如上,可以根据自己需求再添加一些内容。功能需求:根据城市名称查询该城市的天气情况,输入空值的时候默认查询北京天气这个是我使用聚合数据提供的免费20次请求全国天气预报API,注册了,申请使用了就会获得一个key值实现代码如下:jquery.min.js、template-web.js需要引入<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

2020-10-04 21:38:46 1448

原创 index.js:6 Uncaught ReferenceError: urlencode is not defined

使用聚合数据api查询天气的时候,需要将城市名或城市ID,如:“苏州”,需要utf8 urlencode我参考了一下其他人的写法报这个错urlencode没有定义urlencode、encodeURI是一个函数,可将字符串以URL编码,用于编码处理。urlencode对字符串的转码原理比encodeURI复杂但对于城市名称,作用相同...

2020-10-04 20:47:05 2397

原创 ajax跨域,jQuery调用ajax

背景知识同源策略URL地址:scheme : // host : / path / ? query # fragmentscheme : 通信协议,常为http、httpshost : 域名post : 端口号,http默认为80,https默认为443【可选】path :路径query :查询参数【可选】fragment :信息片段,用于指定网络资源中的某片段【可选】同源策略 : 是浏览器的一种安全策略,同源指的是请求URL地址中的协议、域名和端口号都相同,一种不同就是跨域。在同源

2020-10-04 16:25:40 146

原创 ajax的封装--简单实现根据学号查询学生信息(包含调用jQuery的ajax包基本用法)

ajax.js文件function ajax (type,url,param,dataType,callback) { // body... var xhr = window.XMLHttpRequest ? new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"); if (type == 'get') { url += "?"+encodeURI(param); } xhr.open(type,url,true); var

2020-10-03 12:56:53 646

原创 Uncaught SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>)

打开控制台打开断点,发现ajax获取的数据是一串不认识的东西打开network,然后查了一下是php错误php中get、post获取方式,绝对记得写成 [’ '] | [ " "],不能写成括号。

2020-10-03 12:45:08 4990

原创 json数据格式,与js中对象的区别,以及ajax请求json数据

json数据格式前提:wamp要开启data.json文件{ "name":"小红", "sex":"女", "age":34, "like":["coding","running","singing"], "friends":{ "friend1":{"name":"leo", "age":32, "like":[] }, "friend2":{"name":"lili",

2020-10-02 21:04:05 173

原创 xml数据格式,简单入门了解

xml数据格式理解:元数据:描述数据的数据弊端:1. 元数据占用的数据量比较大,不利于大量数据的网络传输2.解析不太方便<?xml version="1.0" encoding="utf-8"?><booklist> <book> <name>微习惯</name> <author>斯蒂芬.盖斯</author> <desc>微习惯养成法</desc> </book&

2020-10-02 19:37:22 652

原创 ajax基本用法,小白入门

Ajax小串烧Ajax背景知识点Ajax优点Ajax缺点Ajax背景知识点Ajax表示Asynchronous JavaScript and XML,异步JavaScript和XML,它通过与服务器进行少量的数据交换,可以实现在不重新加载整个网页的情况下,对网页部分进行更新。Ajax优点最大的优点是页面无刷新更新,用户体验好与服务器通信采用异步,响应速度更快技术标准化,被浏览器广泛支持,不需要下载插件Ajax缺点有安全问题,Ajax会暴露与服务器交互的细节它不支持浏览器的back返回

2020-10-01 22:52:28 127

原创 PHP基础入门,简单实现前端后端交互

<?php?>、echophp相关代码都要写在php和后面的?之间echo:就是向网页中输出字符串<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>PHP页面</title></head><body> <div>PHP to hello world</div> <?

2020-10-01 12:41:34 1648

原创 wamp基本用法,允许他人访问,修改根目录

www目录下的文件设为别人可以访问找到下图目录中选中文件(在自己的安装时的目录中可找见),或者直接在小图标上Apache下方找到打开文件,查找Deny,修改标红处,变成Allow然后在小图标处,找到Apache---->Service---->Restart Service然后win+R,输入cmd输入指令ipconfig /all找到自己的以太网的ipv4地址,将Localhost的位置换成它修改默认目录-wwwwamp默认的是安装目录下的www7. 找到上面修改过的

2020-09-30 21:49:34 669

原创 wamp小白安装法

第一步查看自己电脑是几位的:右键此电脑,查看属性64位的,安装带有x64的32位的,安装带有x86的第二步双击应用程序第三步选择 Iaccept……,然后点击Next第五步可以更改安装路径,然后Next第六步可按自己需求选择,然后Next第七步install安装第八步安装过程中有弹出的,可看提示操作,点击打开即可下图可按根据自己意愿操作,否则直接Next第九步点击Finish,安装完成...

2020-09-30 10:55:28 170

原创 Git基本用法,小白入门

第一步 初始化git仓储(在项目目录右键打开 git bash)* 命 令:git init* 会有.git隐藏文件, .git对我们项目代码进行备份* 若是不小心关掉git bash窗口,可在还有.git目录下重新打开第二步:设置当前用户名* 命 令:$ git config --global user.name “yourname”$ git config --global user.email “your@foxmail.com”* 没有警告就是完成第三..

2020-09-29 23:25:08 524

原创 matplotlib基础用法-->条形图

matplotlib画条形图画横着的条形图画竖着的条形图画多次条形图画横着的条形图from matplotlib import pyplot as pltimport matplotlibfont ={'family':'MicroSoft YaHei'} #win可以显示中文matplotlib.rc("font",**font)a=["画皮","功夫熊猫","西游记","红楼梦","速度与激情8","战狼2","军舰岛"]b=[57.01, 45, 19.89, 55.21, 33.2

2020-08-11 19:38:10 216

原创 matplotlib基本用法-->散点图(显示中文)

from matplotlib import pyplot as pltimport matplotlibfont ={'family':'MicroSoft YaHei'} #win可以显示中文matplotlib.rc("font",**font)x=range(2,26,2)y=[15,13,14.5,34,23,6,26,26,27,22,18,17]#这里是与折线图的唯一区别 -->散点图plt.scatter(x,y,label='3月份')#设置刻度_xtick

2020-08-11 18:02:00 1280

原创 matplotlib基本用法—折线图

me

2020-08-04 21:26:27 170

Wampserver软件下载

含有32位和64位的可运行的wamp集成软件,wamp是一款windows操作系统下,集结Apache(提供静态资源服务)、MySQL、PHP(开发网站)的软件

2020-09-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除