前端
文章平均质量分 58
愚蠢地人类
我所荒废的今日,正时昨日殒身之人所祈求的明日.
展开
-
js单例模式详细解读
前言单例模式 (Singleton) 的实现在于保证一个特定类只有一个实例,第二次使用同一个类创建新对象的时候,应该得到与第一次创建对象完全相同的对象。反向教材结果是false,为什么呢,因为创建了两次A,hh,bb内存指针指向两个内存地址,所以不相等(PS:这个时候可以结合前言定义来看,我想A只创建一次,第二次不再重新创建,而是使用之前创建的) function A(name) { var a=1 } var hh=new A() var bb=new原创 2020-06-15 14:09:59 · 757 阅读 · 0 评论 -
小程序webview数据传输postmessage
前言首先个人类型小程序不支持webview的使用,其次需要到微信公众平台配置业务域名,这个业务域名就是webview的合法域名;以上两点是必要条件代码模块小程序代码块<web-view src="http://jialidun.club/" bindmessage="getMSG"></web-view> getMSG(e){ console....原创 2020-04-15 17:31:22 · 4597 阅读 · 5 评论 -
js几种常见的递归方法
js几种常见的递归方法递归的概念:就是函数调用函数本身,或者在自己函数调用的下级调用函数自己;案例1:求和,1-100 function sun(n){ if(n==1) return 1 }案例2:递归方法1,1,2,3,5,8,13,21,34,55,89…求第 n 项 function fib(n) { if...原创 2020-04-09 16:28:23 · 15395 阅读 · 0 评论 -
js难点汇总01_内存
正所谓底层基础决定上层建筑,如果想写出优雅高性能的前端应用,就必须了解JS的内存机制。他会帮助你理解譬如:闭包、深浅复制、引用数据类型和引用传递;堆比栈大,栈比堆的运算速度快,对象是一个复杂的结构,并且可以自由扩展,如:数组可以无限扩充,对象可以自由添加属性。将他们放在堆中是为了不影响栈的效率。而是通过引用的方式查找到堆中的实际对象再进行操作。相对于简单数据类型而言,简单数据类型就比较稳定,并...原创 2020-04-07 14:00:04 · 294 阅读 · 0 评论 -
使用element-ui中的el-upload组件时携带其他参数
<el-upload action="/api/oss/file/add" :headers="headers" // 如果头部需要传token multiple :limit="1" // 限制文件个数 :before-upload="handleBefore" :on-success="handleSuccess" :data="pdfData" acc...原创 2019-11-27 15:38:01 · 3775 阅读 · 1 评论 -
npm run dev报错!!
先看下我的报错username:backend-atop-oa fulwin$ npm run dev> [email protected] dev /Users/fulwin/Documents/codes/backend-atop-oa> webpack-dev-server --inline --progress --config build/webpack.de...原创 2018-12-20 10:53:50 · 18925 阅读 · 2 评论 -
vscode react中标签自动补全 vscode jsx语法自动补全html标签
能找到我这个文章的八成就是前端了,前端都习惯了代码自动补全,猛一下的自己打闭合标签很不习惯,再说了,VSCODE多强大啊,怎么可能没有解决办法,方法如下:文件--首选项--设置--用户设置在用户设置添加"emmet.includeLanguages": { "javascript": "javascriptreact"}如果你是mac用户,code--首选项...原创 2018-10-09 16:30:25 · 46554 阅读 · 12 评论 -
Useless constructor no-useless-constructor报错
react中 Useless constructor no-useless-constructor报错原因是构造函数里缺少state,下图是我的,报错,解决方法只要在constructor里面加上this.state={ },加上state对象就可以...原创 2018-11-01 17:33:51 · 12995 阅读 · 5 评论 -
小程序navigateToMiniProgramAppIdList配置
官方在11月份正式规定小程序跳转小程序最多只能有10个,并且要配置,具体配置如下在app.json文件中新增配置项:如下,navigateToMiniProgramAppIdList 就是新增的配置项目,如果超出了10条数据,那么{ "cloud": true, "pages": [ "pages/index/index", "pages/userConsole/...原创 2018-11-06 13:09:51 · 39508 阅读 · 0 评论 -
react map遍历时事件无效
运行时候会报错,Uncaught TypeError: Cannot read property 'liClick' of undefined解决办法,不要在map的时候进行return。而是先将map的结果保存到一个变量,然后return这个变量。这样就可以了 修改后...原创 2018-09-12 17:50:52 · 2846 阅读 · 0 评论 -
Git与SourceTree使用详细指南
本文是转载的文章,并修改完善解决乱码等问题Git介绍git—>分布式版本控制系统; 这么一说是不是就蒙圈了,咱们来举个例子.文档大家都写过,那是不是会遇到这样的问题:第一天,例如写了Hello Lanou3g,觉得自己非常有才华,可以出篇散文了;第二天,觉得前一天写的不怎么好,需要改一下,改成了Hello Android;第三天,反反复复想了想,还是第一天写的内容比较霸气,可是第一天写啥了?...转载 2018-07-04 15:20:13 · 4250 阅读 · 0 评论 -
公众号菜单栏跳转到小程序穿参数
现在公众号菜单添加的小程序页面路径,可以带参数,例如页pages/index/index?id=99也就是说可以通过菜单跳转到小程序任意页面。但是这里面有个坑:如果你想跳转到tabbar界面,那么是不能传参数的,只能单纯到跳转到界面,和小程序内部的跳转一样(wx.switchTo)如果想跳转到小程序tabbar界面并且带参数:解决方案 在app.json文件中新建一个路径,例如新建"page...原创 2018-06-14 15:29:54 · 35551 阅读 · 27 评论 -
cocos creator发布微信代码过大
先看下我的问题,图片都在res里面,图片资源一共才不到1M。但是cocos2d的这个js一个文件就是3M,最后预览的时候提示代码超过上限了,就是超过4M了,解决方法有两个, 1、代码发布的构建的额时候把debug模式关掉,就是窗口中的调试模式,一定要关掉,把勾勾去掉,这个影响是非常大的 2、模块构建打包的时候默认是所有的模块全部打包的,但是我们只用到了一部分模块,所以不需要全部进行打包,...原创 2018-05-08 15:39:48 · 8262 阅读 · 0 评论 -
linux系统下安装live-server
我们常见的windows和mac上买都是:npm install -g live-server进行全局安装但是linux终端安装的时候会报错,所以我们要使用vscode下面的插件,我们在vocode插件中输入live-server进行查找,找到live-server插件后我们进行安装,安装好以后需要重启,然后我们在vocode界面的右下角我们会看到Go Live点击就会打开实时监控,实时更新,俗称...原创 2018-04-07 13:15:29 · 2532 阅读 · 0 评论 -
报错Uncaught SyntaxError: Unexpected token {
我的这个报错是JS中的报错,然后提示的是语法的错误,然后爬了很多坑,最后发现是ES6和ES5的问题,这里面我分享下: 我们常见的引入JS文件都是像下面的方式: 但是实际上就是这个问题引起的,我们需要添加ES6的 属性,告诉浏览器这是一个ES6的模块 使用ES6引入js文件的时候,script 中要添加type="mod...原创 2018-04-03 13:29:37 · 8971 阅读 · 0 评论 -
小程序图片裁剪
1121原创 2018-11-26 17:46:57 · 8039 阅读 · 36 评论 -
前端开发规范
前端开发规范备注:实际开发请以本公司的规范为标准。一.普通规范二.HTML\CSS规范三.Javascript规范四.UI框架及css预处理器规范五.脚手架、插件选择规范普通规范基本原则:结构、样式、行为分离缩进(建议IDEA格式化)文件编码(统一 UTF-8 ) <meta charset="utf-8">一律使用小写字母 <!-- one ...原创 2019-08-09 11:24:57 · 1386 阅读 · 0 评论 -
VUE-CL教程
VUE-CLI教程一、前言:Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统二、CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。我们会在接下来的指南中逐章节深入...原创 2019-08-13 17:05:13 · 1813 阅读 · 0 评论 -
vuex教程
Vuex简介什么是vuex:vuex是一个把多个组件通用的数据 我们把它拿出来,然后放到一个store里面管理,在需要使用的组件里面,我们可以拿出来使用关于storestore基本上就是一个容器,包含着你的应用中大部分的状态(state)关于statestate就是我们项目全局通用的data的属性,并且这些属性是响应式的,也就是当属性发生改变时,state也会回动...原创 2019-08-13 17:04:26 · 562 阅读 · 5 评论 -
vue-cli3 取消关闭eslint 校验代码
用了vue-cli3,这个eslint在疯狂的提示我,严重阻碍了我的日常工作(写bug)选择生成的时候,有一个询问是否把插件配置文件写在package.json文件里,这里我手贱选择了是,现在开始排坑,vue-cli3没有build/webpack.config.base.js文件,这个时候我们有这个文件.eslintrc.js,实际上我们应该在.eslintrc.js文件中修改:删掉 “@vu...原创 2019-04-29 09:51:16 · 40787 阅读 · 10 评论 -
列表中el-switch 开关
请注意以面的写法,active-value和inactive-value的值分别是字符串的1和0,如果你赋值为数字类型的 1 或 0是无法正常工作的,若赋值为数值类型,需这样写:原创 2019-03-14 14:04:32 · 35927 阅读 · 16 评论 -
小程序text组件获取接口返回数据不能换行
问题描述:本地的换行文本换行可以正常,但是调用接口返回的数据(带\n的数据)不能换行,备注:text组件才可以换行,view组件是不能自动识别\n换行的解决方案:两种方案json的问题数据库中\n,转json后会变成\\n,所以在不换行,但是你看不到,因为前端拿到的时候这个都是\n这里使用正则转义: questions_result[i].content = questions_r...原创 2019-03-01 15:43:08 · 2307 阅读 · 0 评论 -
brew: command not found 进程已完成
我来先说原因: - 是你之前写了`.bash_profile`类似的代码了在终端,我当时是安装yarn,然后最后我用了source .bash_profile最好保存后就出现的问题 - 看了网上的回答说法众说纷纭,但是我自己试了都没用,最好还是觉得找到我当时写的文件,然后把我写的删除`/bin/bash`,这个目录一般是隐藏的,首先要显示出来,下面是我的步骤原创 2019-01-24 09:31:38 · 1258 阅读 · 1 评论 -
查找SSH Key路径
你已经安装过了一般.ssh文件都是隐藏的,怎么查看呢?open /Users/shalei/.ssh/ shalei是我的用户名,换成你的用户名就行,当然这个是我的安装路径,一般默认都是安装在你的用户根目录的![在这里插入图片描述](https://img-blog.csdnimg.cn/20181127094452149.png?x-oss-process=image/waterma...原创 2018-11-27 09:45:37 · 22899 阅读 · 1 评论 -
jq判断CheckBox是否被选中的常见方法
首先是判断是都被选中: 方法一:if ($("#checkbox-id").get(0).checked) { // do something }方法二:if($('#checkbox-id').is(':checked')) { // do something }...原创 2018-03-26 14:52:37 · 5589 阅读 · 0 评论 -
Python环境变量配置
常见的环境变量有两种,一种是通过 win 的cmd 命令,另外一种就是同伙我的电脑里面找到环境变量,第二种相对麻烦,对于Java的小伙伴是很简单的,但是对于前端可能会一脸懵逼,所以我一般都是使用cmd命令;无论你使用哪种方法,你都必须知道你的Python的安装目录,如果你不知道还是先去找安装目录吧,下面是两种方法:方法一:通过cmd命令添加环境变量打开cmd窗口 ==》 输入:pa原创 2018-03-07 17:57:39 · 787 阅读 · 0 评论 -
Failed to resolve directive: link报错
Failed to resolve directive: link 这个问题是因为vue 版本的问题,vue的版本升级后,取消了v-link 指定,取而代之的为 router-link 看起来更加语义化一些很简单:把 v-link 更换为 router-link 就行,具体的可以查看官方文档原创 2018-01-27 16:25:16 · 9030 阅读 · 0 评论 -
关于vscode中v-for,canvas报错的问题的解决方案
百度康乐很多,包括论坛,最后还是自己动手,最后发现是插件的一个误报,没错,插件的误报,这里面需要改一下插件的配置:需要把vetur.validation.template这个参数改为false,这里面是不能直接改的,下面是我修改插件配置的教程:大功告成,你再去看看你的vue中的v-for 还报错吗,觉得可以的留个言加个关注,谢谢!原创 2017-09-28 14:53:49 · 1839 阅读 · 2 评论 -
sass安装以及安装后谷歌调试编译的解决方案
「 不学自知,不问自晓,古今行事,未之有也 」sass昨天刚上手,一开始,很简单,so easy,语法也很容易理解,和css结构差不多,安装很简单,按着http://www.w3cplus.com/sassguide/install.html安装就行,有个地方可以注意下,不知道是我网络的原因还是什么问题,从官网下载ruby超级慢,完了我从别的小网站下载的,可能不是最新的,你后期可以自己更新原创 2017-09-30 16:52:08 · 348 阅读 · 0 评论 -
jQuery.bind用法
使用函数bind(type [,data],fn)绑定事件:1、其中type表示事件类型:blur,focus,load,resize,scroll,unload,click,dblclick,mousedown,mouseup,mousemove,mouseout,mouseover,mouseenter,mouseleave,change,select,submit,keydown原创 2017-09-27 11:40:12 · 1309 阅读 · 1 评论 -
onload事件和ready事件的区别
DOM加载事件分为onload事件和ready事件均为DOM加载事件,下面代码为二者的区别以及用法简写://window.onload函数在页面所有内容加载完成后触发,只能执行最后一个window.onload函数$(window).load(function(){ //等价于window.onload = function alert("加载完成");});/原创 2017-09-27 10:56:35 · 844 阅读 · 0 评论 -
extend带参default值的问题
最为普通的为下面这种$.fn.myPlugin = function(options) { var defaults = { 'color': 'red', 'fontSize': '12px' }; var settings = $.extend(defaults, options);//默认参数与用户设置的参数进行合并 retur原创 2017-09-26 16:26:33 · 716 阅读 · 0 评论 -
jQuery,attr(i,origValue)中i和origValue参数怎么传来的?
$(document).ready(function(){$("button").click(function(){$("#w3s").attr("href", function(i,origValue){return origValue + "/jquery"; });}); });w3school.com.cn改变 href 值请把鼠标指针移动到链接上,或者点击该链接原创 2017-09-26 08:55:08 · 2460 阅读 · 1 评论 -
为什么在vue的组件中,data要用function返回对象呢?
对于这个问题很多小伙伴都问过。其实官方也有自己的说法,下面这个是官方的解答:当一个组件被定义, data 必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象,则所有的实例将共享引用同一个数据对象!通过提供 data 函数,每次创建一个新实例后,我们能够调用 data 函数,从而返回初始数据的一个全新副本数据对象。其实也很好理解原创 2017-09-25 13:34:39 · 18065 阅读 · 7 评论 -
vue打包npm run build时候界面报错
用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found),解决方案:方案一:找到config里的index.js,打开修改assetsPublicPath 为“./”方案二:或者把index.html文件原创 2017-09-23 17:32:53 · 11329 阅读 · 0 评论 -
关于constructor 属性查看对象是否为数组详情
关于constructor 属性查看对象是否为数组详情: myArray.constructor.toString().indexOf("Array") > -1;原创 2016-11-10 15:01:34 · 1964 阅读 · 2 评论 -
vue中v-if和v-show区别
在切换 v-if 块时,Vue.js 有一个局部编译/卸载过程,因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——在条件第一次变为真时才开始局部编译(编译会被缓存起来)。相比之下,v-show 简单得多——元素始终原创 2017-09-23 15:55:13 · 399 阅读 · 0 评论 -
Vue 实例暴露了一些有用的实例属性与方法
vm ViewModel,一个 Vue 实例其实正是一个 MVVM 模式中所描述的 ViewModel - 因此在文档中经常会使用 vm 这个变量名Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的数据属性区分。例如:var data = { a: 1 }var vm = new Vue({ el: '#example', data: da原创 2017-09-23 14:35:00 · 3822 阅读 · 0 评论 -
action-sheet和showActionSheet的区别
action-sheet和showActionSheet的区别:其实也很容易理解,action-sheet是HTML中的布局,但是wx.showActionSheet是js中的调用方法,一个道理原创 2017-10-26 22:04:13 · 4860 阅读 · 0 评论 -
justify-content的属性详解
首先我们可以参考下W3C官网的说法,当然你也可以直接看我的,下面是我对justify-content的理解:1,justufy-content是内容对其的意思,没错是内容,内容,内容,所以我们定义的属性是在外层定义的,内容对齐(justify-content)属性应用在弹性容器上,把弹性项沿着弹性容器的主轴线(main axis)对齐。语法如下:justify-content: f原创 2017-10-21 15:23:22 · 24772 阅读 · 0 评论