aymfx-优快云博客

原创给学生党做的唐诗宋词速查的小程序

收录近万首古诗词，含盖小学，初中，高中所有的唐诗宋词，方便学生和儿童查询古诗内容，翻译,音频,赏析，字词解释以及作者生平等。小程序名称 - 学生唐诗宋词速查欢迎大家使用 ...

2020-03-19 19:11:45 947

原创发现新大陆

今天无意间发现自己在csdn注册过账号，还写了几篇博客，访问量居然那么大（自己搭载的博客访问量少的可怜），以后自己的博客也会同步更新到csdn上，如果有错误欢迎指正。 ...

2018-02-27 12:04:57 266

原创 es6-Set集合与Map集合

前言离回家的时间越来越近了，突然觉得自己很差劲，分享一首歌，道出心声啊我的博客地址：http://www.aymfx.cn/ 大概过去的就真的已过去偶尔想起还有几分怀念气息遇上快乐遇上心酸遇上分离生活终究得让人继续衣身太长遮住大半个身体学不会平淡幸福无从说起可到最后原谅背叛原谅任性其实该原谅眼里的自己那年的自己讨厌的自己如今的自己风一直不...

2018-02-27 11:59:01 1000

原创 es6-Symbol

前言突然就断网了，hhhh 我的博客地址：http://www.aymfx.cn/ symbo 这是新的原始类型，一般是用于非字符串属性名称，利用其特性创建私有的变量 var firstname = Symbol(), person = {}; person[firstname] = "ly"; console.log(person[first...

2018-02-27 11:57:29 275

原创 es6-函数

前言杭州这周温度达到-5度了，温度下降的蛮快，年会排舞感觉好悬啊，不知到能拍出啥道道来,现在唯一的心愿就是，早点回家，冷也阻止不了我回家的脚步，嗯哼。我的博客地址：http://www.aymfx.cn/ 引子 ES6函数的改变不算太大，都是一些其他语言早就有的功能，而Javascript一直比较欠缺的，比如函数参数默认值，任意参数的表示法，最大的变化应...

2018-02-27 11:56:33 585

原创 es6-块级作用域绑定

前言花点时间重新复习一遍es6的语法我的博客地址：http://www.aymfx.cn/ var，let, const 三者的区别 var 声明的变量会有变量提升的过程，将被提升到作用域的顶部，或者函数的顶部 let 声明的变量，只能在声明的块作用域中访问和使用，存在于函数内部以及花括号之间的区域 { let a = 3; }...

2018-02-27 11:54:41 224

原创 ES6-字符串和正则表达式

前言入行这么久了，前端学习的成本感觉越来越高了，不会的东西一茬接一茬，在学校太忽视它，学的半吊子，现在要努力赶上才行，杭州的天气变冷了，我也想回家了，坚持，哎嘿，再上半个月班就要放假了开心。博客地址：http://www.aymfx.cn/ 引子这张理解起来比较费劲，慢慢看，慢慢练,天气比较冷啊，手敲这些好费劲 utf-16码位(基本多文种平面...

2018-02-27 11:53:19 602

原创 es6-解构

前言最近在想,不知不觉23了,还是没有什么成就，就觉得自己压力好大，吃成了缓解压力的良药，最终导致自己又胖了不少，身边的人都开始结婚生孩子了，我还是孤单一人，身边的人开始买房了，我都还在租房子，挣得钱也只够自己花。过年其实想回去又不想回去，算了，敲代码吧。博客地址：http://www.aymfx.cn/ 引子 js最常用的数据结构是对象和数组字面量，es6提供...

2018-02-27 11:51:18 263

原创 es6学习--数组的扩展

Array.from()Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。必须具有length属性 let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }

2017-04-08 17:10:32 408

原创 es6学习--变量解析赋值

数组的解构赋值 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值 es5写法 let a = 1; let b = 2; let c = 3;es6写法 let [a, b, c] = [1, 2, 3]; let

2017-04-08 15:48:36 790

原创 es6学习-let和const命令

前言：做的学习笔记，参考的是http://es6.ruanyifeng.com/#docs/intro，里面的博客 let和const命令let:它所声明的变量，只在本代码块内有效 for (let i = 0; i < 10; i++) {} console.log(i); //ReferenceError: i is not definefor循环还有一个特别之处，就是循环语句部

