地址栏

将PIP设置为国内的源

别等时光非礼了梦想. 提交于 2019-12-09 16:26:52
windows系统 (1)打开文件资源管理器(文件夹地址栏中) (2)地址栏上面输入 %appdata% (3)在这里面新建一个文件夹 pip (4)在pip文件夹里面新建一个文件叫做 pip.ini ,内容写如下即可 [ global ] timeout = 6000 index - url = https : // mirrors . aliyun . com / pypi / simple / trusted - host = mirrors . aliyun . com Linux (1)cd ~ (2)mkdir ~/.pip (3)vi ~/.pip/pip.conf (4)编辑内容,和windows一模一样 来源: CSDN 作者: liu1456959971 链接: https://blog.csdn.net/lxp_mocheng/article/details/103458823

在移动端避免使用100vh

你离开我真会死。 提交于 2019-12-09 13:01:22
在移动端避免使用100vh CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度,你可以设置高度: 100vh ,这样你就有了一个完美的全屏元素,它会随着视口的改变而改变大小!遗憾的是,事实并非如此。 100vh 在不同的浏览器的实现方式上也有一点微妙的变化,这使得它几乎毫无用处。最好避免 100vh ,而是依赖 javascript 来设置高度,以获得完整的视口体验。 核心问题是移动浏览器(Chrome和Safari)有一个“帮助”功a能,地址栏有时可见,有时隐藏,改变了视口的可见大小。这些浏览器没有将 100vh 的高度调整为视口高度变化时屏幕的可见部分,而是将 100vh 设置为隐藏地址栏的浏览器高度。结果是,当地址栏可见时,屏幕的底部部分将被切断,从而破坏了 100vh 的初衷。 如下所示: 当地址栏可见时,由于移动浏览器不正确地将 100vh 设置为屏幕高度而没有显示地址栏,因此屏幕底部被切断。在上图中,应该在屏幕底部的按钮被隐藏了。更糟糕的是,当用户第一次使用手机访问网站时,地址栏会显示在页面顶部,因此用户体验是很糟糕的。 一个好的解决方案: window.innerHeight 解决这个问题的一种方法是依赖javascript而不是css。当页面加载时,将高度设置为 window.innerHeight 将正确地将高度设置为窗口的可见部分

taro 地址栏组件

