- 博客(289)
- 收藏
- 关注
RSS订阅原创 flex 子元素占满剩余高度， 父元素overflow:hidden 失效
当 flex父元素高度不足时，会被子元素撑开高度，解决方法父元素設置css：min-height: 0// orheight: 0
2021-12-08 11:30:59
939
原创 Service worker 卸載
if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister() }}).catch(function(err) { console.
2021-01-26 14:06:37
512
原创 vue.js的keep-alive include无效
1.vue-router 的版本必须是2.1+2.不光路由的name，還要給组件设置name// html<keep-alive :include="['home']"> <router-view></router-view></keep-alive>// router.js{ path: '/home', name: 'Home', meta: { index: 0,.
2020-11-10 11:03:11
1049
原创 js獲取jsonp文件
$.ajax({ url: 'http://domain/static/json/json.jsonp', dataType: 'jsonp', data: 'GET', timeout:'8000', //访问超时 jsonpCallback: "test",//和服务器端函数名称相同 data: { //需要传输的数据 },...
2020-07-28 14:22:47
293
转载 移動端input唤起键盘 return 鍵修改为搜索
出處将input的type修改为search：是HTML5 中的新类型 关于兼容性可以查阅MDN手机端毫无压力，可以放心使用亲测 安卓机会变为搜索或搜索的????的符号按钮 IOS变为换行 现在算是把安卓机的问题搞定了接下来是ios需要在外层包裹form<form action="javascript:return true"> <input type="search" :placeholder="请输入" autofo
2020-07-28 13:49:52
746
转载 怎样防止重复发送 Ajax 请求？
轉載出處我推荐用主动查询状态的方式（A、B，jQuery 为例）或工具函数的方式（C、D）来去除重复操作，并提供一些例子作为参考：A. 独占型提交只允许同时存在一次提交操作，并且直到本次提交完成才能进行下一次提交。module.submit = function() { if (this.promise_.state() === 'pending') { return } return this.promise_ = $.post('/api/save')}B.
2020-05-28 17:14:08
372
转载 vue卡片化轮播图组件
vue卡片化轮播图组件1.安装swipernpm install swiper2.在组件中引入swiperimport 'swiper/dist/css/swiper.min.css'import Swiper from "swiper" //版本是用的："swiper":"^4.5.0"3.页面的代码<template> <div> <mt-header fixed title="处方示例"> <a...
2020-05-28 16:55:59
3660
原创 google map 自定義
google map 官方文檔隱藏地圖默認的山川、圖標、線路等 官方文檔自定義dom層 官方文檔官方文檔2例子屏幕點(x,y)轉經緯度function latLng2Point(latLng, map) { var topRight = map.getProjection().fromLatLngToPoint(map.getBounds().getNorthEast()); var bottomLeft = map.getProjection().fromLatLngToPo..
2020-05-28 16:51:19
153
转载 Why is using “for…in” with array iteration a bad idea?
Why is using “for…in” with array iteration a bad idea?The reason is that one construct:var a = []; // Create a new empty array.a[5] = 5; // Perfectly legal JavaScript that resizes the array.for (var i = 0; i < a.length; i++) { // Ite...
2020-05-28 13:50:43
165
1
转载 iOS 唤起APP之Universal Link(通用链接)
iOS 唤起APP之Universal Link(通用链接)iOS 9之前，一直使用的是URL Schemes技术来从外部对App进行跳转，但是iOS系统中进行URL Schemes跳转的时候如果没有安装App，会提示Cannot open Page的提示，而且当注册有多个scheme相同的时候，目前没有办法区分，但是从iOS 9起可以使用Universal Links技术进行跳转页面，这是...
2020-04-16 16:05:10
1568
转载 当浏览器全面禁用三方 Cookie
苹果公司前不久对 Safari 浏览器进行一次重大更新，这次更新完全禁用了第三方 Cookie，这意味着，默认情况下，各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie，但是由于这些浏览器市场份额较小，并没有给市场带来巨大的冲击。从 2017 年截至 2019 年底， Google 面临的罚款总额已经超过 93 亿欧元，其中一大原...
2020-04-16 14:56:43
2004
1
转载 【译】网页像素追踪原理
原文地址：How tracking pixels work 作者： Julia前阵子，我花了一点时间和记者聊了聊广告商是如何在网上追踪用户行为的。我们非常愉快的在一起查看火狐浏览器的开发者工具，并在实践中学会了一些有关通过像素来追踪用户的实际工作原理。问题：FaceBook是如何知道用户访问过Old Navy的？我经常会听到这类耸人听闻的网络体验消息：用户正在网上浏览一些产品。一天...
2020-04-16 14:47:09
1407
转载 在頁面关闭时发送同步请求
有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。本文主要分两部分来讲解怎么完成退出行为的上报。1.事件监听浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。 beforeunload是在文档和资源将要关闭的时候调用的， 这时候文档还是可见的，并且在这个关闭的事件还是...
2020-04-16 14:21:03
793
原创 js馬賽克
參考1參考2參考3參考4 參考5vue實現 data () { return { // 馬賽克操作對象 mosaicObj: { canvas: '', // 畫布 ...
2019-11-08 09:56:20
186
原创 IE throws Security Error when calling toDataUrl on canvas
图片存储在本地时，是默认没有域名的，用getImageData方法时，浏览器会判定为跨域而报错！摘了一段网上的解析：1、首先没有服务器环境（如：本地的html网页，操作本地的图片），就会报"Unable to get image data from canvas because the canvas has been tainted by cross-origin data"错误。...
2019-10-25 16:01:50
246
原创 ie11 在canvas添加svg時無效
ie對svg的支持性不好我用到了canvas的fabric.js庫，發現在ie11下添加svg無效原因是ie11添加的svg圖沒有大小所以手動設置下大小後顯示正常var fimg = fabric.Image.fromURL(img.src, function(fimg) { fimg.set('top',20).set('width',50).set('height...
2019-10-25 11:37:44
599
原创 canvas庫-fabric.js
參考https://github.com/fabricjs/fabric.jshttps://blackstarxing.github.io/2019-08-17-fabric-doc.htmlhttps://github.com/vipstone/drawingboard?spm=a2c4e.10696291.0.0.41f519a4HHv3wyhttps://my.oschin...
2019-10-17 15:05:58
458
原创 移动端使用二倍图比一倍图有什么好处
因为不同的移动设备分辨率不一样，以iphone为例，我们假设你在pc上设置的是原始比例即一倍的显示，iphone6的分辨率要乘以2倍，而6+则要乘以3倍，才能在设备上显示清晰的图片。否则，你用一倍的图片适配所有机型，遇到分辨率大的设备，图片是模糊的參考文章...
2019-09-24 10:08:38
3247
原创 调用setState後未重新執行 render？
情況一shouldComponentUpdate（object nextProps，object nextState），每个组件都有这个方法，它负责确定“应该组件更新（运行渲染函数）？”每次更改状态或从父组件传递新的道具时。您可以为组件编写自己的shouldComponentUpdate方法实现，但默认实现始终返回true —— 意味着始终重新运行render函数。从官方文档引用ht...
2019-08-06 15:17:03
1852
转载 vue 项目中使用 JSX 以及 $createElement 使用方式
先说一下 element 中 Message 消息提示，MessageBox 弹框，Notification 通知组件怎么插入自定义的HTML？用 JSX 的方式怎么实现以及 vue 项目中怎么使用 JSX ？我拿 element 组件中常用的 Notification 组件举例，在项目中怎么使用 JSX 以及怎么用 $createElement.昨天用到通知消息组件，想自定义HTML放在 m...
2019-07-24 15:40:45
4572
原创 解決axios ie 下 缺少promise 墊片
參考https://github.com/axios/axios/blob/master/UPGRADE_GUIDE.md#es6-promise-polyfillhttps://stackoverflow.com/questions/35769777/axios-ie-promise-doesnt-workhttps://sharepoint.stackexchange.com/qu...
2019-06-20 15:22:43
246
原创 獲取DOM元素上所有已注册的事件侦听器
getEventListeners（）getEventListeners(domElement)为您提供一个对象，其中包含该DOM元素上所有已注册的事件侦听器。例如，如果要在按钮上引用单击处理程序，将其删除或在生产环境中的运行时中对其进行修改，则可以执行此操作。...
2019-05-14 11:54:24
3072
转载 vue-router scrollBehavior无效的问题
复制了官方示例中的scrollBehavior方法const scrollBehavior = (to, from, savedPosition) => { console.log(savedPosition); if (savedPosition) { // savedPosition is only available for popstate navigation...
2019-05-07 16:38:28
3270
1
原创 [email protected] fails to run gitbook init
TypeError: Cannot read property 'commands' of null刪除了全局安裝後 個人目錄下的.gitbook文件後 重新安裝了gitbook後執行正常參考
2019-04-26 16:20:03
449
原创 vue-skeleton-webpack-plugin類庫使用記錄
vue-skeleton-webpack-pluginvue-cli3 未实现开发阶段注入骨架屏样式若在vue.config.js开启css.extract = true开发阶段无法实现样式热加载在路由層面和首頁層面都加入骨架屏 構建的時候會報錯[Vue warn]: Property or method "_ssrNode" is not defined on th...
2019-04-17 10:00:21
470
转载 黑魔法-伪类匹配列表数目实现微信群头像CSS布局的技巧
一、不同列表数量不同布局这是群里有人问的一个问题，可能其他人也有类似需求，因此拿出来给大家分享分享。聊天软件中的群头像，或者一些书籍的分组，往往采用复合头像作为一个大的头像。可以看到，头像数目不同，布局也跟着不同。常规操作一般大家会实现类似下面的方法实现布局效果：<ul class="box" data-number="1"></ul><...
2019-04-16 18:23:46
664
原创 用 CSS (E+F)相邻选择器 設置多段兄弟元素第一個的樣式
場景是實現多段的兄弟元素的第一個添加間距 如:<c></c><a class='test'></a><a class='test'></a><a class='test'></a><a class='test'></a><b></b...
2019-04-12 14:25:34
670
转载 "_ssrNode" is not defined on the instance but referenced during render
參考參考2
2019-03-29 16:23:35
1583
转载 跨域时产生了 OPTIONS 请求
【以下是转载内容】码字很辛苦，转载请注明来自tuy博客的《XMLHttpRequest 跨域时产生了 OPTIONS 请求》一：前言对于跨域请求，一直没有采用jsonp方式，原因如下1.jsonp只支持get请求而不支持post请求,如果想传给后台一个json格式的数据,浏览器会返回一个415的状态码，告诉我们请求格式不正确，这让传输大规模数据变得繁琐。2.无法准确定位和调试...
2019-03-27 10:06:24
6225
原创 正則截取url參數
截取v參數的值1.s參數后帶&2.s參數結尾var matchReg=/([&|?]s)=[^&]*/gconsole.log('?test=test&s=we&type=long'.match(matchReg))console.log('?s=we&type=long'.match(matchReg))...
2019-02-26 09:21:54
112
原创 Cannot read property 'render' of undefined
Cannot read property 'render' of undefined 報錯, 本地和debug環境訪問正常進行了以下排查 先查看了其他業務 訪問正常 排除全局性錯誤推斷應該是引入組件的問題 斷點查看各個步驟下scope 發現了某個組件缺少模塊導出 參考https://stackoverflow.com/questions/51021348/cannot-set-pr...
2019-02-22 11:58:50
14009
转载 分享到 Line 會遇到的問題整理
一、為何 Line 無法顯示縮圖？1. 以前的 Line根據我的使用經驗，以前 Line 為了節省伺服器運作成本，應該是直接用 FB 的 API 來抓縮圖資料。因為以前分享到 FB 會產生的縮圖，跟分享到 Line 產生的縮圖，基本上是一致的。這樣的話，當文章沒有「正確設定 FB Meta 標籤」時，分享到 FB 不一定能產生縮圖，那麼連帶的 Line 也就無法產生縮圖了。另外必須參考「...
2019-01-18 17:28:45
2021
转载 关于用户刷新页面或直接关闭页面、浏览器时向后台发送请求的解决方案
用户退出登录时需要修改数据库的登录状态。画面上给了用户“登出”按钮，用于退出登录，跳转至登录画面，这样可以及时向后台发送请求，来修改数据库的登录状态。虽如此，有的用户还是习惯于直接关闭画面，或者浏览器，这个时候原来用axios向后台发送登出请求的方式就行不通了。于是乎，只能换别的招了，残念！最终调查总结出两种方法，亲测有效，就做此记录。1、jquery引入jQuery，使用ajax发送同步...
2019-01-14 11:19:31
1911
转载 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents
npm notice created a lockfile as package-lock.json. You should commit this file.npm WARN [email protected] had bundled packages that do not match the required version(s). They have been replaced with n...
2018-12-12 10:57:07
3207
转载 （按位取反）运算的理解
（按位取反）运算的理解：按照我平时的理解，当我使用~按位取反运算的时候，计算机会将操作数所对应的二进制表达式的每一个位进行取反计算，取反后所得到的值就是~按位取反的运算结果（这点没问题）例如，假如我的计算机是32位的，我接下来要计算~5的值，计算过程如下：5 的二进制表达式为：0000 0000 0000 0000 0000 0000 0000 0101执行~运算，即~5后: 11...
2018-12-11 09:46:58
57802
14
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人