辉辉呀的博客

原创 回顾学习过的Vue.js知识

Vue:Vue安装:下载:vue.jsCDN:<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>npm安装:通过命令行窗口进行全局安装:$ npm install vueVue实例配置:​ el: 挂载的虚拟节点(基本结构);如果没有el指定节点，需要使用vm.$mount()主动挂载<script type="text/javascript">

原创 HTMLh和css所有的知识点，可能有不全的

HTML标签:文档: HTML文档标签 可见内容标签头部:   是所有头部元素的容器标签   标签元素会显示在网页的窗口标题上   为页面上素有链接规定默认的地址(href)或目标(target)           href: 目标的URL地址           target:打开目标链接的方法(新窗口或页内显示)   定义HTML

原创 Vue项目各文件代表的意义:方便创建项目以及制作

原创 ES6中的模块化开发及AMD、CMD、Require.js、sea.js、common.js、ES6的对比

一,模块化开发:定义:所谓的模块化开发就是封装细节，提供使用接口，彼此之间互不影响，每个模块都是实现某一特定的功能。模块化开发的基础就是函数使用函数封装:function func1(){　　　　//...}function func2(){　　　　//...}注释 :上面的函数func1 ()和func2 ()，组成一个模块。使用的时候，直接调用就行了。这种做法的缺点很明显：影响了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。立即执行函

原创 ES6中class的基本语法及继承:

class基本语法:1.实质:​ class只是一个语法糖，类的所有方法都定义在类的prototype属性上，本质是通过ES5的原型链继承实现的。注意:​ prototype对象的constructor属性直接指向’类’本身，这与ES5的行为是一致的： Point.prototype.constructor = Point;使用: class Point{ constructor(){ //... } toValue(){ //...

原创 关于处理win10中出现msvcp120.dll丢失的问题:

处理win10中出现msvcp120.dll丢失不要着急;是因为丢失.dll文件尝试重新安装就可以了,但是有些人找不到下载的地点 下面我为大家推荐两个解决这个问题的途径,不需要付费

原创 promise对象的基本用法:

promise:1. 定义:是一套异步操作处理机制， Promise A+ 是规范，jQuery、ES2015、q的promise都是对该规范的一种实现.2.特点:更容易控制异步操作的执行顺序可以在一系列异步操作中，灵活地处理错误支持链式调用，比较好写能够消除回调金字塔，好看3. 作用:实现串行任务队列实现串行任务管道处理运行时才能确定执行顺序的串行任务4.基本语法:创建Promise对象:var promise = new Promise(function(reso

原创 关于ES6中let 和 const 命令的用法以及注意事项:

let命令:基本用法:let定义:用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。<script> //let代码块内部定义的变量,与var进行对比{ var a =12; let b =10 console.log(a) //-----12 console.log(b) //-----10} console.log(a) //-----12 console.log(b) //----- not undef

原创 前端移动动端项目到底怎么去制作?

主要思路:Created with Raphaël 2.2.0 移动端项目要怎么做? 要插入什么辅助代码要特别注意哪几种特殊设备移动端项目注意什么:在电脑上搜索 m.某网站.com m---->min检查,调出手机端创建一个html文件 尝试判断寻找的网页是 1rem=xxxpx;(在做网页的时候会用到);更改自己使用的编辑器 1rem = xxxpx 的数值即使设置了百分之百也会出现横向滚动条横向滚动条解决方案:html{ overflow-y: sc

原创 HTML + CSS + JQ + PHP 完成点菜器操作:

HTML + CSS + JQ + PHP 完成点菜器操作:前期准备工作:引入viewport 移动端适配方案:<meta name="viewport" content="width=device-width, initial-scale=1.0">通过cdn引入jq库:<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>创建

原创 关于git版本管理工具的操作方法和Linux基本命令:

linux基本命令:git的基本操作:在这里插入图片描述

原创 系统函数中的时间日期函数.数学函数 数组常用函数以及简直相关函数

时间日期函数:time()定义:返回自 Unix 纪元（January 1 1970 00:00:00 GMT）起的当前时间的秒数。可与date()配合使用,当前时间戳 为10位数字案例:<?php var_dump(time());输出结果:1589007235date()作用: 格式化时间戳案例: <?php var_dump(date('H'));输出结果 :14(当前小时值)PHP格式化时间请参照:P

原创 面向对象版贪吃蛇大作战游戏创作

贪吃蛇大作战创作思路:1.创建蛇头蛇身-----2.让蛇动起来-----3.随机投放食物-----4.吃掉创建的食物------5.判断游戏开始结束前期准备工作:创建一个宽1200 高800的画布,设置他的样式,引入cdn:2.定义绘制图像的横纵左边,宽度,高度 线条,开始位置:一.创建蛇:1.定义蛇头: 2.定义蛇身:3.创建并连接蛇头蛇身:画蛇头蛇身:规定...

原创 CSS3渐变的使用方法:

CSS3渐变的使用方法:css3的渐变分为两种,下面进行依次的讲解:.线性渐变. .径向渐变.*1.线性渐变*(默认情况下为从上到下的渐变方式)background-image: linear-gradient( dir,color1 percent, color2 percent, …);1-1.重复线性渐变:background-image: repeating-linear-gr...

原创 HTML中canvas径向渐变的使用方法:

HTML中canvas径向渐变的使用方法:canvas渐变分为两种 ,下面进行对径向渐变的讲解:径向渐变也被叫做圆渐变用法:createRadialGradient(x1,y1,r1,x2,y2,r2)**参数值: x1:起点的 横坐标X1。 y1:起点的 纵坐标Y1。 r1:第一个圆得半径r1。 x2:终点的 横坐标X2。 y2:终点的 纵坐标Y2。 r2:第二个圆得...

原创 HTML中canvas线性渐变的使用方法:

HTML中canvas线性渐变的使用方法:canvas渐变分为两种 ,下面进行对线性渐变的讲解:.线性渐变;用法:createLinearGradient(x1,y1,x2,y2)添加颜色:grad.addColorStop(位置,颜色) 位置表示颜色的停止位置注意:在添加颜色得时候,“位置”,由0-1之间得数字填写,"颜色"需要用双引号或者单引号包裹起来作为一个字符串使用;参数...

原创 HTMLcanvas中 arcTo()的使用方法以及注意事项:

HTML canvas中 arcTo()的使用方法attTo定义:创建一个介于两个切线之间的弧度attTo的用法:artTo(x1,y1,x2,y2,r)artTo(400,150,400,350,300)*参数值:x1:弧度的起点的 横坐标X1。y1:弧度的起点的 纵坐标Y1。x2:弧度的终点的 横坐标X2。y2:弧度的终点的 纵坐标Y2。r:*弧度的半径r。代码如图:...