北城以北 提交于 2019-12-06 17:03:33
地址栏选择器 import { ComponentClass } from 'react' import Taro, { Component } from '@tarojs/taro' import { View, PickerView, PickerViewColumn } from '@tarojs/components' import { DrivingService } from '@/services/index' import './index.scss' type PageStateProps = { //获取父组件的值 province? : string, city?: string, chooseCity :any, arr:any } type PageOwnProps = {} type IProps = PageStateProps & PageOwnProps type PageState = { // 数据类型 city: string, cityCode: string, cityList: any, province: any, provinceCode: string, provinceList: any, getValue: number[], getTitle: string, getClose: string showPicker:

用jQuery怎么做到前后端分离

久未见 提交于 2019-12-06 06:36:16
传统的web开发模式想必大家都知道,不管是jsp、asp、php或者一些魔板引擎开发,其实道理都是一样的,都是服务端渲染,原理是:浏览器发送一个get请求,服务器对应的返回前端一个html页面,由浏览器渲染,一张网页就呈现在用户面前了。 但是今天要说的就是大家一直在谈论的话题了,那就是“前后端分离的开发模式”,它的好处自然不必多说,那用我们最熟知jquery能不能做到前后端分离开发呢?答案是可以的! 具体实现也很简单,前端工程师通过ajax访问后台接口(可能会遇到跨域问题,详见上一篇文章)如下: > $.ajax({ > type:'get', > url:'/api', > data:{user:'小明','tel':12345xxxxx} > success:function(data){ > console.log(data) > } }) 通过一手ajax你可调用任何api,与后台通信不是什么难事。 但是渲染这块就很麻烦了,你可以选择的渲染方式有:append()、html()、text()等,总之很麻烦。 接下来说一说路由问题和页面之间传参问题,我用jQuery做的前后端分离项目一般没有路由,直接就是连接的形势跳转页面,虽然这样很不妥,但是好像也没啥办法。页面传参这哭基本可以解决,你可以通过地址栏传参,另一个页面通过js获取地址栏参数,进而实现地址栏传参这件事。 总之

程序员常见面试题:在地址栏输入URL回车到页面出现,整个过程发生了什么?

限于喜欢 提交于 2019-12-05 23:34:43
从浏览器输入URL到页面呈现,背后涉及到的动作知识点非常多,我们本着先整体再局部的原则,先把这个过程大致分为以下几个主过程 1 DNS寻址 我们通常在浏览器数地址栏输入的URL是域名,而不是直接输入IP地址(虽然也可以这么做 ),但之前也讲过,在茫茫的网络大海中,标识服务器的并不是人类比较容易辨识的域名,而是IP地址,所以宏观角度来说,当我们输入URL并且提交的时候,第一步就是根据域名寻找目标服务器的IP地址,这个过程就是DNS域名解析。 微观角度来看,为提高效率,DNS域名解析是有层次的,具体原则就是就近原则。 首先,本地电脑会将一些经常使用的域名与响应的IP地址建立一个映射关系,并保存在系统文件hosts里。所以正常情况下,在进行DNS解析的时候,系统会优先从hosts文件中寻找对应的IP地址,如果找到就直接使用hosts文件里面的IP地址,毕竟这是最快的。 其次,如果本地hosts文件里没有这个域名一起对应的IP地址映射,那么就求助于本地DNS服务器,大概就是系统向本地DNS服务器发送请求去查询域名对应的IP地址,本地DNS服务器响应请求,找到IP地址并将结果(IP地址)返回给浏览器。 然后,如果本地DNS服务器没有找到对应的IP地址,本地DNS服务器会层层向上一级的DNS服务器发送请求,直至DNS根服务器。如果找到的话,就会进行回传,最终把找到的IP地址返回给浏览器。

【Vue | ElementUI】Vue离开当前页面时弹出确认框实现

我是研究僧i 提交于 2019-12-05 07:14:38
Vue离开当前页面时弹出确认框实现 1. 实现目的 在某种业务场景下,用户不允许跳转到其他页面。于是,需要在用户误操作或者是点击浏览器跳转时提示用户。 2. 实现原理 使用路由守卫beforeRouteLeave进行控制 如果使用浏览器前进后退按钮时注意维持地址栏不变 <template> <div> </div> </template> <script> export default { beforeRouteLeave (to, from, next) { this.$confirm('正在离开本页面,本页面内所有未保存数据都会丢失', '警告', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { next() }).catch(() => { // 如果取消跳转地址栏会变化,这时保持地址栏不变 window.history.go(1) }) } } </script> <style scoped> </style> 来源: https://www.cnblogs.com/axiangcoding/p/11913254.html

09-设备宽高比 aspect-ratio

为君一笑 提交于 2019-12-05 07:00:05
高/宽 当设备 高宽是 设置的数值是会应用css表 (不带地址栏和状态栏 ) @media(aspect-ratio:3/2){   body:{     backgound:blue;   } } 判断 设备的宽高比 例(加上状态栏地址栏) 状态地址栏,设备的2:3 添加到短语集 没有此单词集:英语 -> 中文(简体)... 创建新的单词集... 拷贝 添加到短语集 没有此单词集:中文(简体) -> 中文(简体)... 创建新的单词集... 拷贝 来源: https://www.cnblogs.com/apelles/p/11912329.html

Chrome打开标签页预览

我的未来我决定 提交于 2019-12-04 21:05:38
类似于Microsoft Edge浏览器上的标签页缩略图预览非常方便,其实现在谷歌浏览器正在测试相关的功能,如果想提前体验,就在地址栏输入“ chrome://flags ”并按下回车键,点击右上角的菜单按钮并选择“查找”命令,在弹出的搜索框中输入关键词“Tab HoverCard Images”,查找到这个选项后点击列表中的“Enabled”选项,随后重新启动Chrome浏览器即可。 来源: https://www.cnblogs.com/letisl/p/11883948.html