- 博客(46)
- 收藏
- 关注
RSS订阅原创 数组中map()和filter() ，reduce()用法
数组方法太多了，今天挑出一些不太常用的吧嘻嘻map（） 返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。！！！！map不会对空数组进行检查，而且不会改变原数组方式：array.map(function(item,index,arr), thisValue)item：当前元素值，index：索引， arr：元素所在数组thisValue： 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。如果省略了 thisValue，或者传入 null、undefined，那么回
2020-05-27 23:59:10
883
原创 JavaScript中的 split() splice() slice()方法
split() 方法用于把一个字符串分割成字符串数组。样式：string.split(a,b)a:指定从哪里开始 b: 返回数组的最大值，没有都默认都分割！！！！记住返回的数组中不包括a自己且 split() 方法不改变原始字符串。还有啊String.split() 执行的操作与 Array.join 执行的操作是相反的。使用地点：项目中后台返回的时间格式2015-02-23P14:00 56我需要精确到日期就可以所以要取P之前字段，刚好split上手了this.getChildList.
2020-05-27 00:18:11
379
原创 Foreach*for in*fou of 与数组的关系以及区别
我们在项目中用的是相当多的，对数组的处理遍历，循环。总之与我们形影不离。今天咱就加深下印象。1.foreach arr.foreach(item,i)=>{}对数组的每一个元素执行一次提供的函数（不能使用return、break等中断循环），不改变原数组，无返回值undefined遍历出数组的每一项值,比如我们要同时用到item以及索引，this.getChildList.forEach((item, i) => { if (item.HealthRecordNu
2020-05-20 00:35:07
363
原创 本地导入采集Excel文件并转换为json格式
上传文件呢？大多都是上传到服务器端，或者前端上传到后端，但是有时候我们需要把本地的Excel文件上传到我们项目中，或者是渲染成我们的table表格，这个时候我们就需要进行一系列的解析格式转换。1.一般用到elementui组件中的上传，里面的 <el-upload action//虽然不用上传到服务器端但是也要写上， accept=".xlsx,xls"//上传文件格式 :auto-upload
2020-05-12 23:49:11
1013
原创 vue页面传值总结（列表详情两种方式el-dialog弹窗 新页面）以及query Parmas $router $router区别
一.说起Vue页面传值，大家都会想到的是路由的三种传值方式，二.我们看列表详情也有两种方式，一种是通过弹窗的形式el-dialog，一种是通过路由跳转新页面的方式，三.记住新页面详情，往往需要我们先把我们点击所属列表的ID传过去，再在新页面调用接口（附带我们得到传来的ID作为参数）然后渲染到我们本条数据的详情四.由下面的router和router 和router和rouer 说一下两种区别...
2020-05-08 00:03:12
4594
原创 探寻HTML5的新特性
软件要升级打游戏要升级，当然框架也要升级什么是HTML5HTML5 技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。与传统的技术相比，HTML5 的语法特征更加明显，并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，而且 H...
2020-04-20 23:37:04
624
原创 疫情下的前端市场（一年以下前端新手必知）不卑不亢而又卧薪尝胆
不卑不亢疫情不是我们的错，但是疫情下的放弃就是我们的错了就像今年疫情的到来，对各方面影响都是很大的，一些前端找工作的小伙伴肯定有所感受吧，找工作的时候，无数次碰壁，工作降低，信心打压，但是不要否定自己不要否定这个行业。是的很难，但是我们要想的是，如果我们技术很棒的话又是一种时髦结果呢，如果你是新手，经验极少，那就卧薪尝胆吧，但是一定要自信，有气势，你的内心一旦放松了，那别人就能通过你的眼睛看透...
2020-04-20 23:09:50
499
原创 Vue中的动态绑定值中的字符串拼接（技术就是这样你不主动了解她，她就会一直对你高冷）
最近的项目中老是出现字符串拼接的问题，后台的数据已经成功获取了，但是总是在渲染的时候图片不出来，最后发现是在图片URL动态拼接的时候出现了问题。其实字符串拼接一直不是太明确，今天简单写一下，加深下印象。下面是两种Vue中的拼接方式技术就是这样，你不去了解他，他就会一直对你高冷。当你了解之后也就那样。1.使用+的方式进行拼接“字符串${所要拼接的字符串}”<KView ...
2020-04-13 10:37:15
1800
原创 Vue移动端五星好评组件封装（精确到0.1）
我说的五星好评是大家平时很常见的，类似于美团评价那些，不过要精确到0.1的效果展现，的确项目中遇到了，当时也没太注意，很快写了一个，但是最后项目经理又要求不能是全星的评价，要精确到小数点后一位，相对来说是不太难的，但是短暂蒙x了。其实大致逻辑就是准备两种星星图片，一张用于底板，一张用于显示的颜色，在根据评分的多少（显示星星的个数）/底板的长度=得到想要的星星评分范围。之前也在网上扒了很多，相对...
2020-04-13 09:58:24
855
原创 （代码家）浏览器兼容问题造成的页面脱稿
我们在写页面或者，打开别人项目的时候，往往会发现有某些奇怪的点，页面走形啊，头部消失于屏幕内，反正你的第一印象肯定就是…这一定是代码的问题，但是某些时候把项目代码扒个底朝天都无济于事，在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。当然我们开发过程中也可以使用一些浏览...
2020-04-04 22:39:51
133
原创 （代码家）移动端头部导航栏的定位
移动端，头部导航还是底部导航栏都是很常见的，而且这是都是封装的组件形式，等于一个人做好骨架之后其他人填写好自己的内容就可以了，我们要学会的不是自己如何去写一个完美的效果呈现在自己的页面里面，而是如何完美的封装一个灵活的组件由别人引用完美的呈现在别人的组件上面。这才是代码家引以为傲的点。定位利用固定定位去写 position: relative; position: absolute;...
2020-04-04 22:07:40
1081
原创 CSS阴影的几种形式
写静态，少不了对阴影的了解。图片阴影啦，文字阴影啦，盒子阴影啦，其中用的相对较多的是，用的多了也就记住了。text-shadow是给文本添加阴影效果，text-shadow:20px 20px 20px burlywood;text-shadow第一个值在text-shadow属性里第一个值代表的是水平方向的距离，这个值是必须有的而且支持负值text-shadow第二个值在tex...
2020-04-02 21:28:56
1660
原创 纯css移动端图片的自适应
移动端页面，少不了图片，但是手机端要适应的平台相对较多，如果图片写死了，多平台会很难看，只有图片宽和高同时动态响应才可以。那么了解下图片的等比例适配 position: relative; background-color: #FFFFFF; width: 100%; height: 0; padding-botto...
2020-04-02 21:12:35
2803
原创 使用bus实现父子兄弟间传值
bus传值1.首先你要在项目目录下或者src建一个bus.js文件//Bus.jsimport Vue from "vue";const Bus = new Vue();export default Bus;2.你可以在main.js中引入并挂载全局，或者之间在单个组件（需要传值组件）引用，import Bus from './Bus'Vue.prototype.Bus =...
2020-03-30 23:46:45
486
原创 组件传值（子传父 父传子）
Vue的组件传值父传子首先在父组件引入子组件，，然后在父组件中v-bind{函数名，要传的数值}在子组件中需要一个接收器，props:{ 父组件的函数名}import menuNav from "@/components/menuNav"; //引入子组件 data() { return { titleName:"" //需要绑定的值 }; },c...
2020-03-30 23:19:42
1006
原创 Node.js安装
node.js今天来了位新员工，原来的工位给了她，然后我只能，换到另一个地方了，而且重新换了系统，配置了环境，但是令我意外的是，环境配置过程中，竟然卡住了，node已经成功安装了，npm也出现版本号，但是上面就是一直在报错，而且npm不能去·执行任何的操作，我知道我错在哪里（在网上装node的时候，本来默认是c盘的里面，但是我改了d盘还赋值了一句命令，而且，忘记改成我自己的路径了，后续我怎么删除...
2020-03-30 21:27:56
210
原创 slice()、substring()、substr()截取字符串
slice()第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若参数值为负数,则将该值加上字符串长度后转为正值;若第一个参数等于大于第二个参数,则返回空字符串.substring()第一个参数代表开始位置,第二个参数代表结束位置的下一个位置;若参数值为负数,则将该值转为0;两个参数中,取较小值作为开始位置,截取出来的字符串的...
2020-03-29 21:53:45
229
原创 html文档类型
<!DOCTYPE> 声明帮助浏览器正确地显示网页。 声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是...
2020-03-29 20:59:50
166
原创 vuel中的transition标签，
transition对要使用动画的组件或者模块包上一层transition标签，一般搭配v-if、v-show、动态组件、组件根节点来使用。<div> <button @click="show = !show"></button> <transition name="fade"> <div v-show="show...
2020-03-29 15:49:51
337
原创 axios基于promise用于浏览器和node.js的http客户端
axios更全面的大家了解https://www.cnblogs.com/libin-1/p/6607945.html他就是帮助我们请求数据获取发送数据的一个桥梁。基于promise用于浏览器和node.jsAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios的过程从浏览器中创建 XMLHttpRequests从 node.js 创...
2020-03-29 15:30:58
1430
原创 Vue常见报错提示要看懂
我们做项目是最头疼的不是这么写代码，而是怎么去解决报错的问题。错误原因，虽然单词看的不太明白，英语水平也不是很高，但是作为一名程序员，在线翻译的工具当然是必备的了下面分享两个基础报错1.Error: listen EADDRNOTAVAIL 192.168.1.122:8081这个是一般打开项目npm run dev时出现的问题这个呢看到后面的地址，应该是我们的IP有问题，找到config...
2020-03-29 11:20:46
1999
原创 为什么大公司面试官老爱聊底层之v-model原理
v-model原理vue.js中我们也没少用v-model，知道怎么去用，但是却不知其实现底层。其实谈陌生有很熟悉，那就了解下其底层实现原理吧。实际上v-model是vue的一个语法糖，一个是v-bind去单项绑定vue实例里面的data数据，然后再通过各种事件比如@change @input等去进行触发事件修改实例数据的值，如果在vuex中需要去绑定store里面的数据，则需要通过disp...
2020-03-28 22:46:46
1338
原创 为什么大公司面试官老爱聊底层之Vue虚拟dom
vue 虚拟dom（vdom）能写能用就行了呗，聊什么玩意儿的底层原理，知道1+1等于2不就得了么？？？？？？我想大多数都是这样想的吧。反正这也许就是我拿低工资的原因吧?哈哈哈哈丢人啊。什么是虚拟dom呢我们有必要先了解下模板转换成视图的过程整个过程简单点讲，在Vue的底层实现上，Vue将模板编译成虚拟DOM渲染函数。结合Vue自带的响应系统，在状态改变时，Vue能够智能地计算出重新渲染组...
2020-03-28 22:18:44
2342
1
原创 用Vue写移动端时有哪些UI框架
现在刚刚接手个APP开发的小项目类似于美团风格，要是用vant 搭配Vue.js来写，其实与之匹配的UI太多了，今天简单聊一下。1.vanthttps://youzan.github.io/vant/#/zh-CN/官网https://open.youzan.com/zanui/Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant，可以快速搭建出风格统一...
2020-03-28 21:39:38
3046
1
原创 flex的属性
flex今天写了一天的页面，发现某些flex布局属性还是忘记了，长时间不用，不行了，今天写了小笔记加深下印象。优势快准狠，直截了当。flex布局可以控制布局内元素是膨胀到整个父元素还是保持原本大小，是从左往右还是从右往左还是居中。两条轴线，四个维度，还是弹性的，在控制元素位置上让程序员得心应手。什么是flex布局（又名弹性布局）弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推...
2020-03-28 21:15:52
173
原创 hasClass removeClass addClass appendTo find
hasClass removeClass addClass appendTo find filterhasClass 判断是否含有一个类removeClass 删除一个类addClass 添加一个类appendTo 表示在指定元素的结尾插入内容find指寻找A内的含有B的元素 是对它的子集操作filter筛选A自己含有B的元素 是对它自身集合元素筛选...
2020-03-27 01:10:30
130
原创 Switch语句
switch相对于 if 语句而言，switch 语句可以更方便地应用于多个分支的控制流程。C89 指明，一个 switch 语句最少可以支持 257 个 case 语句，而 C99 则要求至少支持 1023 个 case 语句。然而，在实际开发环境中，为了程序的可读性与执行效率，应该尽量减少 switch 语句中的 case 语句。除此之外，switch 语句与 if 语句不同的是，swit...
2020-03-26 22:17:27
1038
原创 什么是APP
APP目前移动互联网基本采用了NativeApp、WebApp、HybridApp三种开发模式，很难说这三种模式那种更优越，目前的情况可以说是三分天下吧，不同的开发者可以根据自己的实际情况选择不同的开发模式。谈论那种模式最好实际上事非常无聊的事情。什么是APP“APP一般指的是手机里的第三方应用软件，对于这些app，更多的用户习惯称为应用软件，比如微信app、支付宝app等，在称呼的时候一般...
2020-03-26 20:41:49
23621
原创 如何去格式化网站上的源码
在线格式化Js一些看不懂的源码，使用在线格式化就可以展现了https://tool.oschina.net/codeformat/js/
2020-03-25 23:34:07
463
1
原创 jquery封装的时间转化
项目中后端往往给些一串数字的时间格式，当然要我们处理啦，怎么办呀，自己动手写吧。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时间戳转换为时间</title> <meta name="vie...
2020-03-25 23:01:22
191
原创 聊聊前端比较流行的开源技术
1：渐进式 JavaScript 框架 Vue.jsVue.js年年稳坐前端最受欢迎的开源技术榜首，受到国内光大前端开发者的喜爱，想必大家对于它也已经了然于心啦，就不多说啦。https://cn.vuejs.org/官网链接2：基于 Vue.js 的跨平台框架 uni-appuni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，通过编写 Vue.js 代码，uni-app ...
2020-03-25 22:48:24
532
原创 unshift、push、shift、pop巧记小妙招
其实相对来说这些都挺简单的，就是用的时候搞错顺序，我是老年了么，unshiftpushshiftpop小妙招：p（屁股在后面）开头的都是在后面操作shift(s开头杀掉就是删除)虽然很高兴但是我就是永远记住了。真的不容易忘记了。代码呢就这些不多，动手啦小伙伴 var arr=[0,1,2,3,4,5,6];//声明一个数组并初始化 arr.unsh...
2020-03-25 22:29:44
866
原创 小公主们如何寻找免费而又清新的图片资源呢
Pxels想必大家都喜欢发发微博，朋友圈，可是如果没有几张好看有内涵的图片，那就丧失了许多观赏性了，今天不聊代码了，分享给大家一个超清晰而又免费拿走的图片网站。不谢啦嘻嘻嘻嘻这图要是拿到前端开发中多美啊。那就是UI小姐姐的事情啦https://www.pexels.com/zh-cn/...
2020-03-25 22:18:09
160
原创 箭头函数
箭头函数其实就是函数的一种书写形式，但是其改变了一些东西箭头函数this指向this始终指向它被创建时所处的词法作用域中的this。也可以说是父级作用域中this指向打印结果请自己动手哦<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t...
2020-03-25 21:12:06
133
原创 结构赋值
结构赋值数组的结构赋值json的结构赋值对象的结构赋值其实本质上就是一种匹配模式，只要等号两边的模式相同，name左边的变量就可以被赋予对应的值。打印结果小伙伴门儿自己动手打印吧，<!DOCTYPE html><html> <head> <meta charset="utf-8"> <tit...
2020-03-25 20:59:54
493
原创 扩展运算符和参数之间的关系
…扩展运算符其实扩展运算符在我们项目中的运用是很多的，以下为很简单的方法。以后有机会在补充。1.参数的展开function show(a,b,...args){console.log(a);console.log(b);console.log(args);}show(12,13,44,7,3,55);打印如下2.合并两个数组 //2：展开一个数组,展开后的效果和把数组直接...
2020-03-25 20:48:34
499
原创 数组方法filter（过滤）
filter就是留下经过我们处理的符合条件的结果 过滤也就是筛选的意思过滤掉不能被5整除的数，打印出来能被整除的数<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head&g...
2020-03-24 22:46:05
556
原创 数组方法map（映射）
map1.创建Map2.将需要查询的数据，按照key-value成对存储到map对象中key是被检索的关键字，value是被查找到的信息3.查询使用时候，根据key查询对应的value//一般写法 let arr=[12,5,8]; let result= arr.map(function(item){ return ite...
2020-03-24 22:38:04
1423
原创 promise
promise到底干啥的呢1.延迟处理一些计算2.处理异步计算也就是还没有完成但是将来要完成的一些事。当开发者们决定要学习一种新技术或模式的时候，他们的第一步总是“给我看代码！摸着石头过河对我们来讲是十分自然的。但事实上仅仅考察API丢失了一些抽象过程。Promise是这样一种工具：它能非常明显地看出使用者是否理解了它是为什么和关于什么，还是仅仅学习和使用API。所以在我展示Promi...
2020-03-24 21:57:17
84
原创 v-slot匿名插槽、具名插槽及作用域插槽
说起上slot插槽啊，还是在学习Vue的时候了解的她。说白了就是占位，数据集成分发，那今天好好了解下插槽的几种形式；匿名插槽只要是没有具体分配的内容，都会给到匿名插槽或者同时在子组件中需替换为用于占位，即在modal组件中自定义的内容都会显示在slot占位的位置// 定义组件 Vue.component('modal', { template: ` <...
2020-03-24 21:42:26
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人