前端tips
maidu_xbd
核心算法+大量的重复实践
展开
-
javaScript---防抖Debounce和节流Throttle
防抖是多次触发只生效最后一次。适用于只需要一次触发生效的场景节流是让操作每隔一段时间才能触发一次。适用于多次触发要多次生效的场景原创 2022-02-04 10:01:45 · 742 阅读 · 0 评论 -
cnpm淘宝镜像安装
淘宝npm镜像:https://developer.aliyun.com/mirror/NPM安装cnpm,cmd命令窗口输入以下命令:$ npm install -g cnpm --registry=https://registry.npm.taobao.org安装完成后输入【cnpm -v】,结果如下图表示安装成功。安装完成后就可以使用cnpm代替npm进行插件安装啦...原创 2021-01-11 15:07:30 · 272 阅读 · 0 评论 -
vscode基础插件及常用快捷键
VS code插件安装 插件 说明 Chinese (Simplified) Language Pack for Visual Studio Code 界面汉化 Open-In-Browser 在浏览器中打 Html Snippets html代码提示 VS color Picker 颜色选择器.原创 2020-10-25 15:12:17 · 180 阅读 · 0 评论 -
vscode安装及将vscode加入右键功能菜单中
注意:在安装过程中,建议勾选以下两项,将vscode添加到右键菜单。安装教程:https://jingyan.baidu.com/article/d3b74d640eadce1f76e60958.html如果安装过程中没勾选以上提到的两项,通过以下方法将VSCode加入右键功能菜单中(1)右击VScode快捷方式查看属性,找到快捷方式对应的目标路径;(2)打开文件所在位置,目录下新建文件【context.reg】,粘贴以下代码:Windows Registry Editor Ver原创 2020-10-22 16:23:16 · 1257 阅读 · 2 评论 -
利用phonegap打包html代码为app应用
https://build.phonegap.com/注册账号 将【index.html】文件打包压缩为.zip文件后上传 3.下载安卓版本(.apk后缀文件),发送到手机后发现文件后缀变成了不是.apk结尾,在手机端【文件管理】将文件后缀修改为apk后安装即可访问。...原创 2020-08-29 11:01:03 · 310 阅读 · 0 评论 -
CSS---在线使用iconfont字体图标
iconfont阿里巴巴矢量库https://www.iconfont.cn/在线使用iconfont具体方式如下:(1)https://www.iconfont.cn/登录自己的账号(2)搜索图标,加入购物车,全部图标加入购物车完毕后点击购物车,添加至相应的项目(3)点击【FontClass】【查看在线链接】【暂无代码,点击生成】(4)在项目中引入注意:每次增加或编辑之后icon库一定要更新链接!!!ps:在浏览器窗口输入【http://at..原创 2020-06-10 23:49:06 · 2001 阅读 · 0 评论 -
chrome浏览器允许跨域设置
可以通过使用chrome命令行启动参数来改变chrome浏览器的设置,使用--disable-web-security参数可以降低chrome浏览器的安全性,禁用同源策略,利于开发人员本地调试。具体步骤如下:(1)找到chrome浏览器桌面快捷方式,右键【属性】,点击【打开文件位置】,在该目录下同时按住【shift】和鼠标右键,点击【在此处打开命令窗口】,如图出现命令窗(也可以通过cd命令进入该路径)如下: (2)在该路径后输入【chrome.exe -–allow-file-access...原创 2020-06-05 09:30:10 · 1453 阅读 · 0 评论 -
vue---兼容ie遇到的坑,Unhandled promise rejection NavigationDuplicated/Unhandled promise rejection error
说到兼容ie,真是跟ie浏览器斗争到底呀,真的是不喜欢用ie浏览器,chrome多好。辛酸,可是也不能不去解决它!出现问题如下:当发送后台请求时,ie控制台报错问题1.Unhandled promise rejection NavigationDuplicated问题2.unhandled promise rejection error:Request failed with status code 400(人家chrome浏览器可没这么多问题)解决方法:问题1解决方法:在.原创 2020-05-21 15:38:42 · 10369 阅读 · 5 评论 -
vue---vue项目在ie浏览器显示空白解决方法(安装babel-polyfill )
问题描述:使用vue-cli脚手架搭建的项目,【npm run dev】运行,在chrome下显示,ie下显示空白。解决方法:1、安装babel-polyfill :【npm install babel-polyfill --save-dev】2、安装完成后,可以在【package.json】中看到安装的版本信息。在【main.js】中引入babel-polyfill 3 3、在【build】目录下【webpack.base.conf.js】中找到【entry】,修改配置如下:...原创 2020-05-21 14:56:36 · 4410 阅读 · 2 评论 -
http状态码
http状态码是用来表示网页服务器超文本传输协议响应状态的3位数字代码http状态码列表: 类型 状态码 描述 1XX 消息 代表请求已被接受,需要继续处理 100 Continue 客户端应当继续发送请求 101 Switch...原创 2020-03-24 17:11:43 · 324 阅读 · 0 评论 -
localStorage、sessionStorage、vuex使用及区别
目录VuexlocalStoragesessionStorage语法区别VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。localStorage译为“本地存储器”,是HTML5中新增的一个存储对象,跟cookie一样也是用来本地存储来的,但是解决了...原创 2020-03-23 18:39:23 · 980 阅读 · 0 评论 -
curl----发送get/post请求
curl介绍curl是一个利用URL语法在命令行下工作的文件传输工具,支持文件上传和下载,用来请求 Web 服务器。curl支持的通信协议有ftp、ftps、http、https、tftp、pop3、scp等。也可以使用postman进行前后端接口联调测试。postman官网下载地址:https://www.getpostman.com/postman使用说明:https://blo...原创 2019-12-04 20:24:32 · 537 阅读 · 0 评论 -
vue---一个前端项目的完整环境搭建
前提:已安装好node.js和vue-cli环境搭建步骤如下:1、搭建项目【vue init webpack 项目名称】2、安装依赖(把用到的先安装上)安装element-ui 【npm i element-ui -S】 安装axios:【npm install axios --save-dev】 安装vuex:【npm install vuex --save】 安装less...原创 2019-11-30 11:52:00 · 269 阅读 · 0 评论 -
WebSocket与HTTP比一比
WebSocket与HTTP均建立在TCP之上,通过TCP协议传输数据;都是可靠性传输协议;都是应用层协议。HTTP--Hyper Text Transfer Protocol(超文本传输协议)HTTP是一个基于TCP/IP通信协议来传递数据,用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。浏览器向服务器发出HTTP请求,服务器将数据返回...原创 2019-09-12 11:37:11 · 1142 阅读 · 0 评论 -
sublime text常用插件及快捷键
一、常用插件SideBarEnhancements 很实用的右键菜单增强插件。 Vue Syntax Highlightvue代码高亮显示。 Emmet输入简写形式,然后按 Tab 键补全代码。 SublimeLinter 代码校验插件,找出错误或编写不规范的代码。 SublimeCodeIntel 是一个代码提示、补全插件,还有一个功能就是跳转到变量、函数定义的地方,十分方便...原创 2019-08-01 16:09:56 · 395 阅读 · 0 评论 -
sublime打开报错Error trying to parse file:Invalid escape in Packages\Pser\Default(windows).
sublime下载http://www.sublimetext.com/3安装sublime后,点击打开,报错如下:Error trying to parse file:Invalid escape in Packages\Pser\Default(windows).sublime-keymap:6:18解决方法:打开sublime,选择Preferences->Bro...原创 2019-07-12 09:55:12 · 1653 阅读 · 0 评论 -
Chrome开发者工具Elements/Console/Sources/Network使用总结
在前端项目开发中,chrome浏览器颇受青睐。打开网站,点击F12,即可看到chrome开发者工具。我们可以借助chrome开发者工具进行网页调试,来查看网页html代码、css样式、http请求、运行js等。开发者工具面板上包含了Elements、Console、Sources、Network、Performance、Memory、Application、Security、Audits面...原创 2019-06-29 01:10:45 · 4260 阅读 · 1 评论