- 博客(38)
- 收藏
- 关注
RSS订阅原创 Vue个人学习笔记02
组件间传值1、父组件向子组件传值A、传递属性//子组件InputAccount.vue中用props:['message']接收属性值，子组件写法<template> <div> <p>这是父元素传给子组件的值:{{message}}</p> </div></template><s...
2019-08-08 21:31:53
281
原创 Vue个人学习笔记01
一、构建Vue项目1、已安装NodeJS和npm，可通过cmd命令行中输入“node -v”和“npm -v”来测试是否都已安装成功。2、安装Vue的脚手架工具，npm install -g vue-cli。3、创建项目vue init webpack my-project //新建文件夹，my-project为我自己的项目文件名cd my-project //打开对应文件夹...
2019-08-01 21:05:05
940
原创 vue项目使用iconfont图标方法
一、关于iconfonticonfont矢量图标库是由阿里妈妈MUX倾力打造的矢量图标管理、交流平台。iconfont主要为icon设计师们量身打造，专注于原创图标设计，集图标搜索、下载、上传、管理等多项功能于一体，同时还能够将图标转化为字体应用，方便应用于web前端。二、优点1、加载文件体积小，有利于优化2、通过改变font-size、color就能自由变换大小，修改颜色，就像控...
2019-03-20 17:47:28
773
原创 移动端Web开发调试
最近开发的地图功能涉及到用手机调试页面，由于手机看不了控制台，所以就需要用到chrome远程调试(Remote Debugging)，就可以在PC端看到手机端打开页面时的控制台。一、调试要求：1、一条数据线，用来连接手机和电脑2、chrome浏览器和豌豆荚软件(驱动)3、能翻墙二、步骤：1、移动设备开启USB调试模式，一般都是进入设置里的关于手机，连点“版本号”7次，然...
2019-01-18 10:40:16
297
原创 关于地图开发的那些坑儿
最近在开发微信小程序涉及到地图开发方面，效果虽然不理想，但还是想记录下开发中遇到的一些坑，梳理一下自己的解决思路，总结一下知识点。文中如有错误，欢迎大家评论留言。一、需求：在微信小程序添加一个景区导航，即在地图上面添加一层覆盖物，还要能实时定位。具体效果类似于微信小程序（腾讯智慧景区），上边覆盖着一个很炫的手绘地图还能够实时定位。如下图所示二、开发过程遇到的问题：1、问题：...
2019-01-17 14:55:33
991
1
原创 SERVER&HTTP-day3-个人学习笔记
SERVER&HTTP-day3-个人学习笔记一、HTTP1、URL概念URL-统一资源定位符；URI-统一资源标识符2、完整的URL-网络协议：IP地址(虚拟地址)：端口号/路径；参数？查询数据#锚点常见：http://www.baidu.com/news ; http://127.0.0.1:8888?key=value ; http://localhost:80#...
2018-09-14 14:51:56
124
原创 SERVER&HTTP-day2-个人学习笔记
SERVER&HTTP-day2-个人学习笔记一、PHP语言1、基本内容PHP语言是服务器端的脚本语言PHP文件的扩展名为“.PHP”，文件运行在服务器（Apache）上的编写PHP代码以"<?php"开始，以"?>"结束2、PHP页面与HTML页面的区别HTML页面为静态页面-静态资源html | css | javascriptPHP页面为动...
2018-09-12 15:09:50
160
原创 SERVER&HTTP-day1-个人学习笔记
SERVER&HTTP-day1-个人学习笔记一、服务器概念：其实就是一台PC机（硬件）1、服务器的分类a、硬件服务器-PC机（电脑硬件，如pc机、小型机IBM、刀片机、大型机、超级计算机）b、软件服务器-中间件（为了运行Web应用的一种软件）2、软件架构a、B/S-浏览器（browser）/服务器端（server）b、C/S-客户器（client）/服务器端（...
2018-09-06 15:59:29
274
原创 Bootstrap-个人学习笔记
Bootstrap-个人学习笔记一、响应式网页1、响应式网页概述：一个页面，可以在各种不同的设备下浏览，都有不错的浏览体验。三个特征：（1）流式布局（2）可伸缩的图片和字体（3）CSS3 Media Query2、编写响应式网页（1）设置viewport元标签<meta name="viewport" content="width=device-width,initial...
2018-06-06 13:56:52
3541
1
原创 jQuery-03-个人学习笔记
jQuery-03-个人学习笔记 一、jQuery动画效果1、显示与隐藏show（）-显示无参版本-不具有动画效果show（speed，callback）有参版本-具有动画效果speed-设置动画执行的时长，单位为毫秒（三个预定义值-slow | normal | fast）callback-当动画执行完毕后执行的函数hide（）-隐藏无参版本-不具有动画效...
2018-04-16 10:37:14
181
原创 jQuery-02-个人学习笔记
jQuery-02-个人学习笔记 一、jQuery中的DOM操作1、基本操作html（）-类似于原生DOM的innerHTML属性获取-html（）设置-html（html代码）val（）-类似于原生DOM的value属性获取-val（）设置-val（value）text（）-类似于原生DOM的textContent属性获取-text（）设置-tex...
2018-04-14 17:46:50
218
原创 jQuery-01-个人学习笔记
jQuery-01-个人学习笔记一、Javascript类库，简称为js库作用——为了简化Javascript的开发目的——预定义了很多对象（属性和方法）和函数特点——兼容各大浏览器二、jQuery其实就是一个js文件1、分类（1）jQuery——Web版本（最主要）（2）jQuery UI——集成UI内容（3）jQuery Mobile——移动版本（WebApp）（4）QUnit——用于测试2、...
2018-03-29 20:45:22
177
原创 DOM和BOM-day25-个人学习笔记
DOM和BOM-day25-个人学习笔记一、常用BOM对象：navigator history location screen1、navigator：保存浏览器配置信息的对象cookieEnabled：判断当前浏览器是否启用cookieplugins：保存所有插件对象的集合userAgent：保存了浏览器名称，版本号的字符串2、history：window对象中保存当前窗体访问过的url的历史记录...
2018-03-19 16:23:06
249
原创 DOM和BOM-day24-个人学习笔记
DOM和BOM-day24-个人学习笔记一、BOM：专门操作浏览器窗口的对象1、window对象：角色：a、充当全局对象！b、包含BOM常用对象属性：大小和位置innerHeight/Width：文档显示区的大小outerHeight/Width:窗口大小pageYOffest：文档左上角到文档显示区左上角的距离打开新链接：4种效果（1）在当前窗口打开新链接
2018-03-08 14:53:18
292
原创 DOM和BOM-day23-个人学习笔记
DOM和BOM-day23-个人学习笔记一、创建和删除节点1、创建节点：创建元素节点：3步（1）创建空元素对象：var newElem=document.createElement("标签名");比如：var a=document.createElement("a");（2）设置必要属性：newElem.属性名="值";newElem.innerHTML="
2017-12-21 21:14:15
248
原创 DOM和BOM-day21-个人学习笔记
DOM和BOM-day21-个人学习笔记 一、DOM概述1、DOM概述：DHTML：动态网页技术的统称DHTML=HTML+CSS+JSHTML XHTML DHTML XMLHTML：超文本标记语言，专门编写网页内容的语言XHTML：严格的HTML语言标准DHTML：动态网页技术的统称，=HTML+CSS+JSXML：可扩展的标记语言，可自定义标签，专门用...
2017-12-02 20:17:40
386
原创 JavaScript-day20-个人学习笔记
JavaScript-day20-个人学习笔记一、面向对象：在程序中都是用一个对象来描述现实中一个具体的东西。现实中的一个东西都包含属性和功能：属性：描述一个东西特点的变量功能：东西可以执行的操作什么是对象：封装多个数据的存储空间什么是自定义对象：封装现实中一个东西的属性和功能的存储空间现实中东西的属性会成为对象中的属性变量现实中东西的功能会成为对象中的方法
2017-11-27 19:44:49
253
原创 JavaScript-day19-个人学习笔记
JavaScript-day19-个人学习笔记一、Date：封装了一个时间点，提供了对时间和日期的操作API1、Date中封装了？从1970年1月1日0点0分0秒至今的毫秒数2、创建Date对象：4种：（1）var now=new Date(); //创建一个新日期对象同时，保存了客户端当前时间点的毫秒数。——获取当前时间（2）var time=new Date("xx
2017-11-21 20:54:01
350
原创 JavaScript-day18-个人学习笔记
JavaScript-day18-个人学习笔记一、RegExp对象：封装了正则表达式，提供了利用正则表达式执行验证和查找的API。1、何时使用：只要利用正则表达式执行验证和查找功能时。2、创建：2种：（1）var reg=/正则表达式/ig；何时使用：正则表达式在运行时不会改变。（2）var reg=new RegExp("正则表达式","ig")；何时使用：在运行时正
2017-11-18 17:18:35
462
原创 JavaScript-day17-个人学习笔记
JavaScript-day17-个人学习笔记一、String：字符串1、什么是字符串：多个字符组成的一个只读的集合（数组）凡是数组对象中，不修改原对象的API，字符串都能用！比如：slice，indexOf2、内置对象：ES标准中已经定义好的，由浏览器厂商已经实现的对象11个：String NumberBooleanArray Date Math
2017-11-12 18:23:21
244
原创 JavaScript-day16-个人学习笔记
JavaScript-day16-个人学习笔记一、数组的常用API方法API : Application Programming Interface应用程序 编程 接口1、字符串拼接——arr to String:（1）var str=arr.toString()——>自动，逗号分隔（2）var str=arr.join("连接符")——>...
2017-11-04 19:46:02
243
原创 JavaScript-day12-个人学习笔记
JavaScript-day12-个人学习笔记一、数据类型1、数据类型——保存在变量中的数据的类型是什么，决定了数据在内存中要占多大的空间。bit : 位；8bit = 1byte 字节；1024byte = 1kb 千字节；1024kb = 1MB 兆字节；1024MB = 1GB ；1024GB = 1TB2、数据类型分类（1）number 类型——数字类型，表示32位
2017-10-29 12:42:00
322
原创 JavaScript-day11-个人学习笔记
JavaScript-day11-个人学习笔记一、Javascript 概述1、Javascript，简称为 JS，是一款能够运行在 JS解释器/引擎 中的脚本语言。2、完整的js组成：（1）核心ECMA Script (ES)（2）文档对象模型(Document Object Model) - DOM， 允许让 JS 与 HTML 文档打交道。（3）浏览器对象模型
2017-10-25 19:53:05
320
原创 探讨margin-top的bug
探讨margin-top的bug当两个容器嵌套时，如果外层容器和内层容器之间没有别的元素，那么作用于内层元素的margin-top会作用于外层容器。首先我们来看下代码和效果图： margin-top div{ width:150px; height:150px; } .d1{ background-color:red; } .
2017-10-13 15:56:15
1075
原创 Axure-day10-个人学习笔记
Axure-day10-个人学习笔记 一、项目流程与信息架构设计1、项目建设基本流程（1）项目流程：调研阶段、研发阶段、测试阶段、实施阶段。（2）网站建设流程：产品策划、制作原型、UI设计、前端制作、功能实现、前后台整合、测试发布。2、需求整理思路（1）需求的获取：确定项目要做什么，要达到什么样的效果。开产品会或设计调查表请用户填写。（2）需求逻辑分析：全面地理解...
2017-10-09 16:42:38
282
原创 PS-day9-个人学习笔记
PS-day9-个人学习笔记一、Photoshop功能简介：抠图、调图、融图等图像处理；应用领域：影楼、广告、网页、UI。二、新建：Ctrl+N1、纸张规格：标准打印纸A4：210mm*297mm标准打印纸A3：420mm*297mm大度16开：210mm*285mm大度 8 开：420mm*285mm
2017-10-09 12:15:13
328
原创 搭建静态网页-day8-个人学习笔记
搭建静态网页-day8-个人学习笔记 学完html+css，开始搭建京东静态网页，只做页面显示，涉及到js中的dom等，到学习js时再添加效果上去。刚开始想要搭建时，感觉内容好多，也无从下手，即便学html+css过程中每天都有使用新学到的知识做网页中的小模块。静下心后耐心的去分析网页的结构，发现网页可以按从上到下，从左到右，从外到里的顺序一小块一小块的完成。虽然里面嵌套的层...
2017-09-24 21:38:43
638
原创 css-day7-个人学习笔记
css-day7-个人学习笔记一、浮动定位1、清除浮动——清除当前元素前面的元素浮动所带来的影响clear：none（默认值，无清除效果）/ left（清除当前元素前面元素左浮动带来的影响）/ right（清除当前元素前面元素右浮动带来的影响）/ both（清除当前元素前面元素任何一种浮动方向所带来的影响）2、浮动元素为父元素高度带来的影响——父元素的高度是以未浮动的子元素高度为...
2017-09-15 07:55:30
228
原创 css-day6-个人学习笔记
css-day6-个人学习笔记一、渐变——多种颜色之间平缓过度的显示效果（background-image）1、渐变分类a、线性渐变(linear-gradient)——按照直线的方式填充渐变颜色和方向b、径向渐变(radial-gradient)——以圆的方式填充渐变效果(圆心位置，半径)c、重复渐变——重复线性渐变（repeating-linear-gradient）；重复径...
2017-09-09 08:19:40
244
原创 css-day5-个人学习笔记
css-day5-个人学习笔记一、边框1、边框倒角——border-radius：具体数值(px) 或 %；border-top-left-radius:左上角倒角半径。2、边框阴影——box-shadow：h-shadow（必须，阴影的水平偏移距离） v-shadow（必须，阴影的垂直偏移距离） blur（模糊距离）spread（阴影的大小）color（颜色） inset...
2017-09-06 20:38:35
260
原创 css-day4-个人学习笔记
css-day4-个人学习笔记一、CSS概述：（Cascading Style Sheets ）层叠样式表，级联样式表，通常称为：样式表。用户在HTML中定义元素样式：1、实现内容与表现相分离2、提供代码的可重用性。HTML ：定义网页结构；CSS ：构建页面的样式。HTML属性 与 CSS内容 如果能完成相同的事情，优先使用 CSS。二、CSS语法：1、使...
2017-09-05 11:33:03
325
原创 html-day3-个人学习笔记
html-day3-个人学习笔记一、HTML5结构标记header 页头、文档头nav 导航section 页面主体、文档主体aside 边栏article 文章footer 底部二 、表单(重难点)1、表单概述：表单用于显示、收集用户信息，并提交给服务器2、表单元素：（1 ）语法：<form></form>...
2017-09-05 10:39:54
253
原创 html-day2-个人学习笔记
html-day2-个人学习笔记1、图片的宽高设置比例不对，图片会失真，只定义一个属性（宽或高），图片可以等比例缩放。2、alt="...." 在图片显示不了时替换，而且搜索引擎可以抓取3、target="_self" 自身窗口打开 target="_blank" 另一个窗口打开4、链接：a 指向网页、图像、txt文...
2017-08-31 17:30:19
225
原创 html-day1-个人学习笔记
html-day1-个人学习笔记常用的 DOCTYPE 声明（告诉浏览器按什么标准解析代码）HTML5该DTD为最新版本，对代码要求宽松，特点简洁干净。（要求会背）<!DOCTYPE html>HTML 4.01 Strict该 DTD 包含所有 HTML 元素和属性，对代码要求严格，不允许框架集（Framesets）。（要求看得懂）...
2017-08-31 17:12:41
320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人