我的Web项目汇总
欢聚时代
YY陪玩·年中金牌团队大赏专题页(Web)https://web.yy.com/pw_gh_cosme/index.html?actId=20200810
YY交友·豆荚明星赛专题页(Web)https://web.yy.com/bean_star/
追玩app·云顶之弈赛事专题页(H5)https://web.yy.com/ge_zw_kingofchess/august.html
追玩app·后台管理系统·游戏专区&群红包发放后台(Web)
个人
朋友圈 - 基于Taro + Taro UI + Redux + Typescript + Koa开发的微信小程序 https://github.com/Lorienn/wechat-moments
MyVue - 基于Vue.js的前端项目工程 https://github.com/Lorienn/myvue
Element后台管理系统 - 基于Vue + Element UI开发的Web电商后台管理系统 https://github.com/Lorienn/ecommerce-management-syst ...
React开发规范
组件的定义
需要管理内部状态/涉及生命周期,使用class(类组件)
否则优先使用普通函数(函数组件)
命名
规则:帕斯卡命名法
文件名
目录的根组件:index.jsx
其它:MyComponent.jsx
引用组件名:const MyComponent = require('./List')
属性名
规则:驼峰式
例:<Index firstName="foo">
对齐1234<Index config="foo" second="bar"/>
引号
在JSX中应使用""
在JS中应使用''
1<Index name="EvanYou" style={{left: '20px'}} />
空格
标签闭合:标签名和/中保留一个空格 <Index />
插值表达式:插值括号和内容之间不应该有空格 < ...
React Hook
特点只能在函数式组件中使用
作用使函数式组件拥有状态、生命周期等类组件的特性
核心
state hook
123456789101112131415161718192021222324252627import React, { useState } form 'react'// useState 方法返回一个数组。第一个值是当前的 state,第二个值是更新 state 的函数,相当于类组件的setStatefunction App() { const [data, setData] = useState({ name: 'xxy', age: 10 }) return ( <div> <p>You clicked {count} times</p> <button onClick={() => setData( ...
Vue开发规范
组件划分
情况
App组件代码超过100行
使用了vue-router
原则:尽量保证单文件组件代码不超过100行
组件命名
原则
语义化
由2~3个单词组成
使用-分隔单词
组件事件命名
原则
同组件命名
应以动词/名词结尾,例如upload-success
props
尽量传递JS原始类型(String, Number, Boolean)和Function,避免传递对象
123456789101112<!-- 推荐 --><range-slider :values="[10, 20]" :min="0" :max="100" :step="5" @on-slide="updateInputs" @on-end="updateResults"></range-slider><!-- 避免 --><range-sli ...
JavaScript实现常见排序算法
本文实现的排序算法有:冒泡排序、选择排序、插入排序、希尔排序、快速排序。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125function ArrayList() { // 列表的属性 this.array = [] // 列表的方法 // - 插入项 ArrayList.prototype.insert = function (item) { this.array.push(item) } // - 将列表以字符串形式返回 ...
五分钟入门PHP5.6
一、入门1.输出语句123echo echo(); // 常用输出语句print_r(); // 同上var_dump(); // 输出时变量类型和值,用于代码调试
注意:php的语法十分严格,每一条语句都必须以分号结束。
2.变量1$str = "hello,world."; //声明变量无需关键字
变量以$符号开头(引用变量时也要带上$)变量名必须以字母或下划线开头变量名只能由[0-9a-zA-Z\_]组成变量名区分大小写
3. 数据类型String(字符串), Integer(整型), Float(浮点型), Boolean(布尔型), Array(数组), Object(对象), NULL(空值)
4. 字符串拼接123//JavaScriptstr = "0" + "1"; //字符串拼接str = `Hello, ${name}.`; //模板字符串
123//PHP$str = "0"."1"; //字符串拼 ...