Promise 是一个对象,它代表了一个异步操作的最终完成或者失败。本质上 Promise 是一个函数返回的对象,我们可以在它上面绑定回调函数,这样我们就不需要在一开始把回调函数作为参数传入这个函数了。 ...
web前端
vscode 保存时自动格式化vue代码,符合eslint规范
vscode 保存时自动格式化vue代码,去除逗号,分号,符合eslint规范 1,安装插件:vetur,prettier 2,文件=》首选项=》设置=》settings.json "editor.formatOnSave": true, "vetur.format.defaultF...
简述cookie、localstorage、seesionstorage
名称 大小 网络请求 生命周期 cookie 4kb左右 每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题 默认是关闭浏览器后失效, 但是也可以设置过期时间 localstorage...
【Vue + ElementUI】el-progress 各类常用场景(自动计算percentage,format自定义显示文字)
转自:https://blog.csdn.net/weixin_41832017/article/details/108458234 效果图 1,当前数据结构 progressList: [ { planNum: 150, // 计划数量 completeNum: 80 // 完成数量 ...
vue 路由跳转 左侧划入
1、将切换的页面用transition包裹 <div class="index-content"> <transition> <router-view/> </transition> </div> 2、css设置切换动画 .index-...
laravel 存储上传文件,并返回文件链接地址
实现步骤: 1,建立软连接 php artisan storage:link 2,存储文件并获取文件地址 Storage::url($request->package->store('public/packages')); 详解: 获取上传文件,存储 获取字段package的文件...
phpstorm 恢复显示顶部主菜单
前言 为了使phpstorm更加简洁,之前在设置界面视图时,将顶部主菜单隐藏了,但隐藏之后,在进行某些设置时不是很方便,需要恢复显示主菜单。 解决办法1 输入快捷键:Ctrl+Shift+A --- 选择Actions --- 输...
vue预渲染实现SEO优化
前言: 为什么使用预渲染?官方是这样说的:如果你调研服务器端渲染 (SSR) 只是用来改善少数营销页面(例如 /, /about, /contact 等)的 SEO,那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML,...
vscode 1.45.1 保存代码自动格式化成ESLINT标准格式(vue通用)
问题描述:编写vue项目,安装完vetur插件后,执行shift+alt+F 格式化vue文件后,会自动添加分号(;),并且单引号会变成双引号(""),导致ESLint检查格式时,报错。 解决方案: 1. 在vscode中的扩展插件中下...
vue 组件间传值
情况一:router-view 子组件发生变化导致父组件发生改变 父组件中: <router-view @getMessage="showMsg"></router-view> showMsg (val) { // methods方法 val即为子组件传过来的值 console.log(...
ajax提交表单元素name为数组(如row[XXX])的表单的所有参数
//ajax提交表单元素name为数组(如row[XXX])的表单的所有参数 js var params = {}; var t = $('form').serializeArray(); $.each(t, function () { var key = this.name.replace('row[', '').replace(']'...
一, Anjular2 for JavaScript 开发环境搭建
安装nodenode版本应 >= 4.0.0,否则在下面执行cnpm 载入需要的库时会失败,这里用的是v6.9.21,下载node最新版本[root@localhost local]# pwd /usr/local [root@localhost local]# wget&nb...
二,angular2 for javascript 显示数据 用户输入
angular2稳定版发布有段时间了,最近一直寻找关于angular2 for javascript方面的教程文档,发现大多是采用的typescript,官网也只是给了一个angular2 for javascript开发环境的构建,后续的教程内容都还没有发布.所以...
微信小程序 onReachBottom 上拉加载更多 onPullDownRefresh 下拉刷新
功能说明:微信小程序 onReachBottom 上拉加载更多 onPullDownRefresh 下拉刷新实现思路:1,首次请求获取初始数据以及下一页请求的地址,并将下一页请求地址作为新的接口请求地址;2,通过新的接口请求地址获取的数据...
手机端浏览器web页面设计问题总结
点击input页面放大问题在网页头部加入以下meta标记可解决:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab...
自适应网页设计的几条规则
二、允许网页宽度自动调整“自适应网页设计”到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。<meta name=”viewport” content=”width=device-width, initial-sc...
微信小程序与业务服务器SSL握手失败
错误描述:wx.request请求数据,电脑端开发工具运行正常,手机端预览时,获取不到所请求的数据.手机端调式控制台提示:ssl 握手失败;解决方法: 修改ssl.conf, SSLCertificateFile, SSLCertificateKeyFile,SSLCertifica...
css3 背景高斯模糊 并添加遮照
.d1{ background-image:url("图片url"); background-size:100% 100%; -webkit-filter:blur(10px); filter:blur(10px); ...
chrom 谷歌浏览器 刷新 忽略缓存
修改页面前端样式后,直接F5刷新,新的页面样式会因缓存问题,不生效,解决方法:Ctrl+F5 或 Shift+F5 重新载入当前网页,忽略缓存的内容。
使用 Chrome DevTools 调试 JavaScript
不要再使用 console.log! 学会在 Chrome Developer Tools 中使用断点来调试代码。作为一名新的开发人员,发现和修复 bug 挺难的。 您可能会试图随意使用 console.log() 来调试代码使代码正常工作。&nb...
[转]jquery on 事件有时不工作怎么办
jquery on 事件:官网上的例子是这样的。$( "#dataTable tbody tr" ).on( "click", function() { alert( $( this ).t...
Webp图片文件格式简介
WebP (发音"weppy"),是一种同时提供了有损压缩与无损压缩的图片文件格式,派生自图像编码格式VP8 。是由Google购买On2 Technologies后发展出来的格式,以BSD授权条款发布,是Google新推出的影像技术,...
iview admin 本地开发环境配置代理服务解决跨域问题
最近公司有个前端项目用到了iview admin,本地开发时,因为接口在另一台机器上,所以在接口请求时,涉及到了跨域访问的问题,因为之前使用VUE2.0+Element,通过配置代理解决了跨域问题,而iview admin也是基于VUE...
Angular/CLI 在fedora26 下修改文件时不会自动刷新项目
问题使用ng serve启动项目后,修改文件内容后,页面无法自动刷新google一番后,得知原因是打开文件过多,导致Linux操作系统无法对文件系统的事件执行监控.解决方案echo "fs.inotify.max_user_watches=52428...
vue $refs的基本用法
<div id="app"> <input type="text" ref="input1"/> <button @click="add">...