自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(143)
  • 资源 (11)
  • 收藏
  • 关注

原创 整理收集前端常用的一些代码段

文章目录判断多个时间区间是否有交叉A追逐B(点A向点B靠近)获取随机数区间角度b趋向角度a简单的碰撞检测el中是否包含classname判断el上有没有className,有的话就移除,没有的话就添加上xpath获取单个elementxPath获取element集合父节点parent中是否存在子节点 child隐藏element获取一个元素内的所有图像添加一个元素的事件侦听器移除一个元素的事件侦听器在给定元素上触发特定事件,且可选传递自定义数据确认指定元素是否在视口可见获取当前页面的滚动位置平滑滚动到页面顶

2021-06-19 16:10:33 102

原创 vux scroller在iOS13上,一停止滑动就跳到顶部

今天客户反馈的问题,说在最新版的iOS上(iOS13),滑动列表,滑完就会跳到顶部,然后去查了下vux的文档,没有解决办法,百度了一大堆,也没有相关问题,只能看下源码到底是哪除了问题。bug出现的原因:经过一层层的查找,终于发现是ios13上面获取transform的结果跟老版本的结果不一样// 老版本:'matrix(1, -2.4492935982947064, 2.44929...

2019-10-11 15:45:25 10089 26

原创 h5打开APP,如果未下载跳转下载页,如果已下载唤醒APP

安卓:h5唤醒安卓:安卓配置:构件intent字符串:intent:myhost // 特定的schema uri,例如login表示打开app 原生登陆页#Intent; package=com.lcp.testweb; // apk信息 action=android.intent.action.VIEW;

2021-09-17 17:17:15 17

原创 在uni-app里使用tv-focusable打包apk时报错如何解决

很多小可爱反应使用uni-app框架集成tv-focusable进行开发,打包成apk的情况下会出现如下错误, reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read propert

2021-08-26 21:08:59 55

原创 v-inline-date,类似携程,飞猪,带价格的时间选择

vue-select-date安装使用选择日期安装npm i -S vue-select-date使用<selectdate :startDate="startDate" :endDate="endDate" :current="current" :dateJson="dateJson" :dateType="dateType" @selectDate="selectDateEvent" ></selectdate><scri

2021-07-08 11:30:06 59

原创 html打包成APP,h5打包成apk,浅显易懂!

1.创建项目2.选择app类型3.创建好项目后,除了manifest.json,其它文件可以全删,然后把自己的H5项目文件全 部复制过来。4.生成图标选择一个图片文件后点自动生成;5.模块配置 把不需要的模块全去掉,否则会申请不必要的权限6.打包apk根据需要自行选择,如果仅是测试,上面的配置就行了。...

2021-07-01 20:44:31 125

原创 uni-app 自带的picker封装一个日期-时间选择器

首先看下最终效果安装dayjsnpm i -S dayjsimport dayjs from 'dayjs';// 设置数据const dateArr = []for(let i = 0;i<50;i++) { // 默认50天 const itemDate = dayjs().add(i,'day'); const d = itemDate.day(); let week = ''; if(d === 0){ week = '日' } if(d === 1){ week =

2021-06-16 11:26:29 388

原创 phaser

phaser常见的资源资源加载回调事件显示对象**Image****Sprite****Text****Graphics**常用显示对象属性Phaser中的显示对象容器组的创建Phaser如何渲染显示对象camerastate (类似vue中的router)state使用方式state实现多页面原理state生命周期与工作原理动画补间动画帧动画注意:在Phaser只有一个game对象常见的资源图片imagegame.load.image('logo','/xxx.png');规则图集spr

2021-06-12 16:53:30 54

原创 vue,uni-app双向滑动,小程序,区间slider,range

简介有些项目涉及到价格选择,需要用到区间滑动,s-region-slider是基于uni-app开发的slider, 脱离了原生的slider,使用纯view+css+js开发的插件;兼容说明s-region-slider 在pc、H5-mobile、微信小程序、支付宝小程序、字节跳动小程序均已测试通过,其他平台没做过测试,如使用的时候碰到问题,可提出反馈,作者会及时调整。导入import sllRegionSlider from '@/pages/s-region-slider/s-region

2021-05-20 15:01:29 313

原创 判断当前环境(PC/mobile/微信/企业微信/微信mobile/微信pc/企业微信mobile/企业微信pc)

1.在static文件夹下面新建一个environment.js文件,2.文件里面定义一个全局的公用的变量3

2020-11-24 10:09:01 489

原创 vue-cli3项目改造成nuxt

先用官方的命令,新建一个nuxt项目npm init nuxt-app <project-name>由于我们使用自己的axios所以不选择@nuxt/axios建好后,目录如下现在我们为了保持和vue的风格类似,所以需要改造下改造目录在根目录新建src文件夹,将文件夹都剪切到src中,如下图配置nuxt.config.js在nuxt.config.js 文件中添加 srcDir: “src/”,这样,目录就调整好了。配置eslint将原先项目里面的eslint里的

