javascript.js
文章平均质量分 59
javascript.js
JovanDong
淡中安生 静中生长
展开
-
网易七鱼客服对接记录以及Vue项目里使用
网易七鱼客服对接记录之前是腾讯客服,因为业务关系,变更到七鱼,所以在这里记录一下1.第一步去http://help.qiyukf.com/官方注册一个账号2第二步找到自己需要的业务,我的是现在系统人工客服官方提供的文档是两种,我的是自定义7鱼客服入口属于异步加载。所以我的代码是第一种。<script> (function (w, d, n, a, j) { w[n] = w[n] || function () { (w[n].a = w[n].a |原创 2020-11-17 10:59:26 · 2530 阅读 · 4 评论 -
pdf H5 适用于(vue)
之前记录过一篇查看pdf的npm方法,但是在移动端去查看,翻页去加载的时候会出现卡顿,发现pdfh5用户体验会更加友好。推荐一下:import Pdfh5 from "pdfh5";export default {name: 'App', data() { return { pdfh5: null }; },mounted()...原创 2020-04-21 14:03:28 · 2207 阅读 · 0 评论 -
vue h5 页面标题,页面数据缓存问题
问题描述:每个页面的title更改路由:h5部分页面不需要数据缓存import Vue from 'vue'import Router from 'vue-router'Vue.use(Router);const myComponents = { Login: r => require.ensure([], () => r(require("@/vie...原创 2020-04-14 13:42:43 · 612 阅读 · 1 评论 -
H5页面,调用软键盘搜索功能和关闭软键盘
需求:搜索功能,要求使用手机软键盘弹起搜索<form action="" @submit.prevent="search"> <input class="search-input" type="search" placeholder="搜索姓名、身份证号、工厂名称" v-model="searchVal"></form>type=sear...原创 2020-04-12 18:40:37 · 1524 阅读 · 0 评论 -
JavaScript(2) 类型、值和变量
JavaScript的数据类型分为两类:1.原始类型(primitive type)和对象类型(object type)原始类型里面包括:1.字符串 2.数字 3.布尔值 4.null 5.undefined对象(object)是property的集合,每个属性都由'名/键值对'。其中一个比较特殊的对象是全剧对象--global object.普通的javascript对象是...原创 2020-03-29 11:03:10 · 221 阅读 · 0 评论 -
javascript(1)词法解构
学习需要有扎实的基础,疫情期间我想从头再来过。原创 2020-03-15 01:15:25 · 198 阅读 · 0 评论 -
手机前端开发调试利器 – vConsole
我们在开发手机版网页的时候,常常会出现下面的情景:(1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log;(2) 上线后,某用户表示页面失灵,但我们自己又重现不出来,看不到用户侧的出错信息。如果说(1)还可以通过电脑连接手机以查看log来解决,那(2)在没有完善的前端上报体系时就非常被动了。作为开发者,我们的诉求很简单:有没有快捷的方法在手机前端页面看到...转载 2018-06-26 15:45:32 · 458 阅读 · 0 评论 -
H5 vdeio 安卓端播放不了 记录
1.ios ,手机端都是可以正常播放2.安卓端和网页无法点击播放1)动态加载视频的时候,需要给video一个ref,通过 this.$refs.videos.src来获取url地址2)或者直接加一个src在video上记录一下 ...原创 2019-01-16 17:45:20 · 689 阅读 · 0 评论 -
通过JS唤醒app(安卓+ios)
有需求说要通过页面按钮唤醒app,或者手机上没有这款app跳转到商店,然后刚开始也是查了资料的,结果发现一头雾水,不过最后还是捣鼓出来了,当然也参考了前人分享的经验,下面我就将方法整理一下:首先明确一下目的,是要在分享出去的html页面,通过js操作唤醒app或者打开商店,那么第一步就应该先判断当前的环境,这里我附上详细的判断方法,通用的var browser = {vers...原创 2018-12-26 11:36:20 · 1078 阅读 · 0 评论 -
H5 做分享页面 安卓,ios,唤醒js
这几天做一个安卓和ios分享页面:1. 微信内置浏览器是禁止安卓ios唤醒功能的,微博也是,所以需要执行其他浏览器打开的操作;(可以做一个引导页)2.和安卓和ios协商好唤醒接口function awaken(sourceType, obj) {// 判断浏览器var Navigator = navigator.userAgent;var ifChrome = N...原创 2018-12-27 15:18:00 · 593 阅读 · 0 评论 -
vue-touch在ios上无法上下移动的问题
添加一个:swipe-options="{direction: 'horizontal'}"<template> <div class="experts-wrapp iosScroll"> <div class="experts-content"> <new-gifts></new-gifts原创 2019-03-16 20:22:33 · 1705 阅读 · 2 评论 -
codeMirror编写属于自己的编辑器
codeMirror是一款十分强大的代码编辑插件,提供了十分丰富的API,codeMirror调用非常方便首先在页面中载入插件CSS及JS文件<link href="/static/codemirror/lib/codemirror.css" rel="stylesheet" ><script src="/static/codemirror/lib/codemi...原创 2019-03-01 16:33:35 · 1056 阅读 · 2 评论 -
js判断客户端是否是IOS或者是Android,pc
js判断客户端是否是IOS或者是Android//如果返回true 则说明是Androidfunction is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { re...转载 2019-01-18 18:07:41 · 212 阅读 · 0 评论 -
几款百度地图 js比较
因工作需要,最近研究几款关于地图的JS插件,现与大家分享一下。以下比较只是浅层次的分析一下,并没有实际通过项目检验,所以不足之处还请大家指出。地图插件对比 插件名 简介 区域支持 扩展性 离线支持 多浏览器支持 优点 缺点 jVectorMap 国外一款显示矢量地图的jQuery插件。 世界、全国、省 弱 支持...转载 2019-01-07 15:48:30 · 472 阅读 · 0 评论 -
Swiper 点击事件 a链接失效
最新写了一个新的响应式网站,里面用到了swiper 组件1.初始化Swiper var mySwiper = new Swiper('.swiper-container', {loop: true, // 循环模式选项preventClicks: false,autoplay: {delay: 3000,stopOnLastSlide: false,disableO...原创 2019-01-03 11:11:31 · 3677 阅读 · 0 评论 -
判断浏览器基本方法
function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return "Opera" }; //判...原创 2018-12-28 15:40:03 · 414 阅读 · 0 评论 -
前端构建工具gulp超详细配置, 使用教程(图文)
流程1. 输入命令(可以使用git bash或者命令控制台cmd) npm install -g gulp安装全局gulp命令2. 创建一个项目文件夹, 当前项目文件夹下输入命令npm init 配置package.json文件, 这一部分看情况自己决定是否填, 不想填也可以, 直接按回车 当前项目文件夹下输入命令npm install gulp --save-dev全局安...转载 2018-11-12 11:11:34 · 167 阅读 · 0 评论 -
Gulp 详细教程
Gulp 详细教程,各种注释 和步骤都有,请大家详细阅读并且实践,祝愿你们都走出 刀耕火种的时代,进入自动化!简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器, 她能...转载 2018-11-12 10:35:07 · 268 阅读 · 0 评论 -
Ajax serialize()提交form表单不能上传file类型怎么办?
2018年01月03日 16:02:31 Wikey丶 阅读数:2514 标签: ajax jquery 表单 更多个人分类: web开发之行 前端艺术修炼 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/NTSDB/article/details/78962262前台form表单的提交方式有很多种,例如: 1. form表单...转载 2018-09-25 16:15:01 · 707 阅读 · 0 评论 -
JavaScript中运算符的优先级
运算符优先级JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如,乘法的执行先于加法。下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。运算符 描述 . [] () 字段访问、数组下标、函数调用以及表达式分组 ++ -- - ~...原创 2018-08-17 09:48:15 · 505 阅读 · 0 评论 -
前端多语言切
前端开发中的多语言切换,可使用js动态替换内容1、在用户点击切换语言后,把选择的语言版本保存在cookie中//写入cookie函数function setCookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1...转载 2018-07-20 10:38:36 · 573 阅读 · 0 评论 -
echarts 实现环形渐变
需求: 环形图是 echarts 中 pie 图的一个变种,echarts 官方对于 pie 图的颜色渐变只支持两种:linear 线性渐变与 css 3 的 Linear Gradients 相似,即向下/向上/向左/向右/角度方向渐变,类似与射线radial 镜像渐变与 css 3 的 Radial Gradients 相似,即从圆心向外一圈圈渐变...原创 2018-06-22 11:04:19 · 16763 阅读 · 2 评论 -
简单的起一个http服务(拖拽文件,外加一行命令)
今天,在群里有个妹子,使用了vue的官方cli去搭建了一个项目,之后打包后想看一下静态资源的路径,然后问我,怎么报错了?报错代码:她的文件配置:起初,我以为是路径的的问题,最后和她交流,我问他服务起了吗??才知道她是在本地跑的,其实和大多数人一样,一开始的时候,只是会有很多盲点,会犯错,交流之后,他说有apache服务器,我说也可以的,但是不知道是不是她环境配置问题,还是404,索性,我就给她一个...原创 2018-06-19 16:40:12 · 639 阅读 · 0 评论 -
简单几个步骤学会Charles抓包(iOS的http/https请求)
最近在调试app,想看一下抓包情况,感觉这篇介绍还是很详细的,整合一下,也做个备份!Charles安装HTTP抓包HTTPS抓包1. Charles安装官网下载安装Charles:https://www.charlesproxy.com/download/2. HTTP抓包1)查看电脑IP地址(2)设置手机HTTP代理手机连上电脑,点击“设置->无线局域网->连接的WiFi”,设置HT...原创 2018-06-13 14:05:42 · 288 阅读 · 0 评论 -
带左右切换的简单的轮播
前言 :好久没有写东西了,最近帮朋友写了一个官网的静态页面,才发现,自己写代码的速度又慢了,10个页面写了一天,所以自己还是要多学习,多学习,多学习,和看到这篇文章的各位共勉!原创 2018-06-04 10:19:44 · 1103 阅读 · 2 评论 -
【转】通过UserAgent判断智能手机(设备,Android,IOS)
最近一直在升级公司的手机站点,出了个触屏版专用的,做好后,就尝试通过 Agent 来判断相应的智能手机设备,然后跳转到新的手机站点经过不懈的努力,终于搜集了比较全的 智能设备 的 Agent,然后又写了程序,直接上代码吧,希望能帮助到你[html] view plain copy print?///<summary> /// 根据 Agent 判断是否是智能手机 ///</s转载 2017-07-19 15:05:31 · 5970 阅读 · 0 评论