3 _cris

尚未进行身份认证

一场渐行渐远的旅途。

等级
TA的排名 1w+

一文彻底弄明白module.exports和exports的区别

在我们使用nodejs引入模块时,我们往往在模块文件中可能会纠结module.exports和exports他们究竟是什么区别?为了彻底明白其区别,我们来看一个例子。在模块中,只输入下述三行代码:// module.jsconsole.log('module', module)console.log('module.exports', module.exports)console.log('exports', exports)用node运行module.js让我们直接来看输出结果:这

2020-05-25 10:19:55

使用create-react-app构建的react项目在IE浏览器打开白屏的问题解决

我们在使用create-react-app创建react项目之后,将项目在IE11/10/9浏览器打开时,发现页面白屏,打开控制台发现如下报错:出现此问题的原因是:create-react-app默认只支持现代浏览器,具体可参考https://create-react-app.dev/docs/supported-browsers-features/支持列表。为了解决支持IE11/10/9...

2020-04-13 09:27:40

react中利用构造函数与利用class关键字创建组件的区别,以及使用的选择

在react中,我们通常在创建组件时有以下两种形式://class关键字创建组件importReactfrom'react';exportdefaultclassAppDemoextendsReact.Component{render(){return(<div>demo</div>)}}...

2020-02-14 19:07:51

npm 运行时报错“因为在此系统上禁止运行脚本”解决办法

在控制台运行npm指令时遇到如下报错信息:“因为在此系统上禁止运行脚本”npm : 无法加载文件 C:\Users\Pathliu\software\nodejs\npm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行...

2020-02-13 14:31:56

使用vuecli3 构建的项目,修改项目webpack配置

今年vuecli已经升级到了vuecli3+,和以往vuecli构建的项目不同,在新版本的vuecli构建的项目中,默认是无配置文件的。如果我们想修改server的端口号,打包输出文件的资源,我们该怎么处理呢?按照官方文档,https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE我们在与package...

2019-12-02 11:13:42

vue3.0项目中eslint检查时,Unexpected console statement (no-console)报错解决