2020-11-19 15:14:22 1163

原创 WebSocket

var ws = null; var alltime = 60 * 5; // 5分钟 var onResult = false; fxWebsocketOPen(); // 初始连接 var wTimer = setInterval(function() { // 一秒钟后查看是否连接成功,如果连接成功就关闭定时器 if(onResult) { clearInterval(wTimer); return; } console.log('连接失败,重新发起连接'); .

2020-11-10 15:03:38 79

原创 focusablejs

tv-focusable 是适用于在 TV 端进行网页开发时管理焦点移动的框架,以最简洁的 Api 让前端网页开发就像 android 开发一样自动管理焦点。

2020-11-02 14:14:16 356

原创 ng-tv-focusable

文章目录简介下载动图项目中使用1.设置元素可获取焦点2.设置焦点的样式3.指定焦点移到到某一个元素上4.自定义焦点移动其它1.提一下初始化2.局部滚动(setScrollEl/resetScrollEl)3.监听焦点状态4.重置单个配置5.清除所有配置并恢复到默认配置6.所有可配置项案例源码请戳这里简介tv-focusable 是适用于在 TV 端进行网页开发时管理焦点移动的框架,以简洁的 Api 让前端网页开发就像 android 开发一样自动管理焦点。下载npm i ng-tv-focusabl

2020-11-02 13:01:21 299

原创 react-tv-focusable

文章目录简介安装使用方法使用说明,react-tv-focusable一共有以下几个方法;initgetElementByPath(string)requestFocus(el, isAnimation);setScrollEl(el) / resetScrollEl();reset自定义事件注意事项1.需要等到页面渲染完,才能获取到element2. $tv.resetXXX();所有可配置项案例源码请戳这里简介react-tv-focusable 是适用于在 TV 端进行网页开发时管理焦点移动的框架

2020-11-02 10:54:55 634 9

原创 vue-tv-focusable

文章目录简介下载使用1.设置元素可获取焦点2.设置焦点的样式3.指定焦点移到到某一个元素上4.自定义焦点移动其它1.提一下初始化2.监听焦点状态简介tv-focusable 是适用于在 TV 端进行网页开发时管理焦点移动的框架,以最简洁的 Api 让前端网页开发就像 android 开发一样自动管理焦点。下载npm i tv-focusable使用1.设置元素可获取焦点<div v-focusable>可获取焦点的元素</div><div>不可获取焦点的

2020-10-13 09:20:54 2597 26

原创 vue给div添加自定义的v-on事件,非组件

