Web开发( 右侧选择分类 )
php

浏览器判断是否安装APP

前段时间遇到一个小需求:要求在分享出来的h5页面中,有一个立即打开的按钮,如果本地安装了我们的app,那么点击就直接唤起本地app,如果没有安装,则跳转到下载。因为从来没有做过这个需求,因此这注定是一个苦逼的调研过程。我们最开始就面临2个问题:一是如何唤起本地app,二是如何判断浏览器是否安装了对应app。如何唤起本地app首先,想要实现这个需求,肯定是必须要客户端同学的配合才行,因此我们不用知道
5628 人浏览
web

在vue中获取dom元素

在vue中经常会通过js操作dom对象,可以通过给标签添加ref属性实现,下面通过操作dom对象实现一个点击按钮改变屏幕背景的demo,效果如下下面是代码:<template> <div class="box" ref="boxHook"> <div class="change-button" @click="changeBackground">
5190 人浏览
web

JS获取url参数(超简单)

用JS获取地址栏参数的方法(超级简单)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);//search,查询?后面的参数,并匹
4348 人浏览
hangge

Vue.js - 解决npm run build报错(TypeError: Cannot read property 'compilation' of undefined vue)

1,问题描述最近发现使用npm run build命令打包项目一直失败。报如下错误:MacBook:eciothangge$npmrunbuild >eciot@1.0.0build/Volumes/BOOTCAMP/Vue/eciot >nodebuild/build.js ⠋buildingforproduction.../Volumes/BOOTCAMP/Vue/eciot
4070 人浏览
web

Axure 元件库-原型(产品经理必备资料)

元件名称:1、Axure交互原型设计指南 .rp2、PC和移动原型常用元件.rp3、后台模板.rp4、全局说明.rphttps://pan.baidu.com/s/1vmac_08MZAKj6qsdjwIZlg 提取码:5n0z
3510 人浏览
web

webstorm不能识别一些js方法,如require

直接上图吧js运行不会报错,但webstorm却不认识这个方法,怎么办呢?添加个支持就好了还是直接上图吧ECMAScript中几乎包含了当前所有开源js的源码支持。我这边需要的是nodejs的require方法。上面实际上我已经下载了Nodejs,我把他删除了重新下载。下载好之后require方法就可以识别啦,还可以直接看源码。其他的一些方法支持也是同理的。
3421 人浏览
web

web页面离开时的提醒弹窗的实现

离开页面提示多般是放到了发新闻、写博客或写日志的页面,我们在百度空间或QQ空间在我们未保存信息时如果离开页面都有提示了,下面我来介绍利用jquery的beforeunload来实现此方法。jquery离开页面弹出提示代码://绑定beforeunload事件 $(window).bind('beforeunload',function(){ return '您输入的内容尚未保存,确定
3190 人浏览
web

H5 移动端禁止上下滚动css设置

H5 移动端禁止上下滚动, 只需要css中同时设置 下面两个属性html,body{ overflow:hidden; height:100%; }
2972 人浏览
web

vue.js 利用vue-cli vue-router搭建一个带有底部导航栏移动前端项目

1.首先安装vue-cli脚手架不多赘述,主要参考WiseWrong 的 Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目2.项目呈现效果项目呈现网址:www.zhoupeng520.cn/index.html项目中主要用了Flex布局,以及viewport相关知识,已达到适应各终端屏幕的目的3.项目主要目录4主要代码如下(1)App.vue<template> <
2891 人浏览
xiaozhu

微信小程序添加删除线和下划线

小程序官方提供的html标签,跟传统的HTML有所差异,不能够使用<del>等标签下面关于下划线和删除线的操作。在对应的标签中添加css样式即可:text-decoration:underline; //下划线text-decoration:line-through;//删除线
2853 人浏览
web

