- 博客(14)
- 收藏
- 关注
RSS订阅
原创 vue-cli 中实现响应式布局
vue-cli 中实现响应式布局我们在进行前端开发中必然会遇到PC与移动端的适配，面对这样的问题有些公司会准备两个页面，移动是移动，PC是PC，而响应式布局就是根据用户不同的机型展示不同的页面，废话不多说，直接贴代码，对前端感兴趣的小伙伴可以加我QQ：1627889159首先我们这个功能是借助vuex实现的，没下载的小伙伴可以先下一个yarn add vuex既然是响应式布局就要准备两套css，一个是PC端的css，一个是移动端的css，我们暂且将PC端的样式称为computer，移动端的样
2021-02-14 10:16:53
3437
15
原创 XLSX学习笔记
前端导入Excel表,需要对Excel进行解析,最终转换成json格式的数据FileReader上传文件肯定少不了这个,这属于H5的读取文件的一个类,在原生input上传file,我们通过e.target.files[0]就可以拿到文件的File对象,通过FileReader转换成我们需要的数据格式.change (e) { const file = e.target.files[0]; // 创建FileReader实例 const reader = new F
2021-11-25 12:31:46
392
原创 Java学习日记二----重写
Java的重写嗯，今天刚看到Java的重写，有点理解就赶紧记录下来，可能有些理解的不到位，还请多多指正。说道Java的重写就得提到extends（继承），先举一个具体的例子吧，有两个类Person，Student，Student继承Person，先上代码吧Person类public class Person { public void test() { System.out.println("Person"); }}Student类public cla
2021-09-14 15:56:59
150
原创 Java学习日记1---this与super的区别
Java学习日记1—this与super的区别首先super是用于继承的，继承父类的属性和方法，那就详细说一下super的用法，先贴一个代码public class Person { /* * 设定属性 */ private String name; private int age; /* * constructor */ public Person() { } public Person(String name,
2021-09-13 21:28:11
182
原创 将对象转为query字符串
将对象转为query字符串我们在与后端交互的过程中，后端可能会让我们在post、put等请求中携带params参数，为了提高我们的工作效率，可以将请求事先封装，用的时候直接和传payload一样传对象就行了，不废话，上代码// 对象转query字符串的方法 function query(obj) { // 首先判断obj是否为真，为真则进行处理，不然直接return if (obj) { // 定义变量接收query字符串 let query = "" // 循环遍历对象
2021-05-07 09:03:26
3058
原创 事件循环EventLoop
事件循环EventLoop1.首先我们需要明白三个地方：执行栈，任务队列；2.上一条不是说有三个地方吗，可就写了两个，其实任务队列又分为'宏任务队列'和'微任务队列'3.由于JS是单线程的，所以在执行栈中执行代码时，遇到异步请求(定时器)的时候, 先发送请求(交付浏览器进行定时),等请求回来(计时完成),并不是直接放入执行栈中4.而是通过任务类型的不同放入的任务队列中，宏任务放宏任务任务队列中，微任务放微任务队列中5.当执行栈内没有代码时，JS会去执行微任务队列中的代码，当微任务队列中没有可执
2021-03-08 17:27:37
114
原创 React中函数式组件用useEffect模拟三个生命周期钩子函数
React中函数式组件用useEffect模拟三个生命周期钩子函数首先我们知道在React中的函数式组件是没有生命周期的，那我们想在函数式组件中实现class组件中生命周期钩子函数的效果应该怎么操作呢？这里就得用到一个hooks来模拟钩子函数，这个hooks就是useEffect，这个useEffect可以模拟三个钩子函数，分别是componentDidMount，componentWillUnmount和componentDidUpdate。先贴代码为敬React.useEffect(() =&g
2021-02-25 20:21:14
8108
1
原创 React中遍历数组生成标签
React中遍历数组生成标签举一个例子，一个列表根据数组渲染li元素，在vue中一个v-for就解决了，那在React中怎么实现呢？这里我们直接引入的React文件，没用脚手架let arr = [1,2,3]; ReactDOM.render(<ul> { arr.map(value => <li key={value}>{value}</li>)
2021-02-22 13:59:55
1569
原创 PHP中mysqli_affected_rows与mysqli_num_rows的区别
PHP中mysqli_affected_rows与mysqli_num_rows的区别今天写项目的时候用PHP搭了一个接口用于用户登录注册，登录我是这么写的<?php $username = $_POST['username']; $password = $_POST['password']; $con = mysqli_connect('localhost','root','root','hubayi'); $sql = "select * from users
2021-02-16 20:18:52
1969
5
原创 PHP如何接受axios传递的参数
PHP如何接受axios传递的参数我们在做vue项目的时候一般都用axios发送请求，那后端php怎么接受前端传递的数据呢？举个例子，用户登录axios.post('/api/user/loginin', { username: this.username, password: this.password}).then(res => { console.log(res) }).catch(err => console.log(err))我
2021-02-15 11:36:57
3025
3
原创 vue项目中如何使用Bootstrap
vue项目中如何使用Bootstrap众所周知vue有自己的组件库，vant、element…，为何我们还需要用Bootstrap呢？我最近想了一下，我用Bootstrap主要是用他的样式，而他基于jQuery的功能却很少用，如果光做移动端用组件库就足够了，但如果是PC端组件库可能就没有Bootstrap的样式带劲了，不废话，贴代码首先需要下载Bootstrapyarn add bootstrap@3然后在main.js中只需要引入核心css文件就行了import 'bootstrap/dis
2021-02-14 16:14:33
3983
原创 配置element组件库
配置element组件库首先把babel.config.js文件重命名为.babelrc,下载@babel/preset-env yarn add @babel/preset-env将.babelrc配置文件修改为{ "presets": [ "@vue/cli-plugin-babel/preset", ["@babel/preset-env", { "modules": false }] ], "plugins": [ [ "component
2021-02-11 17:45:02
363
原创 JS动态计算文本高度
通过JS动态计算文本高度我们在做动态网页APP时有时会需要根据不同的文本高度设置不同的height，这就需要动态计算文本的高度了，之前在网上看到过一个方案，但本人亲自试了一下发现有bug，就是会在页面中多创建一个占位的元素，于是我就将这个bug修复了一下，不废话，上代码。对前端感兴趣的小伙伴可以加我QQ：1627889159。function textSize (fontSize, fontFamily, text) { var span = document.createElement('span
2021-02-02 17:50:01
3313
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人