vue通常都是在父子组件中,v-on和emit配对使用,我们都知道v-on:click是可以直接使用的.如下:<div @click="getNumber"></div>那如果,我想加个@left事件(如下),按键盘的左箭头的时候打印一个随机数,需要怎么做呢?<divref="left"@left="getNumber">left</div>methods: { getNumber() { console.log(Math....

2020-09-29 16:38:02 1606

原创 vue-cli3 使用cdn减小打包体积

拿element-ui为例吧;安装element-ui后打包出来的体积为800多kB,即使使用了官方的按需加载,打包下来的体积也有700kB为了减小打包体积我们可以使用cdn引入模式注意:因为Element依赖Vue,vue.js需要在element-ui之前引入,所以vue.js也要改为cnd的引入方式负责会报错index.html引入<head> <meta charset="utf-8"> <meta http-equiv=".

2020-08-14 14:47:50 1183

原创 vue-cli3 多入口,多环境打包

本篇文章讲解如何进行多入口打包以及多环境打包.1.多入口打包假设我们的项目,分为手机端商城和pc端后台管理,手机上是用户访问,pc上是自己的后台管理,后台管理使用elementUI框架,H5不使用任何框架.打包的时候,pc和h5分开打包.本机运行的时候pc和h5也是分开的2.多环境打包一个项目想要正式上线,首先需要本地开发没问题后,发到测试线上给测试人员测试,测完没问题再发到预发布环境(类似正式环境)上,最后没问题了才发到正式线,这个过程中每个环境连的接口地址都不一样,这是肯定不能每打包一

2020-06-09 18:17:34 1740

原创 vuex-module-decorators详解

安装 npm install -S vuex-module-decorators安装成功后就可以使用啦,先看下stateimport { Module, VuexModule } from 'vuex-module-decorators'@Moduleexport default class Vehicle extends VuexModule { wheels = 2}命名空间const moduleA1 = { namespaced: tr...

2020-05-29 11:25:43 13476 8

原创 vue-property-decorator的简单介绍,一看就会

identifier!如果编译器不能够去除null或undefined,你可以使用类型断言手动去除。 语法是添加!后缀:identifier!从identifier的类型里去除了null和undefined:function fixed(name: string | null): string { function postfix(epithet: string) {...

2020-05-21 13:57:21 34967 3

原创 高级类型

1.&:交叉类型(取所有类型的并集)必须同时满足这俩接口里面的成员属性interface DogInterface{ run():void;}interface CatInterface{ jump():void;}const pet: DogInterface & CatInterface={ run(){}, jump(){}...

2020-04-16 11:22:32 563

原创 QuickJS在window和linux上的安装

简介:QuickJS是一个小型并且可嵌入的Javascript引擎,它支持ES2020规范,包括模块,异步生成器和代理器。它可选支持数学扩展,例如大整数 (BigInt),大浮点数 (BigFloat) 以及运算符重载。官方站点:https://bellard.org/quickjs/中文站点:https://github.com/quickjs-zh/安装:首先下载Quick...

2020-04-09 15:47:55 1206

原创 window10/Mac上安装linux虚拟机

首先我们准备下需要用到的文件VMware和 ubuntu(系统镜像文件)下载地质:VMware官网下载地址ubuntu官网下载地址下载完成后,双击扩展名为exe的VMware文件.出现安装的弹出层,然后一直点下一步,直到安装完成;注意:中间有选择存放磁盘的时候可以自己选择存放的地方,可以是C盘,也可以是别的盘.安装完成后双击VMware Workstation Pro图标运行,此时需...

2020-04-09 11:23:35 742

原创 typescript中的类型保护

首先看个例子enum Type{Strong,Week}class Black{ hellowBlack(){console.log(this.rgb))} rgb:string = '0,0,0';}class White{ hellowWhite(){console.log(this.hex16)} hex16:string = 'ffffff';}...

2020-04-07 15:04:23 418

原创 ts的类型检查

一.类型推论1.通用类型(从右到左推断):TypeScript里的类型推论。即,类型是在哪里如何被推断的。在有些没有明确指出类型的地方,类型推论会帮助提供类型,如下面的例子中的a,b,c变量a被推断为number,b被推断为any[],c被推断为strng[],当需要从几个表达式中推断类型时候,会使用这些表达式的类型来推断出一个最合适的通用类型,例如下例中的x由于x有多个类型,所以x被...

2020-03-31 16:10:45 2168

原创 typescritp中类与接口的关系

类实现接口与C#或Java里接口的基本作用一样,TypeScript也能够用它来明确的强制一个类去符合某种契约。注意:接口描述了类的公共部分,而不是公共和私有两部分当用构造器签名去定义一个接口并试图定义一个类去实现这个接口时会得到一个错误,因为当一个类实现了一个接口时,只对其实例部分进行类型检查。 constructor存在于类的静态部分,所以不在检查的范围内interface Clo...

2020-03-27 16:48:57 229

原创 typescript 类的继承,成员修饰符,抽象类,多态,链式调用

类的继承和成员修饰符private:为私有属性,只能在当前类中访问,如果 private constructor则该类不能被实例化,不能被继承.protected:受保护的属性,只能在当前类及其子类中访问,如果protected constructor则该类不能被实例化,但是可以被继承public:默认为public,公用属性,任何地方都可以访问,在构造函数的参数中使用public arg,则...

2020-03-27 11:12:11 817

原创 typescript中的接口interface

TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。下面是一个简单的接口使用小例子,让我们初识接口interface LabelledValue {label: string;}function printLabel(labelle...

2020-03-26 11:13:05 425

原创 轻松理解javascrpt位运算符,以及使用场景

位运算符:运算符 名称 描述 & AND 如果两位都是 1 则设置每位为 1 | OR 如果两位之一为 1 则设置每位为 1 ^ XOR 如果两位只有一位为 1 则设置每位为 1 ~ NOT 反转所有位 << 零填充左位移 通过从右推入零向左位移,并使最左边的位脱落。 >&...

2020-03-23 14:18:45 286

原创 clipboard:一个不依赖flash, 不依赖其他框架的轻量型的拷贝文字插件

用法官网:http://www.clipboardjs.cn/1.从另一个元素复制文本给元素添加data-clipboard-target属性,这个属性的值就是能匹配到另一个元素的选择器<!-- Target --><input id="foo" value="https://github.com/zenorocha/clipboard.js.git">...

2020-03-17 15:10:01 141

原创 玩转正则表达式,就是这么简单

在平时开发中,正则表达式用的好能节省很大的工作量,举个例子将字符串格式化成数字(数字不格式化), 例如: 张123四 => ["张", "123", "四"];如果使用原生js的话,需要这么写:function transArrExcluNnm(str){ arr = str.split(''); var arrnew = [],numstr = '',isNum=fals...

2020-03-16 10:22:41 360

原创 什么是二进制,进制之间是如何转换的,浅显易懂的,一看就会

讲运算符之前先说说进制的转换在JavaScript中,普通的数字称为十进制那么什么是二进制呢?二进制数据是用0和1两个数码来表示的数,它的基数为2,进位规则是逢二进一加法:0+0=0;1+0=1;0+1=1;1+1=0(等价于10,向前进一)案例(前面用0补齐)1+1=10,10+1=11,11+1=100,100+1=101,101+1=110,110+1=111,111+1...

2020-03-10 17:16:40 8744 6

原创 vue给div添加自定义的v-on事件,非组件

作为前端开发人员,有时候正在度假,.net开发人员一个电话打过来,非让修改一些东西,这时候随便借一个电脑,装一个visual studio是不现实的,那么我们要如何做呢?首先安装dotnet-core64位下载地址:https://dotnet.microsoft.com/download/dotnet-core/thank-you/sdk-3.1.101-windows-x64-inst...

2020-02-13 17:46:04 658

原创 在ios中,解决文本框输入时弹出键盘会导致页面上移问题

解决方法:$(document).on('blur', 'input', function () { setTimeout(function () { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; ...

2020-01-13 13:20:34 1703

原创 WampServer配置局域网访问的站点

首先运行Wampserver,鼠标左键点击电脑右下角的小图标会弹出下面的窗口,我们要配置的是左边的httpd.conf和httpd-vhosts.conf文件httpd.conf文件1.找到Require local,替换成Require all granted2.打开cmd(按住window+R,然后输入cmd按回车会弹出来),输入netstat –ano|findstr 6566,看看...

2020-01-06 09:34:48 1007

原创 利用vue的install开发一个简易全局注册的alert组件

首先新建一个alert组件<template> <div class="layer-alert-bg"> <div class="layer-alert"> <div class="fj-title">{{ title }} <button class="fj...

2020-01-02 18:55:25 452

原创 组织架构tree目录的一些常用方法

对tree的数据重新组织,嵌套或者拉平export class FileNode { treeChildren: FileNode[]; treeFilename: string; treeType: any; [key: string]: any;}export class FileFlatNode { [key: string]: any; constru...

2019-12-30 15:03:15 239

原创 什么是angular的结构型指令,结构型指令怎么配合ViewContainerRef和TemplateRef使用 *?

结构型指令:结构型指令的职责是 HTML 布局。 它们塑造或重塑 DOM 的结构,比如添加、移除或维护这些元素。像其它指令一样,你可以把结构型指令应用到一个宿主元素上。 然后它就可以对宿主元素及其子元素做点什么。结构型指令非常容易识别。 星号(*)被放在指令的属性名之前星号是“句法糖”,代表更复杂的内容。Angular 把*ngIf属性翻译成一个<ng-template&g...

2019-12-19 15:10:07 715

原创 angular8兼容ie

以下是angular8兼容ie10及其以上版本,win10的话兼容自带的浏览器1.pollyfills.ts添加下面两行import 'classlist.js'; // npm install --save classlist.jsimport 'web-animations-js'; // npm install --save web-animations-js2.tsco...

2019-12-10 18:09:33 2770

京东商品展示-鼠标移动看大图

京东商品展示-鼠标移动看大图

2014-11-08

易语言外挂超级模块,百种皮肤模块,由不得你不爱

为广大易语言爱好者提供近千种模块,内有两个压缩包,其中个一个解压缩后会有700多种模块,另一个压缩包为百种皮肤,由不得你不爱。

2013-01-15

吸取颜色的小工具,脱离photoshop

可以快速的吸取任何以肉眼可见的颜色。不需要打开ps等制图软件。 不需要安装,双击打开,可以吸取任何地方的颜色值

2014-11-06

ScreenToGif.rar

强烈推荐!!! 一款录制屏幕后可以直接生成gif图片的工具,不需要安装,解压后双击即可,体积小不占地方。非常好用

2020-03-27

W3CSchool手册

W3CSchool.chm手册 用于快速查找, W3CSchool.chm手册 用于快速查找, W3CSchool.chm手册 用于快速查找,

2014-11-06

各种js特效

个人工作之余所写过的各种js特效,此资源只用于学习交流,请勿用于商业用途。

2014-10-09

apache-tomcat-7.0.26-windows-x86

想学习安卓软件开发,必须先在eclipse上搭建安卓环境,二这个文件是搭建环境所用到的配置文件。

2013-04-16

南开100题计算机等级二级C语言

南开100题计算机等级二级C语言,看完后参加考试基本无任何问题。

2014-01-06

bootstrap手册

web前段bootstrap框架手册,可快速查找内容,提示:此文档打开速度较慢

2014-11-06

Visual C++ 6.0(支持win7)

Visual C++ 6.0版本,支持win7系统

2014-01-06

jdk1.6 api 文档

java jdk1.6 版本api查询文档

2014-01-06

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除