html5和css3实现无插件拖拽上传图片(支持预览与批量)(二)

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/31513065上一篇已经实现了这个项目的整体的HTML和CSS:HTML5 CSS3 经典案例:无插件拖拽上传图片(支持预览与批量)(一)这篇博客直接在上篇的基础上完成,最终效果:效果图1:效果图2: 好了,请允许我把图片贴了两遍,方便大家看效果了~可以看出我们的图片的li的htm
2804 人浏览
web

给 Web 开发人员推荐的开源图形库 —— 数据可视化

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高,数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库,旨在专注于最常见的问题和最常用的东西。将针对动画(Animation)、数据可视化(Data Visualization)、2D/3D 分别整理,欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开
2775 人浏览
web

微信小程序 — 怎么获得view中的文本、id等等

取id很简单,取text两种情形,分开来说,先说id和第一种:一、通过自定义data-text获取与定义一样的文本index.html<!--index.wxml--> <viewid="outer"catchtap='pressView'> <viewclass="top"> <viewcla
2768 人浏览
web

给 Web 开发人员推荐的通用独立 UI 组件(二)

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高。在推荐完图形库之后,再来推荐一些精品的独立 UI 组件。这些组件可组合在一起,形成美观而交互强大的 Web UI 。给 Web 开发人员推荐的通用独立 UI 组件(一)给 Web 开发人员推荐的开源图形库 —— 2D/3D给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开发人员推荐的开源图形库 —— 数据可视化上
2647 人浏览
web

给 Web 开发人员推荐的开源图形库 —— 2D/3D

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高,数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库,旨在专注于最常见的问题和最常用的东西。将针对动画(Animation)、数据可视化(Data Visualization)、2D/3D 分别整理,欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开
2593 人浏览
hangge

Vue.js - 引入static文件夹下的css文件(全局、scoped)

我们知道Vue项目中静态资源文件(css、图片等)可以放在src/assets或者static文件夹下:对于src/assets文件夹下的css文件,我们可以使用如下方式引入(使用@import将其作为全局样式引入):123<style>@import "./assets/global.css";</style>而static文件夹下的css文件引入方式
2584 人浏览
web

常用正则表达式—邮箱(Email)

常用正则表达式—邮箱(Email) 本文针对有一点正则基础的同学,如果你对正则一无所知,请移步“正则表达式30分钟入门教程”学习。 要验证一个字符串是否为邮箱的话,首先要了解邮箱账号的格式。我尝试过在网上找出一个标准的格式,但是很遗憾我没有找到。我也尝试使用RFC标准来判断邮箱的格式,但是也没有结果。网上些博客说不应该使用RFC标准来验证邮箱是否合法,有兴趣的可以看看“is this email
2581 人浏览
wechat

微信小程序转支付宝小程序工具

在市面上各大厂商都推出了小程序。那么我们每一次都得从新进行开发,做开发的很多朋友都遇到过这类的问题,今天像素科技就分享一款工具可以快速让微信小程序转支付宝小程序。Antmove - 小程序转换器,基于支付宝/微信小程序转换为多端小程序,让小程序跨平台开发变得简单。一键实现小程序转换迁徙,不再做重复开发而烦恼。使用方法:在 VsCode 扩展中搜索 Antmove 下载安装 Antmove vsco
2547 人浏览
web

给 Web 开发人员推荐的测试工具

用户对于现代 Web 应用除了美观要求之外,对产品体验度也有较高的要求。在推荐过几期开源图形库和通用独立 UI 组件后,觉着是时候推荐一些测试工具了。这应该也是该系列的最后一篇,感谢大家的支持。给 Web 开发人员推荐的通用独立 UI 组件(二)给 Web 开发人员推荐的通用独立 UI 组件(一)给 Web 开发人员推荐的开源图形库 —— 2D/3D给 Web 开发人员推荐的开源图形库 —— 动画
2534 人浏览
web

给 Web 开发人员推荐的开源图形库 —— 动画

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高,数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库,旨在专注于最常见的问题和最常用的东西。将针对动画(Animation)、数据可视化(Data Visualization)、2D/3D 分别整理,欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 2D/3D给 We
2526 人浏览