- 博客(28)
- 收藏
- 关注
RSS订阅原创 2022年终总结【毕业总结】
今年的经历也是比较丰富多彩的，在我3月底拿到offer离职之后，公司撑不下去裁员了，因此我成了冤大头，提交辞职后的两天其他同事也都陆陆续续被HR叫去面谈谈赔偿。我不知道是傻还是天真，竟然写了一大段话发给我门的人事总监，摆脱她帮我也申请点补偿，结果换来的也只有已读不回😊。在今年8月底还在酒店喜提了两天集中隔离，然后就是9月份的静默，整个9月基本上前二十天都是居家办公。到了12月份放开时，也是没有逃过🐑了个🐑。年终总结：工作技能1、学到了新技能，因为公司用的Ramda所以我也从之前习惯的。
2022-12-28 16:05:57
970
原创 Vue组件通信
文章目录一、父子间通信1、父组件給子组件传数据2、子组件給父组件传数据一、父子间通信1、父组件給子组件传数据利用props传数据父组件<template> <div id="app"> <Student :age="1" /> </div></template><script>import Student from "./components/Student";export default {
2022-03-14 19:40:39
933
原创 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
1335
原创 创建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 react-router-dom@5.2.1npm i -
2022-02-11 17:06:20
1279
原创 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
325
原创 【第三方工具库】
第三方库一、生成唯一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
289
原创 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
642
原创 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
1021
原创 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
2219
原创 moment的一些常用用法
moment的一些常用用法：1、 格式化日期获取当前日期并按照指定格式输出moment().format('YYYY-MM-DD HH:mm') //2021-06-02 15:24moment().format('YYYY-MM-DD') //2021-06-022、 日期选择器中的使用1，DatePicker不能选择将来的日期 disabledDate={(current: any) => { return current > moment().startO
2021-06-03 16:14:06
938
原创 友盟SDK升级（手动集成）
友盟SDK升级友盟官方地址：https://developer.umeng.com1，下载SDK jar包2，导入项目中4，申请第三方账号5，需要在工程AndroidManifest.xml清单文件中增加：6，添加权限7，初始化友盟8，混淆设置在升级之前，把之前项目中手动添加的友盟相关的jar包全部删除。之后在从新添加最新的包。友盟官方地址：https://developer.umeng.com1，下载SDK jar包选择完之后，点击完成，再点击下载。2，导入项目中1，把解压之后的文件夹中的
2021-06-03 14:41:05
2199
2
原创 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
330
原创 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
135
原创 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
140
原创 超出文本显示省略号
1、单行文本超出隐藏显示省略号p{ white-space:nowrap; ／*强制文本一行显示*／ overflow:hidden;／*超出元素默认宽度内容隐藏*／ text-overflow:ellipsis;/* 使用省略号代表有内容未显示*/}2、webkit的多行文本溢出隐藏，显示省略号-webkit-line-clamp:用该属性来限定块元素内文本显示的行数displ...
2019-08-15 13:47:17
264
原创 浏览器前缀和背景渐变
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
589
原创 CSS实现一些效果
1、CSS滑动门技术核心技术：Css的精灵（主要是背景位置）和盒子padding撑开宽度，以便能适应不同字段的数的导航栏。一般的经典布局<li> <a href="#"> <span> 导航内容</span> </a></li>总结：1，a设置背景左侧，padding撑开合适的宽度。2，span设置背景...
2019-08-12 18:26:06
274
原创 overflow、box-shadow、鼠标样式、换行
1、overflow 属性属性描述overflow：visible属性的默认值，超出显示overflow：auto自动的，超出就显示滚动条，不超出就不显示overflow：scroll一直会显示滚动条overflow：hidden超出自动隐藏2、阴影box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内／外阴影；3...
2019-08-12 17:08:43
332
原创 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
1325
原创 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
226
原创 CSS浮动
一、清除浮动的方法方法使用例如优点缺点额外标签法通过在末尾添加一个空的标签<div style="clear:both"></div>通俗易懂添加许多无实义的标签，结构混乱父级添加overflow属性方法通过触发BFC方式，清除浮动给父级添加：overflow：hidden或auto 、scroll代码简洁内容增多时容易造成...
2019-07-31 19:54:33
99
原创 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
144
原创 CSS样式表
一、行内式（内联样式表）是通过标签的style属性来设置元素的样式。语法：<标签名 style=“属性1:属性值1；属性2:属性值2；“>内容</标签名><h1 style="color:pink;font-size:18px">内敛样式表</h1>二、内部样式表（内嵌式）内部样式表是将CSS代码集中写在HTML文档的head头部标签中...
2019-07-30 11:26:33
308
原创 web学习---隐藏显示定位
一、Css的显示隐藏display：none，可以设置元素隐藏Visibility：hidden，也可以设置元素隐藏区别：visibility隐藏了元素，但是元素所占的空间还在，display不会，例如h1 {visibility:hidden;}h1 {display:none;}二、定位position:static是定位的默认值，没有定位效果，正常的显示在瀑布...
2019-07-29 16:28:52
231
原创 Web学习---列表和表格
一、列表类型介绍标签有序列表列表项的标记有顺序，用数字或者字母表示顺序。<ol></ol>无序列表列表项是无序的，用小黑点或者小方框，小圆圈表示。<ul></ul>list-style-type可以制定列表项标记的类型例子<!DOCTYPE html><html lang="en"&...
2019-07-29 15:15:24
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人