随笔分类 -  前端

查看动态浏览器元素,如何使界面被冻住
摘要:就是让浏览器进入调试状态即可; setTimeout(funtion(){debugger}, 5000) 阅读全文

posted @ 2019-12-05 19:47 zengsf 阅读(313) 评论(0) 推荐(0)

promise的基本用法
摘要:// Promise 对象,可以保存状态 //Promise 第一步 // 异步代码 写在 Promise的函数中 第二步 const promise = new Promise((resolve, reject) => { // Promise一共有三种状态: pending fulfilled rejected // ... 阅读全文

posted @ 2019-07-07 15:02 zengsf 阅读(282) 评论(0) 推荐(0)

在响应式布局中,碰到图片不会自动缩放,因此需要一段js脚本
摘要:添加这端代码之后,图片就会跟随这屏幕的大小从而进行缩放。 阅读全文

posted @ 2019-06-14 16:18 zengsf 阅读(526) 评论(0) 推荐(0)

简单的游戏副本刷新倒计时制作
摘要:主要就是利用js来实现的业务逻辑,实现结果 代码: 阅读全文

posted @ 2019-06-07 13:16 zengsf 阅读(1121) 评论(0) 推荐(0)

在webpack4 中利用Babel 7取消严格模式方法
摘要:报错信息: 出现个个问题的原因,是在引用mui中的mui.js文件时报的错误,由于在webpack中,采用的时严格模式,而mui.js用了非严格模式的写法。 解决方法:1.把mui.js里面的内容改成严格模式,但这不可能,毕竟我们要引用他们。 2. 只能把webpack改为非严格模式了 安装: 在. 阅读全文

posted @ 2019-06-05 19:41 zengsf 阅读(2708) 评论(2) 推荐(0)

vue中按需引入mint-UI报Error: .plugins[3][1] must be an object, false, or undefined
摘要:在“component”’后面直接跟一个对象,mint-ui文档中多了[ ],babel-plugin-component的使用还是要参考官方用法:https://www.npmjs.com/package/babel-plugin-component 阅读全文

posted @ 2019-06-03 12:50 zengsf 阅读(3755) 评论(0) 推荐(0)

如何在webpack开发中利用vue框架使用ES6中提供的新语法
摘要:在webpack中开发,会遇到一大推问题,特别是babel6升级到babel7,要跟新一大推插件,而对于安装babel的功能就是在webpack开发中,vue中能够是用ES6的新特性: 例如ES6中的面向对象编程方式: 对于这个,js是没有的,但是在webpack中,默认只能处理一部分ES6的新语法 阅读全文

posted @ 2019-06-02 13:41 zengsf 阅读(988) 评论(0) 推荐(0)

Module not found: Error: Can't resolve '@babel/runtime/helpers/classCallCheck' and Module not found: Error: Can't resolve '@babel/runtime/helpers/defineProperty'
摘要:These two mistakes are really just one mistake, This is because the following file @babel/runtime cannot be found。 I am getting this error: So what we 阅读全文

posted @ 2019-06-02 13:29 zengsf 阅读(5551) 评论(0) 推荐(0)

在webpack开发中利用bootstrap4中的字体图标
摘要:在webpack项目开发中,难免会需要一些图标,如果用到bootstrap4的话,就会碰到一些问,因为bootstrap 4.x版本把icon分离出来作为一个单独的项目open-iconic,所以cnpm i bootstrap -S是还不够的。还需要在安装open-iconic项目。 1. 下载安 阅读全文

posted @ 2019-06-02 11:46 zengsf 阅读(2442) 评论(0) 推荐(2)

Error: EBUSY: resource busy or locked, symlink "xxx" 的解决方法
摘要:上面是报错信息。 解决方法:当我们在npm i 安装依赖的时候,会遇到这个Error: EBUSY: resource busy or locked, symlink....的问题。解决的 办法就是关掉电脑的杀毒软件,比如360 等等 阅读全文

