js
gaoqiang1112
转前端了
展开
-
uni 拉起其他app 实例
openApp(){ //#ifdef APP-PLUS if (plus.runtime.isApplicationExist({ //查看安卓系统手机有没有下载这款app pname: 'xxxxxx', //B款app云打包的包名 })) { //安装了app plus.runtime.launchApplication( {//打开app2 pname: 'xxxxxx' //B款app云打包的包名 .原创 2021-07-23 16:21:13 · 405 阅读 · 0 评论 -
h5混合开发 与app 交互方法
安卓安卓相对简单 因为 安卓可以获取到我们h5页面内的window对象所以// h5 调用安卓方法window.discovery.gotoLogin(); // window.x.y (x类名,y方法名)// 安卓调用h5方法h5 只需要在 js中声明 方法即可 安卓即可调用function login(){} iosios 我这里分为2版本// ...原创 2020-04-16 12:28:50 · 59981 阅读 · 0 评论 -
团队人员按模块在不同分支开发时 如何 动态获取路由 保证项目正常运行
这里的问题 就是 比如a员工在 t1分支上开发 登录注册模块b员工在 t2分支上开发 商品模块c员工在 t3分支上开发 我的模块那么 test分支 会不停的merge 这 t1 t2 t3的分支这里有一个点 正常 我们项目的路由 都写在 一个文件里 然后 里面会 import 我们对应 view下的 vue文件那如何保证 a b c 3个员工开发项...原创 2020-04-02 14:36:39 · 155 阅读 · 0 评论 -
vue 子 父组件 传值 总结 兄弟组件传值总结
vue 中 兄弟组件如何传值呢可能大家都回答的是eventBus 其实就是 利用一个js文件再new 出一个vue对象 然后进行 emit 和on 的触发与监听但其实 我们有更简单的方法第一种a组件 点击按钮 利用 emit 触发 名叫 cl2c2的监听 传输的值为 ‘哈哈哈哈’b组件 mounted阶段 组件b利用 $on 监听 cl2c2 方法 接收 值...原创 2020-04-02 12:33:18 · 343 阅读 · 0 评论 -
w万条接口数据下 如何优化vue 接值 及赋值
正题 如果你请求一个接口 接口返回数据为10000条 那么 如何 将这1w条数据赋值给vue变量呢如果你测试过 你会发现 一个 装有2000个json对象的数组 赋值给vue的data属性时 屏幕会出现卡顿出现卡顿的原理也是因为 vue 会对赋值对象 动态添加set get方法 这也是vue 双向绑定的原理 那么我们如何优化这个问题呢这里引入个知识点vue2...原创 2020-04-01 16:15:16 · 933 阅读 · 0 评论 -
js 变量及作用域经典面试题
function Foo() { getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = function () { alert (3);};var getName = function () { a...转载 2020-03-30 13:05:37 · 1245 阅读 · 2 评论 -
nodejs 使用调用graphql接口(不是写服务端,而是调用接口)
百度上 都是用 node 做服务端 写graphql接口 供给前端使用这里博主考虑 如果 用node框架 做服务端调用服务端的graphql接口 那么如何写呢所以 还是会有这种需求的第一步 下载包 博主第一次的时候 下了很多包 后来发现有个包里面包含了这些常用的 所以 只需要下2个yarn add apollo-boost graphql -S然后我把 gr...原创 2019-12-04 15:22:00 · 1761 阅读 · 2 评论 -
vue 如何使用graphql? node.js如何使用graphql? node框架 egg 如何使用graphql?
说明 本文中 vue+node 均基于的 apollo.js使用 vue 是在apollo基础上 封装了一个 vue的组件 方便使用vue 使用 graphql1下载依赖包npm install --save vue-apollo graphql apollo-client apollo-link apollo-link-http apollo-cache-inme...原创 2019-10-31 13:20:40 · 583 阅读 · 0 评论 -
js 防抖 节流处理 应用场景
防抖应用场景 :1 百度联想查询 : 百度搜nike 会等你输入完nike后 页面跳转 不是你输入完n就立刻给你查询结果2 页面滚动特定距离 显示【返回顶部按钮】3 页面resize 触发事件代码HTML<input type="text" id="unDebounce">JSfunction ajax(content) { c...原创 2019-10-21 10:26:25 · 714 阅读 · 0 评论 -
ios h5页面 滚动条 自定义滚动条 兼容fullpage swiper 处理
https://www.chengrang.com/ios-scrollbar.html我是用这个成功的前提 认真阅读fullpage的apihttp://fullpage.81hu.com/如果你觉得我帮到你了,买个肥宅快乐水,怎么样?哈哈哈哈哈哈...原创 2019-08-14 14:41:52 · 1722 阅读 · 0 评论 -
easy-mock 本地搭建 (高级版 针对redis及mongodb有账号密码处理)
=====================================2019.7.26追加=====================================高潮来了 网上所有关于easymock本地搭建的 都没有讲到 如果遇到带有密码的redis和mongodb 如何处理 这里我来教一下吧本文最下面 我已经放了 redis 和mongodb 设置账号密码的指令 如果不全的...原创 2019-07-26 10:51:32 · 2471 阅读 · 5 评论 -
vue 脚手架 elementUi element-ui 兼容 ie 360 急速/兼容模式 完美处理
直接上干货如果你用vue的脚手架弄的项目 那么恭喜你 要改的 也并不多 如果 是自己搭建的框架 那么 请滤清框架结构后 按我的方法操作即可1 引入babel-polyfillnpm install babel-polyfill --save2 src下 mains文件import 'babel-polyfill'3 build文件夹下web...原创 2019-07-16 17:51:35 · 12749 阅读 · 10 评论 -
css 隐藏滚动条 ios中长按不选中页面内容兼容input可以正常输入
1 隐藏掉滚动条.diTuPage::-webkit-scrollbar { width: 0 !important }.diTuPage { -ms-overflow-style: none; }.diTuPage { overflow: -moz-scrollbars-none; }2 ios中长按不选中页面内容*{ -webkit-touch-callout:none...原创 2019-06-21 17:32:12 · 312 阅读 · 0 评论 -
前端js 精选 面试题 分享给你们
1. 下面代码的输出是什么?functionsayHi(){console.log(name);console.log(age);varname="Lydia";letage=21;}sayHi(); A:Lydia和undefined B:Lydia和ReferenceError C:Reference...转载 2019-06-17 10:45:20 · 282 阅读 · 0 评论 -
手机app端 移动端 禁用页面滚动的方法
禁止滚动document.body.addEventListener('touchmove', this.handler, {passive: false});document.body.addEventListener('wheel', this.handler, {passive: false});移除禁止滚动document.body.removeEventListener('...原创 2019-05-22 16:01:46 · 1109 阅读 · 0 评论 -
前端路由实现spa的原理
写在前面:通常 SPA 中前端路由有2种实现方式:window.history location.hash下面就来介绍下这两种方式具体怎么实现的一.history1.history基本介绍window.history 对象包含浏览器的历史,window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法,它有几个原始方...原创 2019-03-26 16:25:26 · 413 阅读 · 0 评论 -
js 数组操作
本文主要从应用来讲数组api的一些骚操作,如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。上面这些应用场景你可以用一行代码实现吗?1.扁平化n维数组1.终极篇[1,[2,3]].flat(2) //[1,2,3][1,[2,3,[4,5]].flat(3) //[1,2,3,4,5][1[2,3,[4,5[...]].flat(Inf...原创 2019-03-22 09:37:10 · 176 阅读 · 0 评论 -
禁止页面滚动的方法
//禁止滚动条滚动function unScroll() { vartop = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); }) }//移除禁止滚动条滚动function...转载 2019-03-04 18:02:32 · 650 阅读 · 0 评论 -
js+css 实现类似安卓Android CollapsingToolbarLayout 的折叠Toolbar 类似滴答消息页面title折叠效果
最近我们的产品看上了 滴答app==>消息页面的头部滑动样式然后 安卓有CollapsingToolbarLayout 组件 只需要修改参数即可完成 ios 10以后也有对应的组件可以直接完成此功能只有js没有 在百度搜索许久 未找到 一点有关的信息 都没有找到 最后只能自己写了实现思路1:最开始想到的就是css3的 transform里的translate ...原创 2019-02-21 08:44:48 · 313 阅读 · 0 评论 -
如何给网页添加等待是的过度效果
先在你的页面上加载这个js 这个是你自己写的 代码自上而下执行 会优先加载这个然后在这个js里写当然 这一切 都是为了给你想显示的那个动图一个排版 核心1 在document.write()上 是把上面的html代码写在页面 这样能优先显示他核心2这段代码表示 一直监听网站的状态 上面completeLoading()方法是在页面状态改变是触发的方法而下面的方法是检测 当页面的状态(docu...原创 2018-02-09 12:02:45 · 556 阅读 · 0 评论 -
利用iframe测试进入网站的速度
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>计算页面加载时间</title> <script src="js/jquery-2.2.4.min.js" type原创 2018-03-01 09:04:39 · 736 阅读 · 0 评论 -
用js实现语音输入
转载请注明原文地址:http://blog.csdn.net/ls0609/article/details/73920229olami开放平台sdk除了支持语音识别功能外,更强大的在于支持语义理解功能,在android平台和ios平台都有示例demo供大家下载。语音在线听书demo:http://blog.csdn.net/ls0609/article/details/71519203语音记账de...转载 2018-03-02 11:41:55 · 11620 阅读 · 2 评论 -
js可视距离总结
JQuery监听页面滚动总结1、当前滚动的地方的窗口顶端到整个页面顶端的距离: var winPos = $(window).scrollTop();2、获取指定元素的页面位置: $(val).offset().top;3、对页面滚动条滚动的监听:要放在页面加载的时候 $(window).scroll(function(event){ });4、设...原创 2018-03-24 10:50:50 · 536 阅读 · 0 评论 -
es6语法变化(二)
在 30分钟掌握ES6/ES2015核心内容(上)我们讲解了es6最常用的一些语法:let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments俗话说打铁要趁热,今天我们继续讲es6其他几个非常有用的新特性。import export这两个家伙对...转载 2018-03-27 10:15:49 · 179 阅读 · 0 评论 -
es6语法变化(一)
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6,但为了看懂别人的你也该懂点ES6的语法了...在我们正式讲解ES6语...转载 2018-03-27 10:14:22 · 353 阅读 · 0 评论 -
wow2带可循环的源码
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[functi...原创 2018-03-27 17:06:33 · 249 阅读 · 0 评论 -
vue项目创建及利用axios跨域
由于有另外一篇很详细的博客 所以这篇就挑选主要和精华的操作记录 方便那些想快速学习的人看1.先下载vue-cli npm install -g vue-cli 如果没有npm 请先去安装node 里面包含的npm2.vue init webpack myvue 创建webpack版本的项目 然后根据需求选择 我这里vue-router选择的y 后面的验证...原创 2018-03-28 17:06:25 · 4532 阅读 · 0 评论 -
前端利用numeral处理数字和时间格式化
最近在写页面输入数字的验证规则 也是我们常遇见的 比如不允许输入字母,小数点 不允许0开头的数字,不允许输入e等等验证规则之前还在繁琐的自己写代码验证 包括正则现在可以利用 numeral去处理这个东西了使用场景分为静态页 和node.js中静态页 引入numeral方式<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1...原创 2018-04-11 15:54:53 · 6151 阅读 · 0 评论 -
addEventListener和attachEvent的关系
attachEvent与addEventListener的作用:为某一事件附加其它的处理事件。网上普遍都是说attachEvent用于非Mozilla系列,addEventListener用于Mozilla系列。(Mozilla系列在浏览器而言,即指火狐浏览器,本人认为也可以指支持w3c标准的系列浏览器)下面进行实锤论证:<!DOCTYPE html><html><...原创 2018-04-13 16:38:59 · 193 阅读 · 0 评论 -
如何使用mock
mock大法好mock是一个模拟数据生成器,旨在帮助前端独立于后端进行开发,帮助编写单元测试。mock有如下功能根据数据模板生成模板数据模拟ajax请求,生成请求数据基于html模板生成模拟数据下载安装npm install mockjs//使用mockvar Mock = require('mockjs');var mcok = Mock.mock({ ...})mock的语法m...转载 2018-05-09 16:48:19 · 17329 阅读 · 0 评论 -
egg 接值 传值
接值get 方式 ?后面拼参的 在egg的controller 里 this.ctx.query例如 /a/b?c=123 this.ctx.query.c 就是123post方式 在egg的controller里 this.ctx.request.body例如 post方式{a:123} ...原创 2018-04-27 14:46:08 · 1179 阅读 · 0 评论 -
vue服务端渲染ssr 报错 window is not definded解决
多数是因为服务端渲染 页面是又后台路径跳转过来的 此时页面还没有渲染出来 所以window对象还没有诞生但是你的用的各种第三方js文件 有很多都使用了window所以我们通过vue的生命周期函数去判断window对象 其实此时加不加载并不影响添加判断即可// 引入需要window的外置jsif (typeof window !== 'undefined') {...原创 2018-06-13 15:45:42 · 19831 阅读 · 6 评论 -
js jq 如何获取文本节点
获取元素文本节点的方法网上有好几种,我对比了用其中最简单的一种1、jquery获取<div id="demo">只获取我<a href="">别管我</a></div>var a = $ ("#demo").prop ('firstChild').nodeValue;console.log(a);1、js原生获取<div...原创 2018-09-29 17:55:27 · 8783 阅读 · 0 评论 -
ios下iframe中fixed定位失效 完美替代方案 并可在iframe里做上拉加载这种操作
======================================2019-1-23更新=========================================楼主这里要纠正一个问题 下面的干货 再实测的时候发现 底部会出现大概4像素的白边 这个东西 楼主找了很久最后 只能 笃定 是 因为 css 的calc的计算 用百分比减去px的时候 会出现误差 就...原创 2018-12-27 14:40:23 · 2232 阅读 · 0 评论 -
如何安装cnpm
npminstall -g cnpm --registry=https://registry.npm.taobao.org原创 2017-09-04 14:51:46 · 732 阅读 · 0 评论