2017-04-08 15:15:45 403

原创 AngularJS学习2

AngularJS ng-model 指令ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 <div ng-app="myApp" ng-controller="myCtrl"> 名字: <input ng-model="name"> </div><script> var app = angular.module('myA

2017-04-08 14:55:13 329

原创 AngularJS学习1

AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。 AngularJS 是一个 JavaScript 框架 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。Ang

2017-04-03 11:24:22 390

原创 mysql初次使用（php操作）

警告：装mysql和卸载mysql要小心谨慎，心塞啊 mysql基本概念什么是数据库？数据库（Database）是按照数据结构来组织、存储和管理数据的仓库，每个数据库都有一个或多个不同的API用于创建，访问，管理，搜索和复制所保存的数据。我们也可以将数据存储在文件中，但是在文件中读写数据速度相对较慢。所以，现在我们使用关系型数据库管理系统（RDBMS）来存储和管理的大数据量。所谓的关系型数据

2017-03-07 19:35:52 416

原创 require.js初次使用

问题：如何解决前端js出现的文件依赖和命名空间问题可以通过命名空间和采用模块化的方式解决，今天学的require.js可以同时解决这两个问题. requirejs能带来什么好处1.异步加载，防止js加载阻塞页面渲染 2.不必引用很多js文件 3.以上两个问题可以解决掌握模块化的思想模块化思想就是指将页面根据内容的关联性分解成不同的且相互独立的模块进行开发，每个模块之间没有必然的联系，互不影

2017-03-06 20:16:03 741

原创 sass使用

sass是啥 CSS 不是一个编程语言，可以用它来开发网页样式，但是没有办法用它进行编程。SASS 的出现，让 CSS 实现了通过代码编程来实现的方式。 SASS 是一种 CSS 开发工具，提供了许多便利的写法，让CSS 的处理实现了可编程处理。 SASS 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性，可以生成风格良好的 CSS 样式表文件，易于组织和维护。

2017-03-05 21:24:07 535

Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。安装需要下载:Git-2.10.0-64-bit.exe 配置ssh 配置：Git GUI --- 帮助 ---show ssh key--拷贝进入 github -- 右上角 -- setting -- SSH and GPG keys 利用命令:ssh-keygen -t rsa -C “你的邮箱” 配置个人用户

2017-03-05 20:33:08 252

原创 gulp运用

gulp的含义gulp 是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；大大提高我们的工作效率 gujp工作环境安装1.安装node.jsnode -v 2. NPM命令在安装node.js之后操作 npm -v3.全局安装 gulpnpm install --global gulp 4.淘宝镜像

2017-03-05 20:25:08 426

原创 javascipt字符串函数

查找方法字符方法 charAt() 功能:返回字符串第n个字符参数:超出范围-返回空字符串返回值:string中第n个字符的实际值 var str="assddsddsad"; console.log(str.charAt(3));//d console.log(str.charAt(20));//什么没有空 charC

2017-02-05 18:09:24 356

原创 javascript流程语句以及运算符，BOW操作图，以及学习路线图

前言由于比较简单，就直接附上两张图就好，方便以后查询流程语句图运算符图最后附上一张完整的学习路线，加油

2017-02-05 15:58:39 382

原创 javasciptDom操作

获取节点document getElementById 通过id属性获取节点（object） getElementsByName 通过names属性获取节点(类数组) getElementsByTagName 通过元素标签获取元素(类数组) getElementsByClassName 通过class属性获取节点(类数组)ie8不兼容节点指针 firstChild 语法:父节点.firs

2017-02-05 15:50:44 277

原创 js的严格模式总结

//变量要声明 /*"use strict"; a='liuynag'; console.log(a);//Uncaught ReferenceError: a is not defined*///不能调用delete // "use strict"; /*var color='red'; console.log(color); delete

2017-02-04 15:31:54 511

原创 javascipt数组

JavaScript数组创建方法构造函数对象创建空数组：var obj=new Array(); 指定长度:var obj=new Array(size); 指定元素：var obj=new Array(value1,….,valuen); 字面量对象创建单维数组：var obj=[value1,value2,….,valuen]; 多维数组：var obj=[[v1,v2],[v1,v2],[v

2017-01-15 14:06:50 446

原创 javascipt函数基础

JavaScript函数基础定义方法静态方法 function 函数名([参数列表]){函数体；[return [返回值；]]} 动态匿名方法var 函数名=new Function([“虚参列表”]，”函数体”);var add = new Function(x,y, var sum; sum=x+y;return sum;); var s = add(100,39); alert(s=+s)

2017-01-15 14:03:00 376

原创 javascipt变量

JavaScript变量命名方法匈牙利命名法：变量名=类型+对象描述 Int整形 i Float浮点 fl Boolean布尔 b String字符串 s Array数组 a Object对象 o Function函数 fn Regular Expressino 正则 re 驼峰命名法全部小写：单词与单词用下划线分割大小写混合大驼峰:每个首字母大写小驼峰:第一个单词首字母小写，其

2017-01-15 14:02:12 352

原创 javascipt数据类型

avaScript数据类型undefined 使用var声明变量但未初始化,或者直接未声明 var a; <br> alert(a);//undefined <br> alert(b);//控制台输出b is not defined(这是会报错）</li> 区分空对象指针与尚未定义的变量 var a=null; alert(a);//null alert(typeof

2017-01-14 11:36:53 624

原创 css3-布局样式相关-慕课网学习

Columns语法：columns：<column-width> || <column-count> 参数说明主要用来定义多列中每列的宽度主要用来定义多列中的列数column-width属性值： auto 如果column-width设置值为auto或者没有显式的设置值时，元素多列的列宽将由其他属性来决定，比如前面的示例就是由列数column-count来决定。 length 使用固

2016-12-29 23:25:55 406

原创 css3-3d转换和3D动画

3D转换3D翻转方法rotateX();沿x轴翻转 rotateY();沿Y轴翻转 rotateZ();沿Z轴翻转(类似于rotate()在水平旋转) 3D位置移动的3种写法transform: translate3d(30px,30px,800px) transform:translateZ(800px) translateX(30px) translateY(30px); transform:

2016-12-29 22:32:03 753

原创 css3-渐变，动画过度，2d基础

1.CSS3 渐变的语法及应用##线性渐变，从左到右，或者从上倒下，线性变化 linear-gradient:值1,值2 [值3],值4 值1: top,to bottom,180deg 表示从上到下 bottom,to top,0deg 表示从下到上 left,to right,90deg 表示从左到右

2016-12-28 22:03:52 3197

原创解决两个并列的input在一块存在8像素的空隙的情况

不换行解决两个并列的input在一块存在8像素的空隙的情况<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>三角形</title> <style type="text/css"> </style> </head> <body>  <input id="t

2016-12-17 21:13:09 1379

原创用CSS做一个三角形

利用border的特性来做一个三角形<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>三角形</title> <style type="text/css"> .zsanjiao{ /*去掉内容*/ width:0;

2016-12-17 21:12:15 610

原创 html--高度塌陷（css）几种小技巧

1.在高度塌陷的父div里面加一个div：<div id="a"> <div id="a1"></div> <div id="a2"></div> <div style="clear: both;"></div>//加一个标签，清除浮动 </div>优点：适合初学者，兼容性强。缺点：代码不简练，不利于优化。2.overf

2016-12-07 13:06:49 16948

原创 html--三栏布局（两边固定宽度，中间自适应）

一、绝对定位法：左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 #left{ width: 180px; height: 100%; background: blue; position: absolute; left:

2016-12-06 11:47:54 3230

原创 php--文件载入查找方式

1.文件载入四种文件载入的方式1.require和include 1. require对致命错误会进行终止脚本 2. 列表内容 3. include对致命错误会报错，但会继续执行 2. require_once和include_once的区别两者都有上面他们各自的特性，但是这两个不会重复载入文件 2.文件地址文件地址有两种方式磁盘上的文件位置，在当前的文件系统上查找，文件路径网络上的

2016-11-21 10:44:29 380

原创开启php学习之旅--数据类型与运算符

类型转换1.自动类型转换<?php $int=10; $f1=3.14; $m=$int+$f1; var_dump($m,$int);//float(13.14) int(10) ---------------------------------- $str='a100'; $n=$int+$str; var_dump($n,$str);//int(10) ?>第一个运算中，会先将$int转成浮点

2016-11-20 22:52:51 317

爱飞翔