学习
文章平均质量分 59
小雪Margain
这个作者很懒,什么都没留下…
展开
-
reactnavigation V6 嵌套路由
使用react-navigation实现嵌套路由原创 2022-08-04 15:39:53 · 376 阅读 · 0 评论 -
记录一下工作中常用的ramda处理数据方法
Ramda的一些实际应用场景原创 2022-07-22 17:17:37 · 541 阅读 · 0 评论 -
ramda学习记录
ramda原创 2022-07-12 17:58:22 · 1966 阅读 · 0 评论 -
JsonServer学习记录
json-server学习一、全局安装二、使用接口一、全局安装全局安装npm install -g json-server建立一个json文件 把下面的内容拷贝进去{ "posts": [{ "id": 1, "title": "json-server", "author": "typicode" }], "comments": [{ "id": 1, "body": "some comment", "postId": 1 }], "profile": { "name": "原创 2022-03-11 10:29:24 · 1162 阅读 · 0 评论 -
创建react移动端项目教程
创建react移动端(H5)项目教程:1、创建项目并使用TypeScriptnpx create-react-app antd-demo-ts --template typescript或yarn create react-app antd-demo-ts --template typescript2、安装Ant Design Mobile组件库npm install antd-mobile --save3、安装路由npm i [email protected] i -原创 2022-02-11 17:06:20 · 1192 阅读 · 0 评论 -
ES6学习记录
ES6学习记录文章目录ES6学习记录一、箭头函数?二、使用步骤1.引入库2.读入数据总结一、箭头函数?1、申明箭头函数//申明函数let fn=(a,b)=>{ return a+b}//调用函数console.log(fn(1,2)) //打印出32、 箭头函数的特性箭头函数里的this是静态的,this始终指向函数申明时所在作用域下的this值二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas a原创 2022-01-21 17:39:41 · 295 阅读 · 0 评论 -
【第三方工具库】
第三方库一、生成唯一id一、生成唯一id库名:Nano ID地址:https://www.npmjs.com/package/nanoid1.安装组件库代码如下(示例):npm i nanoid2.使用例子代码如下(示例):import { nanoid } from 'nanoid' //引入插件model.id = nanoid() //=> "V1StGXR8_Z5jdHi6B-myT"。生成唯一id...原创 2022-01-21 16:05:33 · 224 阅读 · 0 评论 -
react学习记录
react学习记录ref使用二级目录三级目录ref使用class NoFoundPage extends Component { methodRef: any; objRef: any; constructor(props) { super(props); this.objRef = React.createRef(); } componentDidMount() { console.log(this.refs.stringRef.textContent);原创 2021-08-06 09:20:28 · 222 阅读 · 0 评论 -
ant design pro项目规范
1、 创建一个ant design pro项目第一步yarn create umi ant_design_pro_test1第二步 选择创建ant-design-pro项目第三步 选择typescript第四步 选择simple然后就创建成功了一个ant design pro项目,最新的创建ant design pro项目没有选择版本的选项了,默认创建的就是最新的V5,antd 4.0+的版本。项目结构如下:2、 目录(命名)规范主要是src目录下的规范● assets:主要放原创 2021-07-13 16:31:00 · 783 阅读 · 0 评论 -
mac 安装typescript
typescript官方地址1、 首先全局安装typescriptnpm install -g typescript安装成功之后如图2、配置全局变量终端输入:vim ~/.bash_profile进入编辑状态添加下面这行代码export PATH=$PATH:/usr/local/Cellar/node/8.4.0/lib/node_modules/typescript/bin/export PATH=$PATH:后面跟的就是安装好typescript之后的上面那张图框起来的那个路原创 2021-06-21 20:39:29 · 1914 阅读 · 0 评论 -
typescript4种类型保护方法
typescript类型保护1,联合类型 用 类型断言的方式来做类型保护2,in 语法来做类型保护3,typeof方式 语法来做类型保护4,使用 instanceof 语法来做类型保护1,联合类型 用 类型断言的方式来做类型保护interface Bird { fly: boolean; sing: () => {};}interface Dog { fly: boolean; bark: () => {};}//类型断言的方式 进行类型保护function t原创 2021-04-20 20:55:08 · 223 阅读 · 0 评论 -
vue组件
父组件给子组件传值1,传静态值父组件引用子组件com并且传了一个值age<com age="age"/><template> <div class="com"> child components {{age}} </div></template><script> export default{ ...原创 2019-10-23 15:05:41 · 104 阅读 · 0 评论 -
VUE学习(一)
一、模板语法1、文本<span> Message:{{msg}}</span>原始HTML<p>Using mustaches:{{rawHtml}}</p><p>Using v-html directiveL<span v-html = "rawHtml"></span></p>特性...原创 2019-10-23 14:11:44 · 111 阅读 · 0 评论 -
CSS浮动
一、清除浮动的方法方法使用例如优点缺点额外标签法通过在末尾添加一个空的标签<div style="clear:both"></div>通俗易懂添加许多无实义的标签,结构混乱父级添加overflow属性方法通过触发BFC方式,清除浮动给父级添加:overflow:hidden或auto 、scroll代码简洁内容增多时容易造成...原创 2019-07-31 19:54:33 · 75 阅读 · 0 评论 -
浏览器前缀和背景渐变
1、浏览器前缀浏览器前缀浏览器-webkit-Google chrome,Safari,android browser-moz-firefox-o-Opera-ms-Internet Explorer,Edge-khtml-konqueror2、背景渐变语法格式:background:-webkit-linear-gradient(...原创 2019-08-15 09:27:02 · 546 阅读 · 0 评论 -
超出文本显示省略号
1、单行文本超出隐藏显示省略号p{ white-space:nowrap; /*强制文本一行显示*/ overflow:hidden;/*超出元素默认宽度内容隐藏*/ text-overflow:ellipsis;/* 使用省略号代表有内容未显示*/}2、webkit的多行文本溢出隐藏,显示省略号-webkit-line-clamp:用该属性来限定块元素内文本显示的行数displ...原创 2019-08-15 13:47:17 · 170 阅读 · 0 评论 -
overflow、box-shadow、鼠标样式、换行
1、overflow 属性属性描述overflow:visible属性的默认值,超出显示overflow:auto自动的,超出就显示滚动条,不超出就不显示overflow:scroll一直会显示滚动条overflow:hidden超出自动隐藏2、阴影box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影;3...原创 2019-08-12 17:08:43 · 278 阅读 · 0 评论 -
CSS实现一些效果
1、CSS滑动门技术核心技术:Css的精灵(主要是背景位置)和盒子padding撑开宽度,以便能适应不同字段的数的导航栏。一般的经典布局<li> <a href="#"> <span> 导航内容</span> </a></li>总结:1,a设置背景左侧,padding撑开合适的宽度。2,span设置背景...原创 2019-08-12 18:26:06 · 225 阅读 · 0 评论 -
H5中的label、textarea、select标签
一、 label标签1,如果你想让点击input输入框左边的文字就可以让输入框获取焦点,就可以使用label标签把文字和input包裹起来。2,如果label里面有多个表单,想定位到某个,可以通过 for id的格式来实现。示例<!DOCTYPE html><html lang="en"><head> <meta charset="UT...原创 2019-08-03 09:37:19 · 1133 阅读 · 0 评论 -
CSS复合选择器
复合选择器是由两个或多个基础选择器,1、交集选择器交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,h3.class{属性1:属性值1;属性2:属性值2;}例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...原创 2019-07-30 14:54:03 · 125 阅读 · 0 评论 -
H5新特性
一、常用新标签1.header:定义页面头部。2.footer:定义页面尾部。3.article:定义文章。4.nav:定义导航栏。5.aside:定义其所处内容之外的内容,侧边。6.datalist:标签定义选项列表,一般与input元素配合使用该元素。7.fieldset:可以将表单内的相关元素分组,打包。与legend搭配使用。示例:<!DOCTYPE html>...原创 2019-08-02 16:25:02 · 170 阅读 · 0 评论 -
CSS样式表
一、行内式(内联样式表)是通过标签的style属性来设置元素的样式。语法:<标签名 style=“属性1:属性值1;属性2:属性值2;“>内容</标签名><h1 style="color:pink;font-size:18px">内敛样式表</h1>二、内部样式表(内嵌式)内部样式表是将CSS代码集中写在HTML文档的head头部标签中...原创 2019-07-30 11:26:33 · 247 阅读 · 0 评论 -
web学习---隐藏显示定位
一、Css的显示隐藏display:none,可以设置元素隐藏Visibility:hidden,也可以设置元素隐藏区别:visibility隐藏了元素,但是元素所占的空间还在,display不会,例如h1 {visibility:hidden;}h1 {display:none;}二、定位position:static是定位的默认值,没有定位效果,正常的显示在瀑布...原创 2019-07-29 16:28:52 · 199 阅读 · 0 评论 -
Web学习---列表和表格
一、列表类型介绍标签有序列表列表项的标记有顺序,用数字或者字母表示顺序。<ol></ol>无序列表列表项是无序的,用小黑点或者小方框,小圆圈表示。<ul></ul>list-style-type可以制定列表项标记的类型例子<!DOCTYPE html><html lang="en"&...原创 2019-07-29 15:15:24 · 250 阅读 · 0 评论