在利用vue-cli3+构建的项目中引入eslint进行语法检查时,使用console.log('xxx')时,控制台抛出了Unexpected console statement (no-console)异常,解决办法是:在项目的package.json文件中,eslintConfig 配置项中的“rules”中新增一条配置项即可"eslintConfig": { ......

2019-12-02 11:03:21

理解js中apply,call,bind的区别

首先我们需要明白的是,apply,call,bind:1)它们三者都可以修改函数调用时this的指向2)第一个参数都是修改后this指向的对象3)都可以在后续参数中进行传参var userFunc = { name: '张三', age: 24, sayAge: function() { console.log(this.name + '年龄是' + this.ag...

2019-08-31 14:55:29

Vue项目build打包之后,背景图路径错误问题解决方式

在vue项目中,npm run build之后,得到的项目输出文件部署到服务器之后,图片无法找到,发现是图片路径不对。处理和修改方式如下:index.js中修改// 在index.js中assetsPublicPath: './',bulid文件下,utils中修改// Extract CSS when that option is specified// (which ...

2019-04-25 11:21:17

小程序登录机制的剖析

在分析小程序登录机制之前,需要明确几个问题:1. 微信小程序是什么2. 微信公众平台、微信开放平台以及商户平台的区别3. 微信openid与unionid的区别4. 小程序unionid的机制1. 小程序是什么官方给出的解释是:小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。官方的解释过于含蓄,通俗点来说,...

2019-02-24 11:58:30

mac如何安装tomcat并部署vue项目

1. 安装tomcat官网下载tomcat,download目录下,下载对应的tomcat资源文件,下载zip或者tar.gz文件在资源库文件夹下,新建文件夹 Tomcat并将下载的文件拷贝至该文件夹下修改项目文件的读写权限,在tomcat文件夹下打开终端,并执行 sudo chmod 755 /apache-tomcat-9.0.16/bin/*.sh  输入电脑密码...

2019-02-19 11:29:35

git提交代码到线上库的详细步骤

在我们使用github作为我们代码管理仓库时,我们需要利用git提交我们的代码到线上仓库,具体提交的方式方法如下:(备注:提交的方式方法不尽相同,但是博主建议按如下方式提交)1. git stash目的是,缓存本地的修改,避免代码同步时候代码丢失2. git pull  (或者 git pull 分支)拉取线上代码,与线上仓库保证代码的同步,并解决拉取代码时可能存在的代码冲突3. ...

2019-02-06 21:19:07

mac上如何将python2.7修改为python3

mac会默认安装python,默认python的版本为python2.7。但通常我们在使用python的时候会应用python3,如何将我们默认的python环境变量修改为python3?1)打开终端 输入  python -V  可查看mac当前python的版本  // 显示为 python 2.7.xx2)用brew升级python  brew upgrade python3)修...

2018-12-12 10:22:31

微信小程序开发如何选择获取unionid方案

在微信小程序开发过程中,我们通常有获取用户unionid的需求。首先,何为unionid? 对于这个问题,举个例子,在微信授权的各个登陆应用中,能区分用户唯一的标识就是微信授权用户的unionid。这一点有点类似于用户的微信号,是唯一的。对于如何获取用户的unionid 官方文档给了四种方式(当前时间2018/12/03):UnionID获取途径绑定了开发者帐号的小程序,可以通过下面 ...

2018-12-03 17:37:15

微信小程序中如何有效的修改app.js中全局变量的值,并能在页面中进行动态响应

提供一种有效的方式,在app.js中定义全局变量,以及获取和修改全局变量的方法如下:letuserInfo={username:test,email:''}App({//获取数据getUserInfo(){returnuserInfo},//更新用户信息updateUserInfo(obj){let...

2018-11-22 09:34:36

微信小程序点击事件传递参数的方法

小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下:wxml:<viewbindtap="passQuery"data-index="1">点击事件传参</view>js中:passQuery:function(e){//传递的参数...

2018-11-13 13:49:50

手机端h5页面利用rem进行适配的有效方案

关于H5页面的适配方案,有很多很多,各种方法有各种方法的优势。在博主做项目的实际开发过程中,常用的方案是利用rem进行适配。具体的适配原理如下:需要明确的一点,各种浏览器对字体默认的大小为16px.通常UI设计师给到前端开发的设计稿是以iphone6 手机大小设计的,前端开发时也是参照iphone页面显示效果进行开发。在开发的前期我们需要对浏览器默认字体的大小进行修改。使得,在页面上设置 ...

2018-10-11 17:28:34

vue项目中富文本编辑器vue-quill-editor的使用

前端开发过程中,会遇到在页面上加入富文本编辑器,在vue项目中开发遇到这一需求的时候,我们可以使用富文本编辑器vue-quill-editor,话不多说,先上一张效果图:1)安装vue-quill-editor 依赖npm installvue-quill-editor --save2)入口文件main.js中引入// 引入富文本编辑器import VueQu...

2018-09-30 15:07:24

vue中对数组值变化的监听与重新响应渲染的方法

在我们项目开发过程中,实例中的数据类型可以是对象、数组等。在对象中,某个属性值发生更改时,我们可以通过对象的深度监听,以达到重新渲染页面的需求。或者查阅博主的文章 https://blog.csdn.net/weixin_37861326/article/details/81034231;例如:<script> export default { data(){ ...

2018-09-29 10:32:10

图示vscode修改缩进为2个空格

此外可以对 settings.json文件做出修改亦可。图示如下:

2018-09-26 12:37:28

vue状态管理vuex使用之项目中如何合理引入vuex

在前端开发过程中,状态的管理是一件很令人头疼的事情。尤其是在项目中,涉及同一状态的组件越多,在组件状态管理上,通过父子组件之间通信来更新状态将变的复杂。Vue项目开发过程中,借助vuex进行状态管理将极大的减轻我们在开发过程中对于组件状态的维护。vuex:vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可...

2018-09-26 11:29:35

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。