e起飞young
一个前端码农的技术博客
使用rem布局(js动态改变根字体大小),兼容pc端,设计稿750px <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <meta name="keywords" content="关键字"/> <meta name="description" content="描述"/> <!--360浏览器渲染模式优先级:极速/ie兼容/ie标准--> <meta name...
angularJS系列:基础篇
[ 2017/05/11, 2671阅, 1评 ]
1.日期格式化 13位时间戳(毫秒为单位的直接格式化) {{1423130269432 | date:'yyyy-MM-dd HH:mm:ss'}} 10位时间戳(秒为单位的需要×1000转为毫秒再格式化) {{1438668006*1000 | date:'yyyy-MM-dd HH:mm:ss'}} 2.截取字符串 在HTML的模板绑定中:{{ limitTo_expression | limitTo : limit : begin}} In JavaScript:$filter('limitTo')(input, limit, begin) 栗子: ...
某日被告知某个系统在低版本火狐浏览器打开时一片空白,要求尽快修复,于是卸载本机firefox,安排上表现异常的版本Firefox 42.0,打开目标系统果然一片空白,然后打开控制台,发现提示如下: SyntaxError: let is a reserved identifier 嗯,看提示是低版本还不支持let语法,按照经验转成 var 就行,于是给安排上babel-polyfill再加上各种转换折腾了一上午,无果emmm,,, 嗯,看来还是想当然了(手动捂脸)。于是换个思路,从抛错点入手,从控制台中打开抛错的文件,发现该function有添加"u...
愉快滴抓取链家地图找房中的商圈
[ 2020/08/28, 1401阅, 0评 ]
首先,将自定义的监听xhr事件的方法override原本的XMLHttpRequest(from:分享JavaScript监听全部Ajax请求事件的方法) (function () { if (typeof window.CustomEvent === "function") return false; function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var ...
webpack-bundle-analyzer插件用以分析webpack打包之后的结果,在vue-cli3之前是集成到scripts中,然后直接执行命令就行,而在vue cli3中用vue create创建的项目木有这个插件的命令了,查阅官方文档发现这个文档仍然是被集成的,只是需要我们在有需要的时候自己添加相关参数。 官方默认的命令是这样的: { "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" } } 那么我们可以执行n...
1、canvas转换为dataURL (从canvas获取dataURL) var dataurl = canvas.toDataURL('image/png'); var dataurl2 = canvas.toDataURL('image/jpeg', 0.8); 2、File对象转换为dataURL、Blob对象转换为dataURL File对象也是一个Blob对象,二者的处理相同。 function readBlobAsDataURL(blob, callback) { var a = new FileReader(); a.onload = ...
vue cli3多页面与cdn配置vue.config.js示例
[ 2020/05/07, 1453阅, 0评 ]
官方配置说明 https://cli.vuejs.org/zh/config/#pages const isProduction = process.env.NODE_ENV === 'production' const isDevelopment = process.env.NODE_ENV === 'development' const cdn = { dev: { css: [ 'https://cdn.jsdelivr.net/npm/element-ui@2.10.1/lib/theme-chalk/index.c...
项目中有类似需求:列表进详情,详情再返回列表,列表保持之前的状态,而其他页面进列表则重新渲染。 结合项目实际情况,最终实现方法:结合beforeRouteEnter和beforeRouteLeave钩子然后用keep-alive做缓存。 有关keep-alive的作用及使用方法本文将不再赘述(详见官方文档) 栗子如下,父组件: <template> <div id="app"> <keep-alive :include="cachedPages"> <router-view /> <...
js与android或ios交互前端部分
[ 2019/04/08, 2111阅, 1评 ]
与android交互 android端将方法挂载到webview上,js直接调用即可,如:android.forWeb(params) 与ios交互 js调用ios提供的方法:window.webkit.messageHandlers.方法名.postMessage(参数)  注意:“参数”允许类型为NSNumber, NSString, NSDate, NSArray, NSDictionary, and NSNull,如果不需要传参,那么“参数”也要写作null,否则有坑。 提供给android或ios的webview...

搜索