posted @ 2019-06-01 12:14 zengsf 阅读(11307) 评论(0) 推荐(0)

Module not found: Error: Can't resolve "xxx" in "xxx"
摘要:报错信息 main.js package.json 解决方法在终端使用,但有点过时了,但没有找到好一点的方法,只能将就这用了: Use `--mode production` for production. 阅读全文

posted @ 2019-06-01 10:46 zengsf 阅读(10844) 评论(0) 推荐(1)

nrm的安装使用
摘要:1.利用npm来安装nrm,且是全局安装nrm包 2.使用nrm ls查看当前所有可用的镜像源地址以及当前所使用的镜像源地址 3.使用nrm use npm 或者nrm use taobao切换不同的镜像源地址 注意:nrm只是单纯的提供几个常用的下载包URL地址,并能够让我们在这几个地址之间很方便 阅读全文

posted @ 2019-05-31 16:15 zengsf 阅读(650) 评论(0) 推荐(0)

vue中自定义指令
摘要:使用 Vue.directive(id, [definition]) 定义全局的指令来进行自定义指令 参数1 : 指令的名称,注意,在定义的时候,指令的名称前面,不需要加 v-前缀,但是: 在调用的时候,必须在置顶的名称前加上 v-前缀来进行调用 参数2: 是一个对象, 这个对象身上,有一些指令相关 阅读全文

posted @ 2019-05-28 15:27 zengsf 阅读(3739) 评论(0) 推荐(0)

vs设置html的模板快
摘要:打开vs编辑器,点击文件--》首选项--》用户代码片段 之后选择先对应的编辑器模板 进入里面编写相对应的代码块 之后直接在编辑器中调用。 阅读全文

posted @ 2019-05-27 11:09 zengsf 阅读(1522) 评论(0) 推荐(0)

如何省略.jsx文件名
摘要:在webpack.config.js文件夹中module.exports中添加: 阅读全文

posted @ 2019-05-24 10:25 zengsf 阅读(492) 评论(0) 推荐(0)

【NodeJS】Error: Cannot find module 'ms'
摘要:报错原因: 决解方案: 删掉node_modules包,之后在cnpm install ms --save-dev就可以i了。 之后过后面还要重新安装所有的依赖包。 阅读全文

posted @ 2019-05-23 13:48 zengsf 阅读(1884) 评论(0) 推荐(0)

babel/core 6.x升级到7.x要碰到的一些坑
摘要:刚学习react.js没多久,碰到各种坑。就比如这个问题,弄了我3个小时,终于解决了。其实就是一个小问题。 报错信息: 当你装好了babel/core 6.x的话,那就先把babel-core 6.x的版本删了,安装@babel/core就可以了。我是利用cmd来删除的,在vs中会遇到权限问题,删不 阅读全文

posted @ 2019-05-23 13:43 zengsf 阅读(4112) 评论(0) 推荐(0)

npm和cnpm的安装(window)
摘要:一:安装node.js 1.进入https://nodejs.org/en/中下载自己电脑相对应的node.js。 2.将下载下来的node.js进行安装。 3.利用管理员身份打开cmd,在里面输入npm -v,查看是否安装成功 二:改变原有的环境变量 1.改变原有的环境变量,配置npm的全局模块的 阅读全文

posted @ 2019-05-22 13:38 zengsf 阅读(219) 评论(0) 推荐(0)

解决不同浏览器获取元素文本的问题
摘要:在不同的浏览器,获取文本内容也是用不同的方法,但唯一重要的是,当浏览器不支持的时候,得到的结果是undefined。 阅读全文

posted @ 2019-01-23 08:43 zengsf 阅读(249) 评论(0) 推荐(0)

利用盒模型来解决鼠标放在图片上显示边框的效果
摘要:Document 阅读全文

posted @ 2019-01-15 14:05 zengsf 阅读(190) 评论(0) 推荐(0)

导航