- 博客(27)
- 收藏
- 关注
RSS订阅原创 vue-seamless-scroll
1.实现向上滚动//向上滚动<template> <vue-seamless-scroll :data="projectDesList" :class-option="optionSetting" class="seamless-warp"> <ul class="item"> <li v-for="item in projectDesList" v-text="item.title" :key="item.title">
2020-06-12 14:22:04
162
原创 ReactNative一些组件的使用
1.Text 标签用于存放文字，在ReactNative中文字必须包裹在这个标签中。2.View标签类似Div标签3.Button标签按钮(安卓和ios样式不一样，可以自己编写一个按钮组件)，没有onClick，只有onPress4.TextInput输入框5.TouchableHighLight标签被包裹的元素可以触发onPress，并且会有高亮显示6.TouchableOpacity标签被包裹的元素可以触发onPress，并且会有闪烁效果7.TouchableWithoutFee
2020-05-09 15:11:23
150
原创 React从入门到放弃Day3
1.React里的AJAX请求，一般和vue一样使用axios，使用方法和Vue一样，先import，然后再生命周期中使用，一般在componentDidMount中componentDidMount(){ axios.post('xxx') .then((res)=>{console.log('axios 获取数据成功:'+JSON.stringify(res))...
2020-05-08 08:44:29
123
原创 React从入门到放弃 Day2
1.新建子组件 引入的东西都一样2.在父组件中引入子组件 注意名字开头大写表示自定义组件3.在需要使用子组件的地方放入子组件标签<xxxx/ >4.父子组件传值=》父向子传值 通过属性绑定（和Vue类似）<XiaojiejieItem content={item} />子组件接收this.props.content=》子向父传值注意。因为React是...
2020-05-06 16:59:51
129
原创 React从入门到放弃Day1
1.React的入口文件为index.js2.在index.js中，首先需要引入react等组件import React from 'react'import ReactDOM from 'react-dom' //操作domimport App from './App' //Htmlimport Xiaojiejie from './Xiaojiejie' //这里是你需要自定义的组件...
2020-05-06 09:04:40
193
原创 React环境配置
1.先安装Node.js2.node -v 和npm -v查看是否安装完成3.npm install -g create-react-app4.create-react-app xxx(名称)
2020-05-05 10:31:08
238
原创 qs模块
简单来说 qs常用的就两种方法qs.stringify() 转换成查询字符串qs.parse() 转换成json对象1.解析对象qs 允许在查询字符串中使用[]的方式创建嵌套的对象。例如，字符串'foo[bar]=baz'可以转换为：qs.parse('foo[bar]=baz' foo: { bar: 'baz' } 可以进行多层嵌套（qs...
2020-03-24 13:38:50
776
原创 使用nodejs爬取数据
let requests = require('requests')//发送http请求//[具体详情](https://www.npmjs.com/package/request)let fs = require('fs')//文件系统//[具体详情](https://www.runoob.com/nodejs/nodejs-fs.html)let path = require('pat...
2020-03-09 10:41:23
439
原创 ES6 rest参数
ES6 引入 rest 参数（形式为…变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。function add(...values) { let sum = 0; for (var val of values) { sum += val; } return sum;}a...
2020-03-03 10:51:28
113
原创 ED6 新增的字符串方法
传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。var str="Hello world!"document.write(str.indexOf("Hello") + "<br />")document.write(str.indexOf("World") + "<br />")document.write(st...
2020-03-02 14:35:49
125
原创 ES6 字符串的拓展
1.字符串的遍历接口1）在ES6中，字符串可以进行for…of循环for (let codePoint of 'foo') { console.log(codePoint)}// "f"// "o"// "o"2.模板字符串在不使用模板字符串的时候，我们一般使用字符串的拼接(Jquery)$('#result').append( 'There are <b>...
2020-03-02 10:49:41
179
原创 ES6解构
数组的解构赋值1.基本用法大概就是一一对应let [a, b, c] = [1, 2, 3];稍微复杂一点的嵌套let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third // "baz"let [x, , ...
2020-02-29 15:49:45
69
原创 Vue的生命周期函数
beforeCreate(){alert(‘组件实例刚刚创建，还未进行数据观测和事件配置’);}, created(){ //常用！！！ alert('实例已经创建完成，并且已经进行数据观测和事件配置'); }, beforeMount(){ alert('模板编译之前，还没挂载'); }, mounted(){ //常用！！！...
2020-02-27 13:39:38
80
原创 vue-router路由跳转
带参数跳转<router-link :to="{name:'home', params: {id:1}}"> // params传参数 (类似post)// 路由配置 path: "/home/:id" 或者 path: "/home:id" // 不配置path ,第一次可请求,刷新页面id会消失// 配置path,刷新页面id会保留 // html 取参 $r...
2020-02-27 13:25:34
152
原创 Axios调用本地模拟数据
1.首先把模拟的数据以json的格式存放在public–data的文件夹下格式如下{ "data": { "text": "个人数据", "conditions": [ { "label": "姓名", "name": "name", "text": "张三" }, { "l...
2020-02-27 13:08:16
631
原创 slice,substr和substring的区别
1.都可以截取字符串var str = 'helloworld'; alert(str.slice(4,7)); //owo alert(str.substring(4,7)); //owoalert(str.substr(4,7)); //oworld2 substring() 的两个参数要求是非负整数, 另外它是以...
2020-02-25 15:54:06
70
原创 筛选出两个数组中的元素
两个数组不同的元素let list= [];list = this.array1.filter(item=>{ return array2.indexOf(item) === -1});两个数组相同的元素let list= [];list = this.array1.filter(item=>{ return array2.indexOf(item) ==...
2020-02-24 14:38:06
263
转载 Vue的keep-alive控件
keep-alive控件keep-alive控件用于缓存组件，vue内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM keep-alive是用在一个直属子组件被开关的情形，同时只有一个子组件在渲染，若有v-for则不会工作 注：keep-alive是一个抽象组件，自身不会渲染一个DOM元素，也不会出现在父组件链中 举个栗子：// 页面文件<keep-al...
2020-02-24 13:51:22
102
原创 整理一些数组的方法
1.pop()var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.pop();=>Banana,Orange,Applepop() 方法用于删除数组的最后一个元素并返回删除的元素。2.splice()var fruits = ["Banana", "Orange", "Apple", "Mango"];fr...
2020-01-16 14:34:20
108
原创 Vue.component自己封装一个组件
封装一个表格组件组件<template> <div> <table> <tr> <td v-for="(c, idx) in cols" :key="idx">{{ c.lable }}</td> </tr> <tr v-for="item ...
2020-01-15 14:58:12
234
原创 vue中前进刷新、后退缓存用户浏览数据和浏览位置
keep-alive的使用1.首先在我们的app.vue中定义keep-alive<keep-alive> <router-view v-if="$route.meta.keepAlive"/> </keep-alive> <router-view v-if="!$route.meta.keepAlive"/>...
2020-01-14 10:09:41
373
原创 Api接口的模块化管理
Api接口的模块化管理1.模块一import axios from './axios'function login(){ return axios.post('login');}export default{ login}2.模块二import axios from './axios'function vote(){ return axios.post('vote'...
2020-01-10 15:39:47
906
1
原创 Fetch请求的封装
Fetch请求封装import qs from qs//根据环境变量区分接口let baseURL = '';let baseURLArr = [{ type: 'development', url: 'http://127.0.0.1:8080'}, { type: 'test', url: 'http://127.0.0.1:8080'}, { type: 'p...
2020-01-10 15:27:54
185
原创 axios二次封装
axios二次封装import axios from 'axios';import qs form 'qs'; //qs为转换格式一般的axios请求: // get请求 axios.get(url, { params: { } }).then(res => { }).catch(error => { });// post请求axi...
2020-01-10 10:40:59
295
转载 遮罩层代码
<div class="cover"></div> .cover{ position:fixed; /*注意使用fixed , absolute如果页面超出屏幕下面的遮不住, 害羞 */ left:0px; top:0px; background:rgba(0, 0, 0, 0.8); ...
2020-01-09 09:09:46
177
原创 一些自己遗忘的Css样式
一些遗忘的Css样式1.首行缩进text-indent:50px;2.内容自动换行word-break:break-all;---允许在单词内部进行换行word-break:keep-all;只在空格处或连字符（-）处换行3.词间距word-spacing:10px;单词与单词之间的间隙为10px,只要有空格出现就认为是一个词的开始4.字间距letter-spacing:5...
2020-01-08 14:14:29
73
原创 自己一些HTML中没发现过/遗忘的的神奇点
一些HTML中没发现过/遗忘的的神奇点1.预编译标签预编译标签<pre></pre>特点：原样输出，自动换行最常用来表示计算机的源代码例如:<pre><html><head> <script type="text/javascript"...
2020-01-08 14:05:41
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人