DocumentFragment一个轻量级的document

DocumentFragment 接口表示一个没有父级文件的最小文档对象。它被当做一个轻量版的 Document 使用,用于存储已排好版的或尚未打理好格式的XML片段DocumentFragment 节点不属于文档树,但是有一个很使用的特点,当把一个DocumentFragment 节点插入到文档...

2018-05-01 22:12:31

阅读数:14

评论数:0

高逼格的console.log(),要不来看下

我们编写前端代码的过程中,经常会用到控制台找一下dom元素,看看css样式是怎么样的,或者打印一些东西,了解一下代码执行的过程以及输出了什么。。。现在我们来换一个姿势看看1、带样式的console.log()这里%c为打印内容定义的样式2、格式打印当然除了%c还有其它%d:打印整数%s:打印字符串...

2018-05-01 21:23:13

阅读数:44

评论数:0

微信公众号开发,ios系统自带返回按钮,不刷新页面

微信公众号开发时,在IOS系统下点击返回按钮,发现返回后的页面是没有经过刷新的,虽然这样是有好处,不用再重新请求页面数据,但是很多时候我们是需要重新去请求页面数据的。 首先我们需要监听手机的系统,然后在监听返回事件,当用户点击返回按钮后,将页面进行强制刷新,代码如下 var ua = na...

2017-08-02 14:23:10

阅读数:3706

评论数:0

vue弹窗组件的编写历程

在项目中我们多多少少会遇到弹出提示框或者对话框,对于这一类通用的地方可以将其封装成组件 对话框组件例如: 在点击操作过后弹出对话框或者提示框,想到的是肯定要传递一个信息到子组件中,告诉子组件显示出来,当然这种对于第一次点击肯定是会生效的,但是当你在不刷新页面的情况进行第二次点击...

2017-08-02 11:53:05

阅读数:591

评论数:0

移动端滚动穿透的问题解决

在移动端页面上,当有 fixed 遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容,这就是臭名昭著的滚动穿透问题 解决方法一: css之overflow:hidden html, body { overflow: auto; height: 100%; } 使用这种方法时,...

2017-07-24 15:26:05

阅读数:525

评论数:0

weex采坑之旅(二)JDK version环境搭建

官方文档上说明 安装JDK version>=1.7 并配置环境变量 安装Android SDK 并配置环境变量。 但是没有给出相应的安装步骤,因此在这里先给出JDK相应的安装步骤。 打开如下网站,下载JDK version http://www.oracle.c...

2017-06-10 15:21:11

阅读数:445

评论数:0

weex采坑之旅(三)Android SDK环境搭建

上一篇文章我们配置了jdk version,这一节就来配置Android SDK环境搭建 Android SDK是Android平台上进行软件开发所需要的开发包,这里我们通过安装Android Studio的方式来安装Android SDK,Android Studio 是Android开发的I...

2017-06-08 21:05:25

阅读数:1949

评论数:0

weex采坑之旅(一)初识weex

按照官方文档搭好weex依赖环境后,安装项目依赖包,运行npm run dev 和 npm run serve开启watch模式和静态服务器。 然后打开浏览器,输入 http://localhost:8080/index.html,既可以看到 weex h5 的页面,但是我们会发现手机图形里...

2017-06-08 20:39:21

阅读数:375

评论数:0

在html页面上实现下载功能

在做一个项目的官网时,没有后台数据,只有前端页面,客户要求是要能下载资料文档 我们可以使用a标签,将要下载的路径给到 href 就可以进行下载,同时a标签给出了新属性 download 可以对下载的文件进行重命名(官方说:只有Firefox 和 Chrome 支持 download 属。但是我自...

2017-06-02 19:02:29

阅读数:1869

评论数:0

js解决微信屏蔽内置浏览器的下载功能以及判断手机系统

今天一后台同事问我:为什么从App里面分享到微信好友时,在微信里没有发下载分享里的软件,而在浏览器中却可以? 于是我在微信公众号中试了一下,发现果然不可以下载。通过google 发现,原来是微信屏蔽了内置浏览器的下载功能。那么有没有解决办法呢? 肯定是有的。 1:判断发现是在微信中打开,给提示让其...

2017-04-26 14:55:16

阅读数:3817

评论数:0

vue组件——slot分发内容

slot元素作为组件模板之中的内容分发插槽。这个元素自身将被替换。 有 name 特性的 slot 称为具名 slot。 有 slot 特性的内容将分发到名字相匹配的具名 slot。 内容分发就是指混合父组件的内容与子组件自己的模板 单个slot 如果子组件的模板不包含 slot...

2017-04-20 09:17:31

阅读数:5426

评论数:0

vue嵌套路由-params传递参数(四)

在嵌套路由中,父路由向子路由传值除了query外,还有params,params传值有两种情况,一种是值在url中显示,另外一种是值不显示在url中。 1、显示在url中 index.html main.js params传值是通过 :[参数值] 如path: "/h...

2017-04-18 22:07:54

阅读数:50909

评论数:3

vue嵌套路由-query传递参数(三)

在嵌套路由中我们经常会遇到父路由向子路由里面传递参数,传递参数有两种方法,通过 query 或者 params index.html main.js 同样通过重定向来显示父路由 import Vue from 'vue' import VueRouter from 'vue-r...

2017-04-17 18:50:29

阅读数:33281

评论数:0

vue嵌套路由(二)

在实际项目中我们会碰到多层嵌套的组件组合而成,但是我们如何实现嵌套路由呢?因此我们需要在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套。 index.html,只有一个路由出口 main.js,路由的重定向,就会在页面一加载的时候,就会将...

2017-04-17 17:46:50

阅读数:13741

评论数:1

vue简单路由(一)

在项目中,将vue的单页面应用程序改为了多页面应用程序,因此在某些场景下,需要频繁的切换两个页面,因此考虑使用路由,这样会减少服务器请求。 使用vue-cli(vue脚手架)快速搭建一个项目的模板(webpack-simple),运行起来后,将原来index.html页面挂载点中的内容删除 ind...

2017-04-17 16:22:05

阅读数:1141

评论数:0

css样式,中间文字,两边横线

在项目中遇到过中间文字,两边横线的布局,如下图: 两边横线我们可以使用标签的上边框或者下边框,然后对中间的文字使用 vertical-align 属性来控制。 html 产品清单 css .order { height: 60px; ...

2017-04-10 18:30:23

阅读数:8691

评论数:0

vue中如何动态的绑定图片

在项目中遇到需要动态的改变图片路径,图片路径并非是从后台获取过来的数据。 因此在data中必须用require加载,否则会当成字符串来处理。

2017-04-09 13:28:47

阅读数:6365

评论数:0

用angular实现多选按钮的全选与反选

在页面中我们常常会遇到多选框,例如购物车里的商品 下面用angular来实现这一功能 全选: {{ item }} {{arr}} //创建模块 angular.module("select", [])...

2017-01-17 22:24:22

阅读数:1017

评论数:0

js中in操作符

in 操作符用来判断属性是否存在与对象中。 使用 in 操作符分单独使用和在 for-in 循环中使用。 在单独使用时, in 操作符会在通过对象能够访问给定属性时返回 true ,无论该属性存在于实例中还是原型中 function FF() { ...

2017-01-16 22:41:55

阅读数:2282

评论数:0

js中object类型中的三个方法

hasOwnProperty() :用于检查给定的属性在当前对象实例中是否存在 isPrototypeOf() :用于检查传入的对象是否是传入对象的原型 propertyIsEnumerable(propertyName) :用于检查给定的属性是否能够被枚举 ...

2017-01-16 22:36:18

阅读数:377

评论数:0

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