任晓萱-CSDN博客

原创 day 11/25

项目vue-cli 脚手架的安装通过cmd 输入 npm 安装 npm install -g vue-cli通过vue-cli构建项目指令 vue init webpack 项目名 **cmd乱码问题设置字符集 CHCP 65001 **[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-plczxGXS-15746601...

2019-11-25 13:35:40 110

原创 day 11/19 Vue路由

day02Vue路由1.后端路由：在一个网站上所有的超链接都是URl地址这些URL地址对应服务器上的某个资源路由分发2.前端路由：在单页面应用程序中主要通过url中的#号(hash) 完成不同页面的切换。在单页面应用程序主要通过url中的#号(hash) 完成不同页面的切换称为前端路由在Vue中使用Vue-router1.引入类库 vue-rou...

2019-11-19 13:42:30 152

原创 day 11/15 vue指令、生命周期

指令v-cloak: 解决文字闪烁的问题v-text: 和插值表达式一样作为文本的输出v-html 输出htmlv-bind Vue中提供的属性绑定机制v-on Vue中提供的事件绑定机制 .stop 阻止冒泡 .prevent 阻止默认行为 .self 只有自身才能绑定事件 .once 只执行一次 .captur...

2019-11-15 15:27:03 132

原创 day 11/14 Vue调试,过滤器和键盘修饰符

Vue调试工具vue-devtools的安装步骤和使用打开谷歌浏览器设置 – 扩展程序 – 勾选开发者工具 – 加载已解压的扩展程序 – 选中解压的文件夹过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。私有过滤器：全局过滤器：键盘修饰符以及自定义键盘修饰符1.x中自定义键盘修饰符【了解即可】Vue.directive('on').keyCodes...

2019-11-14 13:56:28 379

原创 day 11/12 Vue

回顾Vue中最基本的结构 1.引入文件 2.创建Vue实例控制的区域 3.创建VM实例MVVMVue中的指令v-cloakv-text 默认解决闪烁问题v-htmlv-bind 属性绑定机制缩写是:v-on 事件绑定机制缩写是@今日目标学习Vue中剩下的指令Node.js的环境配置项目一: ...

2019-11-12 13:48:37 216

原创 day 11/11 JQ复习和Vue学习

JQ复习什么JQ 写更少的代码做更多的事 javascript的类库1.选择器1.1基本选择器ID选择器 #ID名称类选择器 .类名元素选择器元素名称不需要任何前缀通配符选择器 * 找出页面上所有元素选择器分组选择器1,选择器21.2层级选择器后代选择器选择器1 选择器2 找到1下的所有2 子孙...

2019-11-12 13:47:39 138

原创 day 11/8 AJAX复习

AJAX动态网站和静态网站动态网站可维护性高，拓展性强，成本比较高静态网站可维护性低，成本低PHP**单引号和双引号的区别：**单引号将内容解析成字符串双引号将内容解析成变量配置虚拟主机1.httpd配置文件 ====》documentRoot 根路径 ======> extra文件夹 =====> v-hosts配置文件 ====》定义主机名 ...

2019-11-08 16:59:53 90

原创 day 11/6 web回顾

WEB简介1.1web的诞生1986年美国国家科学基金会在政府的资助下，用TCP/IP协议建立了NSFNET网络。NSFNET网络与1989年改名为Internet，且向公众开放。从此，Internet便在全球各地普及起来。时至今日，Internet常用的服务可以概括至一下几种E-mail：电子邮件FTP:文件传输，用户可以通过该协议进行文件传输或者访问，由于安全问题，其使用场景...

2019-11-06 13:32:19 136

原创 day 11/6 英语词汇

英语词汇按字母索引A英文译法 1 译法 2 译法 3a block of pointers 一块指针一组指针abbreviation 缩略语abstract 抽象的abstract syntax tree, AST 抽象语法树abstraction 抽象abstraction barrier 抽象屏障抽象阻碍abstraction of function calls 函数...

2019-11-06 13:31:38 279

原创 day 10/30 php

day03查看本机的IP地址 cmd–> ipconfig接受其他主机访问找到配置文件Deny form all 改为 allow form al配置文件查找错误1.找到路径 D:\develop\wamp\bin\apache\Apache2.4.4\bin2.cmd 执行httpd3.更正错误4.重启服务常见的后端编程语言php ...

2019-11-01 16:02:03 71

原创 day 10/31 php

day04网站网站有一系列页面组成（页面有js css html组成）所有文件统称资源静态网站就是提前写好的html页面随着网站规模的扩大可维护逐渐降低没有交互性动态网站html是动态生成动态不一定是一个完整的界面有可能知识页面的一部分或者仅仅是数据（普通字符串 xml json）实现动态网站的技术phpjava(jsp).n...

2019-11-01 15:50:43 116

原创 day 10/29 apache安装配置

apache安装配置配置根路径1.找到配置文件 wamp\bin\apache\Apache 2.4.4 \conh\httd.conf2.在文件中搜索(ctrl + F)documentroot3.修改根路径两个DocumentRoot 都要进行修改配置虚拟主机配置虚拟主机可以配置多个网站步骤如下1.开启虚拟主机辅配置在httpd.con...

2019-10-29 14:17:40 177

原创 day 10/29 AJAX

AJAX前端相关知识点html(html5) 主要用来进行页面排版布局css(css3) 主要用来实现页面梅花js(Jquery) 主要用来实现前端功能特效 js的类库采用上述技术开发的网页必须放在服务器上才对外提供服务，才能互联网上的网友看到服务器请求 F12XHR XML HTTP REQUEST (请求) a...

2019-10-29 14:16:39 76

原创 day 10/28

AJAX前端相关知识点html(html5) 主要用来进行页面排版布局css(css3) 主要用来实现页面梅花js(Jquery) 主要用来实现前端功能特效 js的类库采用上述技术开发的网页必须放在服务器上才对外提供服务，才能互联网上的网友看到服务器请求 F12XHR XML HTTP REQUEST (请求) a...

2019-10-28 16:03:43 99

原创 day 10/23 mysql

今日内容1.多表查询2.事务3.DCL DDL DML DCL DQL 多表查询：* 查询语法： select 列名列表 from 表名列表 where.... where 和 having 的区别 1. where 是分组之前，不满足不参与分组 having 是分组之后，不满足没有结果 2. having 聚...

2019-10-23 14:29:01 72

原创 day 10/21 MySQL

什么是web前端web面向用户(浏览者)，看的见摸得着的都是前端输入域名后，命令通过互联网找到服务器，如果命令正确返回相应结果。人机交互属于前端服务器处理，数据校验属于后端前端三个部分html 结构 css 外观 js 交互前端的分类前端设计前端架构前端设计设计师 UI设计/交互设计网页美工 —> 只实现一张图片前端架构 ...

2019-10-21 15:15:08 123

原创 day 10/18 移动web开发

day05 移动web开发基础知识1.屏幕移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。通常我们所指的屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸来度量）[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8tz2NMzv-1571383627020)(C:\Users\12870\AppData\Roaming\Typo...

2019-10-18 15:27:33 94

原创 day 10/12 正则表达式

正则表达式简介什么是正则表达式正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式...

2019-10-14 13:45:18 86

原创 day 10/9 fullpage 全屏插件

fullpage 全屏插件鼠标滚轮事件，绑定页面宽高fullPage.js 是一个基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。github 官网 https://github.com/alvarotrigo/fullPage.js中文演示地址 http://www.dowebok.com/demo/2014/77/主要功能有：支持鼠标滚动支持前进...

2019-10-09 14:14:00 97

原创 day 10/8 JQuery 高级

今日内容：1. JQuery 1. 动画 2. 遍历 3. 事件绑定 4. 案例 5. 插件JQuery 高级1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1.speed动画速度，slow，normal，fast(预定义)或毫秒值(1000) 2.easing，切换效果...

2019-10-08 16:37:05 100

什么JQuery:jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和...

2019-09-30 11:21:36 98

原创 day 9/27 javaScript

事件注册与取消阻止事件传播的方式标准方式 event.stopPropagation();IE低版本 event.cancelBubble = true; 标准中已废弃阻止默认行为常用的鼠标和键盘事件onmouseup 鼠标按键放开时触发onmousedown 鼠标按键按下触发onmousemove 鼠标移动触发onkeyup 键盘按键按下触发onkeydown 键盘按键...

2019-09-27 15:00:08 64

原创 day 9/24 昨日补充和DOM

String对象补充Web API BOM DOMWeb API介绍API的概念API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)API的使用...

2019-09-24 16:31:51 91

原创 day 9/23 JavaScript数组、函数和对象

调试alert() console.log()调试方式debug-断点调试步骤 f12 —>source —>需要调试的文件 --> 设置断点 watch:监视变量 f10：程序单步执行 f8: 跳到下个断点数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组的...

2019-09-23 16:37:00 80

原创 day 9/20 JavaScript

JavaScript基础网页、网站和应用程序网页：单独的一个页面网站：一些列相关的页面组成到一起应用程序：可以和用户产生交互，并实现某种功能。JavaScript的强大http://naotu.baidu.com/https://codecombat.com/https://ide.codemao.cn/JavaScript介绍JavaScript是什么html CSS...

2019-09-20 14:40:08 92

原创 day9/19 css动画

before和after伪元素(详解)之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。是伪元素在html代码机构中的展现，可以看出无法伪元素的结构无法审查注意：一定要有content，否则...

2019-09-19 17:23:58 76

原创 day9/18 css定位

定位(position)如果，说浮动，关键在一个 “浮” 字上面，那么我们的定位，关键在于一个 “位” 上。定位是难点，一定要学好为什么要用定位？那么定位，最常运用的场景再那里呢？如果用标准流或者浮动，实现会比较复杂或者难以实现，此时我们用定位来做，just soso！元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。1、边偏移边偏移属性描述t...

2019-09-19 17:23:18 66

原创 day 9/17 css盒子模型下和浮动

content宽度和高度使用宽度属性width和高度属性height可以对盒子的大小进行控制。width和height的属性值可以为不同单位的数值或相对于父元素的百分比%，实际工作中最常用的是像素值。大多数浏览器，如Firefox、IE6及以上版本都采用了W3C规范，符合CSS规范的盒子模型的总宽度和总高度的计算原则是： /*外盒尺寸计算（元素空间尺寸）*/ Element空间高度 ...

2019-09-17 14:43:41 324

原创 day 9/16 css三大特性和盒子模型

CSS 三大特性层叠性继承性特殊性CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，...

2019-09-16 13:35:50 206

原创 day 9/12 css初识二

引入CSS样式表CSS可以写到那个位置？是不是一定写到html文件里面呢？内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：<head><style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style>&...

2019-09-12 17:03:11 197

原创 day 9/11 css初识一

CSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着html的成长，为了满足前端工程的需求，html增加了很多显示功能，html变得混乱，html页面显得用臃肿，于是css诞生了CSS 网页的美容师CSS的出现，拯救了混乱的HTML，当让更加拯救了我们web开发者。让我们的网...

2019-09-11 13:46:13 122

原创 day 09/10 代码练习

表格练习<table bord...

2019-09-10 15:10:23 105

原创 day 9/10 HTML初识二

表格、表单和HTML新标签与特性html 学习目标:掌握表格标签掌握表格标签掌握表单标签掌握H5新增表单和表单属性typora-copy-images-to: media表格 table(会使用)表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。创建表格在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下：&...

2019-09-10 14:17:13 81

原创 9/9 代码练习

HTML代码练习一、标签使用 <h1>42.6摄氏度：上海创出140年气象史上高温新纪录</h1> <p>2019年7月27日 10:58:26 来源：新华网</p> <hr/> <p> 新华网上海７月２６日电（记者李荣）２６日１３时３６分至４７分这一时间段，上海徐家汇气象观测站测得当日最高温达４2．...

2019-09-09 17:26:10 123

原创 day 09/09 HTML初识

HTML初识学习目标:了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签掌握H5新增表单和表单属性typora-copy-images-to: media认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。&...

2019-09-09 13:46:14 573

原创 day 09/06 环境配置

安装软件一、MySQL1.MySql(卸载)一、在控制面板中卸载mysql软件二、卸载过后删除C:\Program Files (x86)\MySQL该目录下剩余了所有文件，把mysql文件夹也删了三、windows+R运行“regedit”文件，打开注册表四、删除注册表：HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Eventlo...

2019-09-09 08:27:03 66

rxx__的博客