<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Formattor的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Formattor</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Formattor]]></copyright><item><title><![CDATA[如何使用EF6创建SPA]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/134272180</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/134272180</guid><author>Formattor</author><pubDate>Tue, 07 Nov 2023 17:25:36 +0800</pubDate><description><![CDATA[Create a enpty EF6 web app






Push to Github

]]></description><category></category></item><item><title><![CDATA[Singleton-单例模式]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/129696710</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/129696710</guid><author>Formattor</author><pubDate>Tue, 21 Mar 2023 20:24:22 +0800</pubDate><description><![CDATA[一个类存在只存在一个实例，并提供一个访问它的全局访问点。]]></description><category></category></item><item><title><![CDATA[js是实现键盘设置日期（input）]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/127632285</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/127632285</guid><author>Formattor</author><pubDate>Tue, 01 Nov 2022 16:36:20 +0800</pubDate><description><![CDATA[本功能是基于封装的datetime-input框进行的二次封装，加上上下左右修改日期的功能，只提供一种思路。]]></description><category></category></item><item><title><![CDATA[手写一个富文本编辑器]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/127087849</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/127087849</guid><author>Formattor</author><pubDate>Wed, 28 Sep 2022 14:15:28 +0800</pubDate><description><![CDATA[简易的富文本编辑器]]></description><category></category></item><item><title><![CDATA[对象数组常见操作]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/125605421</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/125605421</guid><author>Formattor</author><pubDate>Mon, 04 Jul 2022 17:52:42 +0800</pubDate><description><![CDATA[在实际开发中总是要对后台的一些数据进行操作，然后后台数据总是以对象数组的形式获取，所以本文记录一下自己遇到的一些对对象数组的常见操作]]></description><category></category></item><item><title><![CDATA[React基础 笔记]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/124786916</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/124786916</guid><author>Formattor</author><pubDate>Sun, 15 May 2022 19:52:57 +0800</pubDate><description><![CDATA[React特点

声明式
组件化
web,mobile,vr

React安装
npm i react react-dom
react使用

引入

&lt;script src="./node_modules/react/umd/react.development.js"&gt;&lt;/script&gt;
&lt;script src="./node_modules/react-dom/umd/react-dom.development.js"&gt;&lt;/script&gt;


创建元素

/]]></description><category></category></item><item><title><![CDATA[Vue生命周期]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/116195670</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/116195670</guid><author>Formattor</author><pubDate>Tue, 27 Apr 2021 11:08:52 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;script src="./lib/v.]]></description><category></category></item><item><title><![CDATA[promise手写加载图片]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/116098004</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/116098004</guid><author>Formattor</author><pubDate>Sat, 24 Apr 2021 17:37:12 +0800</pubDate><description><![CDATA[function loadImg(src){
  const p=new Promise((resolve,reject)=&gt;{
    const img=document.createElement('img')
    img.onload=function() {
      resolve(img)
    }
    img.onerror=function(){
      const err=new Error(`图片加载失败,url为：${src}`)
      reject(er]]></description><category></category></item><item><title><![CDATA[正则表达式]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/116015033</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/116015033</guid><author>Formattor</author><pubDate>Thu, 22 Apr 2021 17:40:08 +0800</pubDate><description><![CDATA[Regular Expression
对象
作用

匹配
替换
提取

定义
var reg=new RegExp(/123/)
var reg2=/124/
// 测试
console.log(reg2.test(124));





字符
解释




^
开始


$
结尾


[]
字符集，任何一个都行,加上边界符就表示仅一个


-
范围


[^]
取反


*
0-∞


+
&gt;1


?
0-1


{3}
重复3次


{3,}
≥3


{3,16}
3-16


()
其中所有]]></description><category></category></item><item><title><![CDATA[面试凉经]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/116009677</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/116009677</guid><author>Formattor</author><pubDate>Thu, 22 Apr 2021 12:55:09 +0800</pubDate><description><![CDATA[契约锁
电话问

判断数组与对象的方法
es6的箭头函数与普通函数的区别

电话一面

git pull是由那两个命令组成的，git pull 与git fetch的区别
map和set的区别
cros跨域时cookie放在哪里
cookie具体的请求头
weakmap是什么
es6伪数组
promise的数组for与foreach遍历区别
浅拷贝与深拷贝，转为字符串的缺点，递归调用的栈溢出如何解决

感受
我太菜了

...]]></description><category></category></item><item><title><![CDATA[二叉搜索树]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115741357</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115741357</guid><author>Formattor</author><pubDate>Thu, 15 Apr 2021 22:11:44 +0800</pubDate><description><![CDATA[// 节点
class Node{
  constructor(value){
    this.value=value;
    this.left=null;
    this.right=null;
  }
}

// 二叉搜索树
class BinarySearchTree{
  constructor(){
    this.root=null;
  }
  // 插入节点到合适位置
  insertNode(node,newNode){
    // 判断新节点与当前节点的大小，然后小放左大放右]]></description><category></category></item><item><title><![CDATA[CSS3转换]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115554494</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115554494</guid><author>Formattor</author><pubDate>Fri, 09 Apr 2021 20:55:47 +0800</pubDate><description><![CDATA[2D
translate
/* 移动x→,y↓ */
/* 百分号移动距离是盒子自身的比较 */
transform: translate(100px,100px);
transform: translateX(100px);
transform: translateY(100px);

优点：不影响其他盒子位置
缺点：对于行内元素无效
rotate
/* deg一定要带单位 */
transform: rotate(45deg);


transition: all 0.2s;

/* 旋转中心：像素，单]]></description><category></category></item><item><title><![CDATA[DOM]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115495392</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115495392</guid><author>Formattor</author><pubDate>Wed, 07 Apr 2021 20:42:31 +0800</pubDate><description><![CDATA[DOM
API:Application Programming Interface
关于dom操作，我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。
创建

document.write
innerHTML
createElement

增

appendChild
insertBefore

删

removeChild

改
主要修改dom的元素属性，dom元素的内容、属性, 表单的值等

修改元素属性： src、href、title等
修改普通元素内容： innerHTML ]]></description><category></category></item><item><title><![CDATA[封装ajax]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115494977</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115494977</guid><author>Formattor</author><pubDate>Wed, 07 Apr 2021 20:28:41 +0800</pubDate><description><![CDATA[XMLHttpRequest()
get
// 创建xhr
var xhr=new XMLHttpRequest()
// 调用xhr
xhr.open('GET','http://www.liulongbin.top:3006/api/getbooks')
// xhr.open('GET','http://www.liulongbin.top:3006/api/getbooks?id=1')
// 发送
xhr.send()
// 监听
xhr.onreadystatechange=function()]]></description><category></category></item><item><title><![CDATA[双向绑定原理]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115432295</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115432295</guid><author>Formattor</author><pubDate>Sun, 04 Apr 2021 23:23:17 +0800</pubDate><description><![CDATA[reduce()
// reduce是数组的一个api
const arr=[1,2,3,4,5,6,7]
const res=arr.reduce((val,item)=&gt;{return val+item},0)
console.log(res);

const obj={
  name:'zs',
  info:{
    address:{
      location:'北京'
    }
  }
}
const attrs=['info','address','location']
// c]]></description><category></category></item><item><title><![CDATA[手写promise]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115418238</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115418238</guid><author>Formattor</author><pubDate>Sat, 03 Apr 2021 22:16:19 +0800</pubDate><description><![CDATA[用类的方法来写promise
声明HD.js
class HD{
//三种状态，pending-&gt;fulfilled,pending-&gt;rejected
//过度-&gt;成功，过渡-&gt;失败
  static PENDING='pending'
  static FULFILLED='fulfilled'
  static REJECTED='rejected'
  //构造函数，状态和传的值，以及改变状态的执行器
  constructor(executor){
    this.sta]]></description><category></category></item><item><title><![CDATA[Vue子父组件传值]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115380540</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115380540</guid><author>Formattor</author><pubDate>Thu, 01 Apr 2021 20:30:20 +0800</pubDate><description><![CDATA[父子关系
父组件向子组件传值

在父组件引入子组件

Vue.component('son-item',{
    // props:['title'],
    data(){
      return {
        submsg:'子组件数据'
      }
    },
    template:'&lt;div&gt;{{submsg+"---"+title}}&lt;/div&gt;'
 })


父组件调用子组件

// 静态属性绑定
&lt;son-item title="来自父组件的]]></description><category></category></item><item><title><![CDATA[奖学金管理系统数据库设计]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115371444</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115371444</guid><author>Formattor</author><pubDate>Thu, 01 Apr 2021 12:47:40 +0800</pubDate><description><![CDATA[数据库
基本操作




数据库基本操作
语句




显示数据库
show databases;


使用数据库
use scholorship;


显示表
show tables;


数据库信息




介绍
名称




数据库名称
Scholorship（误）


数据库密码
123456


1.系统管理员
1.1系统管理员 SysAdmin
SysAdmin（和之后的名称规范不符，最好修改回来）




字段
类型
长度
说明
空/非空
约束条件




Admin_Id
int
100

]]></description><category></category></item><item><title><![CDATA[前端面试题预热]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115370856</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115370856</guid><author>Formattor</author><pubDate>Thu, 01 Apr 2021 12:46:16 +0800</pubDate><description><![CDATA[html
css
画出一个下三角
.triangle{
	 width: 0;
	 height: 0;
	 border-bottom: 200px solid pink;
	 border-left: 200px solid transparent;
	 border-right: 200px solid transparent;
 }

js
vue
计算机网络
性能优化

]]></description><category></category></item><item><title><![CDATA[CSS3选择器]]></title><link>https://blog.youkuaiyun.com/Formattor/article/details/115366839</link><guid>https://blog.youkuaiyun.com/Formattor/article/details/115366839</guid><author>Formattor</author><pubDate>Thu, 01 Apr 2021 10:04:41 +0800</pubDate><description><![CDATA[属性选择器
// 选择既是button 又有disabled属性 的按钮
button[disabled]{
	cursor:default;
}

类选择器，属性选择器，伪类选择器 权重为10




属性
写法




属性
button[disabled]


属性名
div[type=‘search’]


属性开头
div[class^=‘icon’]


属性结尾
div[class$=‘icon’]


属性包含
div[class*=‘icon’]


结构伪类选择器




介绍
写法

]]></description><category></category></item></channel></rss>