web

用css隐藏元素的四种方法

1.opacityopacity是设置一个元素的透明度，这一设置为0只能从视觉上隐藏元素，而元素本身依然占据它自己的位置并对网页的布局起作用，它也将响应用户交互。<div id="div1" style="opacity:0;">DIV1 测试opacity:0隐藏 </div>2.visibility该属性值为hidden的时候，元素将会隐藏，也会占据着自己的位置，并对网

前端

2019-08-19  2070 人浏览

web

input只允许上传图片类型文件

指定只允许选择图片accept="image/*"例如：<input type="file" name="file" class="element" accept="image/*">但是：这段代码在Chrome和Safari等Webkit浏览器下却出现了响应滞慢的问题，可能要等 6~10s 才能弹出文件选择对话框。简直不能忍呀。解决方法：确切指定类型例如：<input typ

前端

2019-08-15  2489 人浏览

web

js中获取当前url路径

可以使用 window.location 获取当前页面url。以下是一些简单应用。<script> $(function(){ // 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test var url = window.location.

前端

2019-08-15  2175 人浏览

web

js获取url参数中文乱码问题 decodeURI

上一篇文章 js获取url参数的时候没考虑到中文乱码的问题其实很简单 直接用 decodeURI 函数就行了方法：以下JS函数用于获取url参数:(超级简单)function getQueryParam(variable) { var query = window.location.search.substring(1); var vars = query.split("&a

前端

2019-08-15  3296 人浏览

web

JS获取url参数

以下JS函数用于获取url参数:(超级简单)function getQueryParam(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) {

前端

2019-08-15  2949 人浏览

web

JS通过Location 对象包含有关当前 URL 的信息

Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。hash 设置或返回从井号 (#) 开始的 URL（锚）。host 设置或返回主机名和当前 URL 的端口号。hostname 设置或返回当前

前端

2019-08-15  2744 人浏览

web

JS获取url参数（超简单）

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

前端

2019-08-15  5485 人浏览

java

通过OpenGL理解前端渲染原理（1）

通过OpenGL理解前端渲染原理，本文着重介绍渲染管线工作流程。一、OpenGLOpenGL，是一套绘制3D图形的API，当然它也可以用来绘制2D的物体。OpenGL有一大套可以用来操作模型和图片的函数，通常编写OpenGL库的人是显卡的制造者。我们买的显卡都支持特定版本的OpenGL。下图是用OpenGL做的旋转的立方体。二、渲染原理2.1 渲染管道在OpenGL中，所有东西都在一个3D的空间里

前端

2019-08-11  2068 人浏览

php

浏览器判断是否安装APP

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

前端

2019-08-01  7417 人浏览

web

Axure 元件库-原型（产品经理必备资料）

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

前端

2019-05-18  4378 人浏览

web

微信小程序获取某个元素的高度和宽度

微信小程序获取某个元素的高度和宽度js页面//创建节点选择器 var query = wx.createSelectorQuery(); //选择id var that = this; query.select('.every').boundingClientRect(function (rect) { // console.log(rect.

前端

2019-05-16  3490 人浏览

web

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

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

前端

2019-05-16  4880 人浏览

android

微信小程序--getLocation需要在app.json中声明permission字段

在微信小程序开发中，需要获取用户所在地理位置，结果提示‘getLocation需要在app.json中声明permission字段’。这是因为开发者需要填写获取用户地理位置的用途说明。腾讯新更改了部分配置，想要获取用户定位信息，必须在app.json中配置permission字段就行。所有的新旧小程序都要更改配置。具体解决方法：在app.json中增加permission属性配置。{ "pa

前端

2019-05-14  3356 人浏览

煊琰

Serverless 风暴来袭，前端工程师如何应对？

阿里妹导读：尽管大部分前端的工作并不涉及server，但最近半年serverless这个词汇以及其引发的热烈的讨论，深深触动了阿里巴巴高级前端技术专家伐薪。作为接触前端十余载的老开发，伐薪认为serverless可能会是接下来引起前端领域革命性变化的技术之一。今天，伐薪将为大家梳理serverless的历史发展进程以及对前端的影响，希望对前端工程师有所启发。上图是serverless 这个词最近5

前端

2019-03-13  2744 人浏览

web

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

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

前端

2018-06-12  4356 人浏览

web

常用正则表达式—邮箱（Email）

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

前端

2018-06-12  3552 人浏览

web

vue2 keep-alive最佳实践

1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗<keep-alive> <component> <!-- 组件将被缓存 --> </component> </keep-alive>有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-

前端

2017-10-24  2977 人浏览

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> <

前端

2017-10-16  3648 人浏览

web

在vue中获取dom元素

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

前端

2017-09-21  6065 人浏览

web

Vue2.0 探索之路——生命周期和钩子函数的一些理解

前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还

前端

2017-09-20  2866 人浏览