- 博客(13)
- 收藏
- 关注
RSS订阅原创 tree数组降维（ts）
需求： 给定一个数组，将children数组降维添加到数组中，生成一个新的一维数组interface Item { id: number, name: string, age: number, children?: any}type Items = Array<Item>const arr: Items = [ { id: 1, name: 'zs', age: 18 }, { id: 2, name: 'lisi'
2021-07-29 16:26:13
156
原创 tree数组降维
需求： 给定一个数组，将children数组降维添加到数组中，生成一个新的一维数组const arr = [ { id: 1, name: 'zs', age: 18 }, { id: 2, name: 'lisi', age: 19, children: [ { id: 3, name: 'wangwu', age: 20 }, { id
2021-07-29 15:16:04
96
原创 vue自定义组件库
现在vue的UI框架已经很丰富了，为什么还要封装一套自己的UI框架呢？vue的UI框架已经有很多（ElementUI，iView 等等），而且组件都很丰富，大体上可以满足我们的需求，不用重复造轮子，但是需求是不定的，在项目中有时候仅凭这些也实现不了，这时我们需要封装自己的组件或者对一些已经存在的组件进行二次封装。接下来我们就来看看如何自定义自己的组件并使用一：创建项目# 创建目录mkdir tanrj-ui# cd到目录中cd tanri-ui# 初始化项目vue create .如
2020-10-09 10:24:13
1192
原创 uni-app封装路由
由于uni-app没有vue中的全局钩子函数，所以封装了Router对象首先我们创建一个JS文件，用于存放路由跳转的方法（文件路径src/utils/router.js）class Router { constructor() { this.callBack = () => {}; } beforeEach(callBack) { if (callBack instanceof Function) this.callBack = callBack; } push(to)
2020-09-18 18:30:35
1175
2
原创 FormData用法详解
FormData的基本用法html代码（创建表单元素）<form id='form> <input type='text' name='name' />名字 <input type='password' name='password' />密码</form>js代码（创建formData空对象）// 创建formData空对象var formData = new FormData()如何根据form表单将表单数据一并添加到for
2020-09-17 15:39:23
471
原创 自定义npm工具库
新建项目（任意磁盘的任意路径下都可以）初始化项目npm init -y{ "name": "tanrj-cli", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "licens
2020-08-25 13:08:45
1033
原创 简述js模块导入并导出
user.jsexport default { login(phone, password) { }, registered(phone, password) { } ...}category.jsexport default { addCategory(categoryId) { }, deleteCategory(categoryId) { } ...}index
2020-08-21 15:25:00
243
原创 vscode自定义vue代码片段
点击 【文件】 – 【首选项】–【用户片段】点击vue.json自定义代码片段{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " $1", " </div>", "</template>\n", "<script>", "export default {", " n.
2020-08-21 10:52:28
237
原创 Vue初级知识汇总
Vue2.0 兼容 IE 哪个版本以上不支持ie8及以下，部分兼容ie9 ，完全兼容10以上， 因为vue的响应式原理是基于es5的Object.defineProperty(),而这个方法不支持ie8及以下。vue 的生命周期是什么beforeCreate: 实例创建前被调用created: 实例创建后被调用,完成数据观测,属性和方法的运算,watch/event 实际回调,模板渲染成 html(vm.$el 未定义),数据初始化最好在这个阶段完成mounted : 在$el挂载后被调用，此
2020-08-21 10:12:53
207
原创 Object.assign与展开运算符
const target = { a: 1, b: 2 }const source = { b: 4, c: 5 }console.log(...target, ...source)console.log(Object.assign(target, source))
2020-08-13 17:57:14
354
原创 vue mixin使用
mixinjs文件: mixin.jsexport default { data() { return { } }, watch: {}, methods: {}, ...}vue文件: index.vueimport testMixin from ./mixinexport default { data() { return { } }, mixins: [testMixin], // 可以有多个mixin}main.js 全局使用imp
2020-08-13 11:16:51
107
原创 uni-app封装request请求
config.js// export const baseURL = 'http://localhost:8081'// 小程序或app真机调试时使用export const baseURL = 'http://192.168.1.11:8081'request.jsimport { baseURL } from './config.js'export default function (options) { return new Promise((resolve, reject) =&
2020-08-12 18:02:17
1396
原创 Sass的使用
1、安装Sassnpm install sass -g2、scss转csssass demo1.scss demo1.css3、监视sasssass --watch demo1.scss:demo1.css4、取消编译生成的.map文件sass --watch demo1.scss:demo1.css --no-source-map5、变量的定义和使用$variable: value;/* 定义变量与值 */$bgcolor: red;$textcolor: blue;
2020-07-13 13:28:01
225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人