前端
文章平均质量分 86
锦岁
学生,前端实习中
展开
-
yarn vs npm
yarn:npm:cnpm:啥都别说了,以后改用yarn。yarn介绍:1、离线下载:Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 如果您之前下载了软件包,则可以在没有任何互联网连接的情况下安装。2、速度更快:同时利用并行下载以最大化资源利用率,因此安装速度更快。单个请求失败不会导致安装失败。 请求在失败时会自动重试。3、在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。4、使用详细、简洁的**锁文件 (lock file,默认生成,记录了被确切安装上的模块的原创 2021-03-23 10:17:06 · 229 阅读 · 0 评论 -
记vue分步引导的坑 driver.js 与 vue-tour html2canvas 与 dom-to-image
由于项目需要加入用户指引,于是我就找了下相关的插件。一开始使用driver.js做了个demo感觉还是不错的,于是就准备使用driver.js,修改下样式就行了。但是真正用设计图来设置时却发现了问题,由于项目是用vue编写的,根据设计图拆分了很多可复用的组件。设计图中很多需要高亮的dom节点都是在好几个组件之下的,driver.js获取不到,而且部分dom高亮时只有一个白色的框框覆盖,整了两天发现搞不定于是准备换插件。在帖子上看到有人使用vue-tour插件,缺点是他的高亮跟没高亮一样,完全看不出来,但原创 2021-03-22 11:05:20 · 3183 阅读 · 2 评论 -
word文档在线预览
//方法一:使用iframe。字体按钮大小受影响 <div class="content"> <iframe class="filename" id="pdfUrl" src="" frameborder='0' ></iframe> </div> let pdfBox = document.getElementById('pdfUrl'); let office = 'https://v..原创 2020-09-08 13:25:08 · 1509 阅读 · 0 评论 -
cesium 剖面分析,仿火星
原创 2020-09-01 15:37:28 · 415 阅读 · 1 评论 -
openlayers 路径动画 运动轨迹
原创 2020-09-01 14:54:26 · 3112 阅读 · 5 评论 -
vue bus总线 解决非父子组件通信问题
使用vue-bus有两点需要注意:第一是 $ bus.on 应该在 created 钩子内使用,如果在mounted使用,它可能接收不到其他组件来自created钩子内发出的事件;第二点是使用了 $ bus.on 在 beforeDestory 钩子里应该需要使用 $ bus.off解除,因为组件销毁后,就没有必要把监听的句柄存储在vue-bus里面了。在实际的开发项目中,如果数据和业务逻辑不是特别复杂,没有必要使用Vuex,那么我们就可以通过这种方式,实现我们再实际业务逻辑中的组件间数据传递,而且代原创 2020-06-12 14:57:11 · 353 阅读 · 0 评论 -
记小程序上传文件遇到的坑
1、Andrio手机,拍照时选原图,出现"unknown"扩展名,不选原图正常。2、header不设置’content-type’: ‘multipart/form-data’,上传的是临时路径,没有文件。// 选择图片chooseImage(){ let that=this uni.authorize({ scope: 'scope.camera', success() { console.log('camera授权成功') uni.chooseImage({ cou原创 2020-06-12 10:37:18 · 439 阅读 · 0 评论 -
真机调试高度100%禁用滑动,但ios还是滑动
position换成fixed.main width 100vw height 100vh position fixed left 0 top 0原创 2020-06-11 17:05:23 · 280 阅读 · 2 评论 -
uni真机showToast不显示
真机测试发现调用 showToast 不显示,或者闪一下就没了。可能是与 wx.showLoading 冲突了,两者调用的是同个框。封装请求时,hideLoading不要写在complete里。export const get = (url, data, callback) => { uni.showLoading({ title:'加载中' }) uni.request({ url: url, header: { 'Accept': 'application/json'原创 2020-06-11 17:04:16 · 4161 阅读 · 1 评论 -
vue 监听窗口分辨率去不同的网址
APP.vue:export default { name: 'App', data(){ return{ } }, created() { console.log(screen.width ) if(screen.width<768){ // 768,ipad window.location.href="http://localhost:9090"; // 去移动端页面 } }, mounted() { wind原创 2020-06-03 13:41:37 · 995 阅读 · 0 评论 -
Driver.js 引导
一、介绍Driver.js 是一个轻量级(~ 4kb gzip),无需依赖但功能强大的原生 JavaScript 。兼容所有主流浏览器,可帮助你将用户的注意力集中在页面上。特色功能:突出显示页面上的任何任何项目锁定用户交互创建功能介绍为用户添加聚焦器高度可定制 – 可在任何地方使用,可覆盖界面友好 – 可通过按键控制轻量级 – gzip 压缩后只有约4kb在所有主流浏览器中保持一致的行为https://github.com/kamranahmedse/driver.jshttps:/原创 2020-06-02 14:31:31 · 2172 阅读 · 1 评论 -
webSocket基础
一、介绍WebSocket 是一种网络通信协议,很多高级功能都需要它。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。其他特点包括:(1)建立在 TCP 协议之上,服务器端的实现比较容易。(2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。(3)数据格式比较轻量,性能开销小,通信高效。(4)可以发送文本,也原创 2020-05-27 09:40:43 · 459 阅读 · 0 评论 -
cookie
Chrome现在只在设置为“SameSite=None”和“Secure”时才提供带有跨站点请求的cookie。1、什么是cookieHTTP协议本身是无状态的。什么是无状态呢,即在服务器端不保留连接的有关信息,服务器无法判断用户身份。无状态是指Web浏览器与Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后Web服务器返回响应(Response),连接就被关...原创 2020-03-19 14:25:10 · 219 阅读 · 0 评论