- 博客(31)
- 收藏
- 关注
RSS订阅原创 2020/08/12 工作笔记之在vue中使用Less
今天在家使用vue项目时，在网上搜索使用Less,在style中使用时发现并不能达到使用less的效果，自己目前也找不到原因，但可以新建立一个less文件，然后我们在vue组件当中进行引入即可，如下：<style> @import '../../assets/css/userinfo/userinfo.css';</style> 对于一些图片和一些内容对齐，我们也可以直接使用flex布局中的alin-items来操作：如下当我们想给一个盒子变大的时候，我们也可以使
2020-08-13 17:34:23
178
原创 2020/08/04 对input textarea以及button我们都修改样式
button本身默认就有个黑色背景的。所以我们需要换成盒子，难怪就很奇怪为什么有背景颜色
2020-08-08 15:04:44
240
原创 2020/08/08 工作笔记 input中file对象上传服务器以及本地渲染
对input中得文件进行操作我们都是拿到file对象来进行操作得。比如： 第一种，我们常用new FormData() 来操作input中的file对象，然后我们再如下代码将其file对象进行转换，之后我们就可以上传到服务器拿到img的url了。$('#choose_file_two').change(function() { $('.down_id_pic_one, .down_id_pic_two').toggle(); var files = this.files; va
2020-08-08 15:01:59
378
原创 2020-08-05工作笔记 覆盖层弹窗问题 一些报错的原因一定是代码写错了 如何在多页面中使用 vue和vant 使用aixos cdn引入方法 复制的使用 循环数组我们用$.each
在覆盖层中的盒子还是透明，就可以是父级盒子的opacity搞错了需要排错一个个样式修改。下次出现盒子布局问题就一个个调试css，一个个点击，需要排错这句话的意思其实就是因为找不到dom中的一些元素，解决方案其实就是检查一下是否具有dom元素，或者是不是在dom加载完成了之后就执行了。...
2020-08-08 08:42:04
315
原创 2020/08/04 字母和字体换行不一样的 字母代码换行 中文字体换行
在今天的工作中我遇到了一个问题，就是在盒子里如果存放了是一串代码，或者字母的话，如果我使用 overflow: hidden; text-overflow: ellipsis; white-space： wrap//换行的话显示没有任何效果，这个时候我网上查阅，对于盒子内不是中文字体的换行方式，我们需要采用： overflow: hidden; text-overflow: ellipsis； word-wrap: break-word;...
2020-08-04 20:39:34
171
原创 2020/08/03工作笔记之点击事件中得函数其实也会在相同得情况下触发得，因为已经点击了。这个js代码需要注意
我在做项目中遇到了一个上传两个身份证头像得问题，当我点击得时候居然发现上一个点击事件中得函数触发了。后来才注意到由于我之前点击了得，所以第一个点击事件之后得函数如果在下一个点击事件中存在得话，这样就冲突了，所以我们需要清楚点击事件即可，我写的代码如下：以及为了防止自己忘记得笔记：注意一下点击事件，当下一个点击事件中如果包含了上一个点击中相同的事件，那么上一个事件还是会出发的，因为上一个点击事件已经点击过了，后来的函数还是会触发，比如包含了一个第二个点击事件中相同的事件，其实本质还是因为函数的逻辑。工作代
2020-08-03 22:09:15
173
原创 2020/08/03 工作笔记之我对cookie以及localStorage以及sessionStorage的区别
在文哥发给我以下的聊天内容后，我才恍然明白，之前我做的vue项目中存储token到sessionStorage中和文哥说的将token存储到cookie之间的练习，其实二者都是本质都是一样的，都是为了存储用户的token然后来判断用户是否具有token来操作的。文哥记录如下：token是你登录以后后端给你的 前端存在cookie里 每次请求要在cookie里拿出来带着 一般是request 的header里面有个authorization属性来存放token验证 但有些也不一样 具体看前后端的约定服务器
2020-08-03 21:53:50
147
原创 20200802原生location.search以及vue中利用query来操作页面跳转传递参数
多页面传递参数方法在另一个页面中拿到上一个页面得数据：点击跳转：a页面Js代码： $(`#obj_${k}`).on('click', function() { console.log(777); window.location.href = `./HTML/BTCNEWS.html?${author.data[k].title}` })b 页面的js代码：// 获取?之后得值var url = window.locati
2020-08-03 21:39:56
1150
原创 2020/08/03 ——工作笔记：上传头像（会调用两个接口以及为什么原理等）， button input 以及textares的布局
我是新人，这是工作笔记，代码混乱，注意，只能由我自己理解。可以参考今天我在工作当中还遇到了一个问题就是在我对盒子布局进行检查的时候，发现了input以及textarea上下排列的时候，居然有空隙，一开始琢磨了半天，并且发现不了问题的存在，后来我突然想起来img有的时候布局也会出现问题，但是之前将img的display改为了block之后我就发现可以解决了，然后将这个方法运用到input以及button中也是一样得，如果我们遇到了盒子布局得错乱，导致我们找不到原因得时候我们就需要考虑是不是没有改变displ
2020-08-03 21:17:32
299
原创 2020-08-02 axios传参和传递cinfig配置格式
返回主页剑仙6博客园首页联系管理Axios 各种请求方式传递参数格式为方便起见，为所有支持的请求方法提供了别名在使用别名方法时， url、method、data 这些属性都不必在配置中指定axios.request(config)axios.get(url[, config])axios.delete(url[, config])axios.head(url[, config])axios.post(url[, data[, config]])axios.put(url[, da
2020-08-02 11:12:46
535
原创 利用开关来操作点击再点击的办法
我们使用一个开关，首先再最上层进行定义，如flag=true;let flag = ture;$('.id').click(function（）{if(flag) {//变化的函数} else {//再次变化的函数}flag = !flag//这个地方不要忘记丢了}
2020-07-26 10:02:49
163
原创 跳转页面传递参数
在页面跳转时，我们可以通过如下方式进行传递参数window.location.href='./index.html?1参数就是为1.然后我们在另一个页面利用js中的window.location.search来接收这个参数。如下/*** 根据变量名获取匹配值*/function getQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");var r = win
2020-07-26 09:59:59
432
原创 请求头，http。
其实我在用ajax或者axios来调用接口传递的参数就是请求的url地址，就比如基于jquery中的ajax会在url中加上参数 还比如在一些vue项目中调用接口也会传递参数到url中，比如个人信息页面中的id会放在url中进行传递。而所谓的请求其实就是包含了请求地址url，请求方式methods以及请求头等信息。...
2020-07-24 09:28:30
100
原创 利用vue，vant，rem适配进行搭建移动端项目
其实，用vue做移动端项目就是和pc端没有区别的，做移动端需要做的就是rem适配以及vant组件库的使用和安装。根据以前的文件，我们将flex.js引入到vue项目的文件夹中，在assets中的js文件当中，然后我们再去main.js中引入这个js文件这样，就可以在项目中使用rem适配了，我们需要注意的是我们还需要到index.html中去引入meta中引入代码如下：<meta name="viewport" content="width=device-width,height=device-
2020-07-22 21:00:29
988
原创 ele-ui表单验证规则中的手机号码和邮箱的验证规则
form中有自定义的验证规则，而手机号码与邮箱的自定义规则如下：手机号码：// 验证手机 var checkMobile = (rule, value, callback) => { const regMobile = /^1[34578]\d{9}$/ if (regMobile.test(value)) { return callback() } //
2020-07-18 09:59:25
1083
原创 vue中template中的slot-scope的作用
在我们使用vue中的ele-ui组件的时候，我们经常使用template插槽，其中的slot-scope的一个作用就是获取当前所在元素的数据，令slot-scope值为scope，那么由scope.row就可以得到数据了。如图所示：代码如下： <template slot-scope='scope'> {{scope.row}} </template>...
2020-07-16 18:55:44
10625
1
原创 axios中get和post传递参数的区别
post传递参数直接在第二个参数中写入即可，如图get请求方式中我们使用第二个参数用params来调取接口如图
2020-07-13 23:29:53
1203
原创 element-ui中导航组件menu的一个属性：default-active
在el-menu中添加属性，然后就可以得到当我们点击的时候，就可以达到高亮的作用。操作代码如下：我们需要动态的绑定default-active
2020-07-13 21:42:17
13843
1
原创 vue中关于element-ui的一些使用，表单，请求拦截器，axios的使用。
关于请求拦截器的使用，利用请求拦截器，在发出请求之前做一个预处理，主要是执行，请求拦截器中的回调函数。在vue项目中，我们一般使用请求拦截器来得到接口的授权。我们在main.js中在将axios中挂在之前。写下请求拦截器，// 设置请求拦截器来设置请求头为token 这样需要授权得api就可以使用了 利用axios请求拦截器来添加token 请求拦截器就是在请求之前需要执行得操作 就是预处理axios.interceptors.request.use(config => { /
2020-07-13 11:04:54
796
原创 vue路由导航守卫以及token的调用和使用
token是我们在登录成功后，服务器发送的一段数据，我们可以从接口中得到这个token数据，然后我们将token储存在sessionStorage中去。得到token的代码如下：（这段代码往往在调用接口中使用，一般是登录页面） this.$refs.loginFormRef.validate(async valid => { if (!valid) return const { data: res } = await this.$http.post('login',
2020-07-13 11:04:38
1739
1
原创 vue中关于element-ui中的一些导航的一些属性，导航路由等。
导航：利用组件el-menu，利用导航组件，代码如下：<el-menu background-color="#303746" text-color="#fff" active-text-color="#ffd04b" unique-opened router :collapse="isCollapse"> <el-submenu :index="item.id + ''" v-for
2020-07-13 11:04:23
382
原创 本地接口的一些问题
在我们本地服务器跑接口的时候，往往不能使用，造成的原因是因为，我们需要将baseURL的地址改为：localhost在main.js中引入如下代码：```javascript// 去接口文档找到根基路劲然后复制如下axios.defaults.baseURL = 'http://localhost:8888/api/private/v1/'...
2020-07-13 11:04:07
231
原创 vscode炫酷代码插件
在vscode中也有很炫酷的代码编写效果，如图：操作步骤：去插件商店下载安装power mode 激活并且更改效果即可：打开设置：激活勾选切换效果：
2020-06-08 14:43:44
1847
原创 通过chrome应用商店安装vue调试工具
自己在vue官网上面用git安装vue安装包之后，遇到了各种安装问题，比如npm run build 直接报错，解决问题也没有找到后，自己在搜索了b站上面的一个安装vue调试工具的教程之后，发现可以通过chrome应用商店来安装，比较简单且快速，需要梯子即可。安装过程如下：进入chrome商店直接搜索vue，然后弹出vue调试工具的安装。安装完成后会发现页面上交出现灰色情况，如图：然后我搜寻信息，找到了解决办法。来源：https://blog.csdn.net/sunhl951/article/de
2020-06-08 11:12:58
601
原创 创建数组对象以及如何判断数组对象
数组对象是js基础中的一个内置对象，而创建数组对象和创建对象一样都有个通过字面量来创建对象。除此之外创建对象还有个通过实例化Array()对象的方法：方法1 通过字面量来创建对象方法2 通过实例化Array对象而判断数组对象常用的有两种方法，第一个是利用instanceof，它可以用来判断是否属于类型。而第二种方法是利用数组对象中的isArray()方法来判断。方法1 通过instanceof来判断方法2 通过数组方法isArray()来判断...
2020-05-16 16:24:48
291
原创 js中内置对象Math和Date的区别
在js中对象可以分为，**内置对象，自定义对象以及浏览器对象。**而常见的内置对象有Math,Date,Array,以及String这几种内置对象。我们需要注意的是内置对象Math以及Date之间存在一定的区别。Math是一个对象但是Date是一个构造函数。所以我们如果需要用Date的话，我们就需要将Date实例化才能使用。之后才可以用实例对象来运用其中函数。而Math是一个对象，我们可以直接使用其中的方法。...
2020-05-16 16:13:30
387
原创 Node.js以及Node.js的常见命令
在我们前端开发中，最初始的js代码我们是在浏览器中执行的，这给我们带了极大不便，每次执行代码时，我们都需要打开浏览器。为了解决这个问题，我们引进了node.js。我们先来ffffFFfffffffhhhhh...
2020-05-16 00:27:28
301
原创 总结_方应航-八年其前端经验
方应航-八年其前端经验鸡汤篇事情要学会专注，挑一两件重要的事情去做。光看书学习效率是非常低的，最好的是视频和找人请教。公司里是不会学到技术的，不要指望公司带自己成长，在公司里，业务是业务，技术是技术，公司只关注业务，什么是业务呢，就是不管什么技术就搞盈利的东西。保持学习，一直在公司工作是学不到什么技术的，必须要抽时间去学习新的技术，这样才能找到下一份工作。因为一个公司都会有个固定的技术的，一般不轻易更换技术。学会拒绝别人，自己就做自己部门的事情，产品经理让自己干的事情不理。
2020-05-11 18:01:38
501
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人