WEB前端
执波仔丶
小牛成长之路
展开
-
vue 使用vuex实现消息通知提示
2.更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数,在通过mutation更新数据的时候, 有可能我们希望携带一些额外的参数,你可以向 store.commit 传入额外的参数。因为你可能这个铃铛数量的改变是多个页面影响的。4.接下来vuex的工作都准备好了,接下来在你需要操作的页面,我是在mian.js 调用action的方法。至此利用vuex进行实时刷新的消息通知数量的功能已完成。原创 2022-09-13 17:16:21 · 3350 阅读 · 0 评论 -
36个JavaScript实用函数
36个JavaScript实用函数转载 2022-09-02 10:12:46 · 276 阅读 · 0 评论 -
vue 2.6 新建全局提示框组件
1.新建提示框组件文件 bl-tips.vue。有问题或者开发需求 请联系 ai_002。2.新建导入js文件 tips.js。3.在全局mian.js 中引入。原创 2022-08-19 14:13:42 · 347 阅读 · 0 评论 -
vue 2.6 keep-alive 不生效问题记录点
include和exclude 是vue 2.1之后的版本才有的。router.js 中的name和vue组件的name需要保持一致。需要每层都要加上keep-alive。原创 2022-08-18 15:41:58 · 435 阅读 · 0 评论 -
gnvm 管理node版本
1、卸载现有node,重新安装12.0.0以下(不含)版本的node,这个方法不够灵活,这里采用下面这种方法2、通过gnvm进行node版本的切换2.1、下载gnvm: gnvm的git地址 gnvm下载地址:32-bit | 64-bit Github2.2、将gnvm.exe文件放到node的安装目录下(我这里是装在D盘nodejs目录下)然后查看gnvm是否可用gnvm version 上面信息显示gvnm已经可以被识别,即存在。...原创 2021-07-08 11:09:40 · 939 阅读 · 0 评论 -
js 进阶篇 代码等级提升
一、条件语句 1,使用 Array.includes 来处理多重 || 条件 // ----- 一般 ------ if (fruit == 'apple' || fruit == 'strawberry' || fruit == 'banana' ) { console.log('red'); }//-----...原创 2019-12-26 17:54:06 · 307 阅读 · 0 评论 -
js 事件委托深入浅出
JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?事件委托到底是一个什么原理:有三个同事预计会在同一天收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递)。前台收到快递后,她会判断收件人是谁,然后...原创 2019-12-06 15:15:27 · 184 阅读 · 0 评论 -
JS事件委托的概念和作用
一、写在前头接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗?然后我就混乱了,我印象中这个方法是可以绑定新节点的。后面才知道,原来他要考察的是事件委托(代理)的原理,他指的是未来还不清楚会创建多少个节点,所以没办法实现给他们注册事件。二、事件委托(事件代理)的作用?为了方便理解,我先把事件委托的作用写...原创 2019-12-06 15:05:37 · 176 阅读 · 0 评论 -
微信小程序 蓝牙的使用
1 一般使用蓝牙功能肯定是想连接某一个蓝牙设备,所以需要知道这个蓝牙设备的名称,一般来说都是扫描二维码连接,那么当你扫描这个设备二维码的时候,就需要去初始化你手机上的蓝牙模块了/** * 初始化蓝牙设备 */ initBlue:function(){ var that = this; wx.openBluetoothAdapter({//调用微信小程...原创 2019-09-17 23:31:15 · 2232 阅读 · 0 评论 -
css 图片剪裁居中
列表显示图片的时候,一般设置图片宽度自适应,那么高度就会根据图片本身的宽高比等比缩放,那么问题来了,多张图片的宽高比可能本身并不相同,那么造成图片宽度一样,高度不一样,显示不好看,不协调。css属性object-fit就可以实现实现代码:注意:只是简单的用pc做了个demo,如果移动端都是话,单位使用rem。img{display:block;width:100%;heigth...转载 2019-06-24 14:28:19 · 495 阅读 · 0 评论 -
npm安装教程 集成npm webpack vue-cli
一、使用之前,我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)开始:...原创 2019-05-11 09:56:34 · 453 阅读 · 0 评论 -
微信小程序中this指向作用域问题this.setData is not a function报错
在微信小程序中我们一般通过以下方式来修改data中的数据this.setData({ index1: e.detail.value })比如在函数里面修改数据bindFaChange1: function (e) { this.setData({ index1: e.detail.value }) }但是当我们通过wx.re...原创 2018-08-20 15:21:16 · 924 阅读 · 0 评论 -
一个“alert” 引发的血案
0在还没有掌握全部证据之前就下结论会犯严重的错误,会使判断带有偏见。——《血字的研究》 “齐识,路老板又来邮件了。”白娜一脸无耐地说。 “一定没好事吧?”齐识回头看了一眼,手依旧在快速敲着代码,并没有停。 “你刚从泰国回来?”齐识说到。 “你怎么知道?”白娜瞪着眼睛一头雾水。她清明假期去泰国玩这件事,并没有告诉任何同事。 “你脸明显比节前黑了,说明去了热带地...原创 2018-08-22 16:32:50 · 464 阅读 · 0 评论 -
mpvue 踩坑之src数据绑定出错
src实现数据绑定稍不留神就不成功。假定value.src是绑定的数据。 常见错误写法1:<img src="value.src">1错误之处在于: 1.属性值数据绑定应该用v-bind,应该写成v-bind:src="" 2.直接用引号"value.src"会报错,取不到值。常见错误写法2:<img src="{{value.src}}">1常见错误写法3:<原创 2018-06-28 18:16:54 · 2780 阅读 · 0 评论 -
vue 导入element-ui css报错解决方法
组件使用参照官网http://element.eleme.io/#/zh-CN/component/quickstart在 main.js 中写入以下内容:123456import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/index.css'import App fro...原创 2018-06-22 14:49:52 · 16050 阅读 · 0 评论 -
WEB前端 深入了解JavaScript ajax—XHR对象
前面的话 1999年,微软公司发布IE5,第一次引入新功能:允许javascript脚本向服务器发起HTTP请求。这个功能当时并没有引起注意,直到2004年Gmail发布和2005年Google Map发布,才引起广泛重视。2005年2月,ajax这个词第一次正式提出,指围绕这个功能进行开发的一整套做法。从此,ajax成为脚本发起HTTP通信的代名词,W3C也在2006年发布了它的国际标准。本文...原创 2018-05-29 18:10:21 · 1423 阅读 · 0 评论 -
WEB前端 屏蔽移动端浏览器页面顶部提示 此网页由网站提供
移动端开发的小伙伴们应该遇到过一个问题:h5页面在微信端打开的时候,滑到最顶部再网上滑就会出现一段黑色的背景,并且显示当前页面url,虽然一般情况下不会有太大的影响,但是如果要自定义显示内容就会影响我们的需求了。找了很多方法,都是简单粗暴地直接e.preventDefault(),但这样会禁止内部Scroll,导致页面不能滚动,上拉加载失效,太残暴了,找了很久,终于找到了办法,可以达到...原创 2018-05-22 18:28:04 · 3993 阅读 · 0 评论 -
WEB前端 实现图片懒加载 echo.js
echo.js是一个轻小的图片懒加载js插件,在使用过程中很多朋友可能是直接自定义一张占位图片,可能会造成图片的变形等。其实这并不是最佳的解决方案。下面给大家介绍另一种方法,简单的控制下css,实现loading效果 首先我们准备一张1*1px透明gif图片(blank.gif),和一个loading图片。<img class="loading" src="blank.gif" data-e...原创 2018-05-16 18:04:42 · 897 阅读 · 0 评论 -
WEB前端 基础知识汇总
javascript: JavaScript中如何检测一个变量是一个String类型?请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格?方法一:使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,""); ...原创 2018-05-16 18:28:53 · 26404 阅读 · 2 评论 -
WEB前端 前端开发者 如何突破技术瓶颈
这里再说一下自己为什么会迷茫,技术学到某个阶段就很难提升了,更多只能靠自己摸索,没有人可以指导,就像是创业公司的CEO,突然想起之前的一家公司老板当时说的话,你看我现在好像是成功了,但是每天付出的却是你的10倍,你们只要把每天的工作完成就算合格了,要是再好一点就是优秀,但是我呢,没有人可以给我指导,更没有人给我方向,我工资是比你们高,但你们想想要是公司倒闭了,我就全没了,你们工资还是一样的,你付...原创 2018-06-04 10:57:05 · 1703 阅读 · 0 评论 -
WEB前端学习一 JS预解释
javascript 的预解析:(个人理解)就是js代码在执行之前 会在相应的执行环境中 预先把 一些东西解析到内存。如果理解错误,请多多指正一. 那究竟预先解析哪些东西那??答:预先解析 function 和 var二. 还有就是预解析的顺序是怎们样的?[plain] view plain copy1首先是找到<script></script>标签按照<script...原创 2018-06-04 11:03:31 · 255 阅读 · 0 评论 -
WEB前端学习二 JS作用域和作用域链
先上三段说明作用域的代码?1234567891011121314151617181920212223242526272829303132//==========例1========== var scope='global';function fn(){ alert(scope); var scope='local'; alert(scope);}fn(); //输出结果?alert(...原创 2018-06-04 11:05:26 · 3107 阅读 · 0 评论 -
WEB前端学习三 js&&”和“||”操作符
1、||(逻辑或),从字面上来说,只有前后都是false的时候才返回false,否则返回true。?1234alert(true||false); // truealert(false||true); // truealert(true||true); // truealert(false||false); // false这个傻子都知道~~但是,从深层意义上来说的话,却有另一番天地,试下面代码?...原创 2018-06-04 11:22:10 · 3605 阅读 · 1 评论 -
WEB前端学习四 js什么是原始类型
原始值与引用值在ECMAScript 中,变量可以存放两种类型的值,即原始值和引用值。原始值(primitive value)是存放在栈(stack)中的简单数据字段,也就是说,它们的值直接存储在变量访问的位置。 引用值(reference value)是存储在堆(heap)中的对象,也就是说,存储在变量出的值是一个指针(point),指向存储对象的内存处。原始类型ECMAScript 中有5种原...原创 2018-06-04 11:23:36 · 360 阅读 · 0 评论 -
WEB前端学习五 js什么是引用类型
js中的数据类型有以下几种:Number Boolean undefined Object Function String Null基本类型:Number Boolean String undefined null引用类型:Object Function基本类型的数据是存放在栈内存中的,而引用类型的数据是存放在堆内存中的复制变量值 基本类型:var p = ...原创 2018-06-04 11:42:00 · 638 阅读 · 0 评论 -
WEB前端学习六 js什么是闭包
原创 2018-06-04 11:44:47 · 744 阅读 · 1 评论 -
WEB前端 vue学习 vue-router讲解router.push
router.push(location)除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。当你...原创 2018-06-11 16:06:37 · 383 阅读 · 0 评论 -
WEB前端 Vue.js 的发展历史
Vue.js正式发布于2014年2月,对于目前的Vue.js:在开发人数上,覆盖70多贡献者。在受关注度上,GitHub拥有 20000 多 Star。从脚手架、构建、插件化、组件化,到编辑器工具、浏览器插件等,基本涵盖了从开发到测试等多个环节。Vue.js的发展里程碑如下:2013年12月24日,发布0.7.0。2014年1月27日,发布0.8.0。2014年2月25日,发布0.9.0。2014...原创 2018-06-05 16:13:08 · 10254 阅读 · 1 评论 -
WEB前端 从原生JavaScript到MVVM
在了解MVVM之前,我们先回顾一下前端发展的历史阶段,做到心中有数,才会更好理解。这段回顾历史,由于网上就可查不少资料,但都篇幅很长,晦涩难懂。所以我引用了 廖雪峰老师网站总结的一段话,言简意骇,方便大家秒懂阅读在上个世纪的1989年,欧洲核子研究中心的物理学家Tim Berners-Lee发明了超文本标记语言(HyperText Markup Language),简称HTML,并在1993年成为...原创 2018-06-05 16:26:09 · 1320 阅读 · 1 评论 -
WEB前端 javascript、php关键字搜索函数的使用方法
javascript:a. 代码:?123456789101112131415161718192021/*@desc:js搜索函数,可用于关键字匹配@param key 关键字@param str 要搜索的字符串@return out 匹配关键字前后出现的位置*/function search(key,str){var min = 0var max = str.lengthvar index = ...原创 2018-05-29 17:44:50 · 785 阅读 · 0 评论 -
WEB前端必须掌握的一些算法题
Q1 判断一个单词是否是回文?回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的情趣,叫做回文,也叫回环。比如 mamam redivider .很多人拿到这样的题目非常容易想到用for 将字符串颠倒字母顺序然后匹配就行了。其实重要的考察的就是对于reverse的实现。其实我们可以利用现成的函数,将字符串转换成数组,这个思路很重要,我们可以拥有更多的自由度去进行字符串的一些操作...原创 2018-05-21 15:59:32 · 34810 阅读 · 5 评论