经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 HTML5

vuex 源码分析(七) module和namespaced 详解

当项目非常大时,如果所有的状态都集中放到一个对象中,store 对象就有可能变得相当臃肿。 为了解决这个问题,Vuex允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块—&mda...[2019/9/20]

Saying goodbye to Flash in Chrome一代人的回忆FLASH

     一早打开chorme就推送了这条FLASH将在2020年推出CHORME 想起了当年风靡全球的flash热潮,游戏视频动画,都由flash运行,最熟悉的童年游戏4399,小时候的天堂。 说起这个不得不说一句,那时候游戏的发展正...[2019/9/19]

vuex 源码分析(六) 辅助函数 详解

对于state、getter、mutation、action来说,如果每次使用的时候都用this.$store.state、this.$store.getter等引用,会比较麻烦,代码也重复和冗余,我们可以用辅助函数来帮助我们生成要的代码,辅助函数有如下四个:   ...[2019/9/19]

HTML5?canvas

 <canvas>便签用于绘制图像,图表。不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本JavaScript来完成实际的绘图任务。既然你要画出你想要的图案,你给有画布啊,总不能在空气中画画啊,所以第一步你要创建一...[2019/9/19]

HTML5中像网页中保存cookie的实现

if(window.plus) 判断当前的设备是手机 window.localStorage.setItem("key","value"); 设置值 window.localStorage.getItem("key"); 获取值   原文链接:http: www...[2019/9/19]

html 显示 pdf

html 显示 pdf文件四种方式: 1、 <embed src="pdf/wobu.pdf" type="application/pdf" width="100%" height="100%">   2、 <iframe sr...[2019/9/19]

踩坑,vue项目中,main.js引入scss文件时报错

当我们在src目录下创建.sc 文件,并在main.js中引用,运行时会报: ERROR Failed to compile with 1 errors 5:25:07 PMThis relative module was not found: * ./main.sc in ...[2019/9/19]

web app升级—带进度条的App自动更新

web app升级—带进度条的App自动更新

  带进度条的App自动更新,效果如下图所示:     技术:vue、vant-ui、5+   封装独立组件AppProgre .vue: <template> <div> <van-dialog v...[2019/9/19]

固定定位下的div水平居中

固定定位下的div水平居中

发现了一个之前未留意的知识点,做个笔记。 当一个块级元素的父元素开启了flex布局后,我们可以很轻松的将这个元素居中对齐,可以在父元素上加 justify-content: center; align-items: center;/*单行下的居中对齐*/  或 ...[2019/9/18]

vue中使用scss

第一步 安装sc 依赖,cnpm i node-sa sa -loader -D 注:sa -loader用来解析sc 文件(-D 是 --save-dev 的简写) 第二步: 在build文件夹下的webpack.base.conf.js的rules里面添加配置 ...[2019/9/18]

vue中使用element组件时事件想要传递其他参数的问题

在使用element的上传组件时在一下几个钩子中传递其他参数 图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数。比如我想在on-succe 的钩子中传递一个自定义参数i,原本是这样写的: :on-succe =&rdqu...[2019/9/18]

&lt;!DOCTYPE&gt; 标签的定义与使用

&lt;!DOCTYPE&gt; 标签的定义与使用

<!DOCTYPE>标签的定义           <!DOCTYPE> 声明位于文档中最前面的位置,处于<html>标签之前。<!DOCTYPE> 声明不是一个HT...[2019/9/17]

uni-app自定义导航栏按钮|uniapp仿微信顶部导航条

最近一直在学习uni-app开发,由于uniapp是基于vue.js技术开发的,只要你熟悉vue,基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。设置app-plus,配置编译到App平台的特...[2019/9/17]

h5中的结构元素header、nav、article、aside、section、footer介绍

结构元素不具有任何样式,只是使页面元素的的语义更加明确。 header元素 header元素是一种具有引导和导航作用的的结构元素,该元素可以包含所有通常放在页面头部的内容。header元素通常用来放置整个页面或页面内的一个内容区块的标题,也可以包含网站Logo图片、搜索表单或者其他相关...[2019/9/16]

XML处理指令

“处理指令(PIs)允许文档包含用于应用程序的指令。指令并不是文档字符数据的一部分,但是必须通过应用程序传递”。 处理指令可以用于将信息传递给应用程序。处理指令可以出现在文档任意位置的标记外部。可以出现在序言中,包括文档的类型定义(DTD),文本内容或者文档之后。 ...[2019/9/16]

h5中的分组元素figure、figcaption、hgroup元素介绍

h5中的分组元素figure、figcaption、hgroup元素介绍

分组元素用于对页面中的内容进行分组。 figure元素和figcaption元素 figure元素用于定义独立的流内容(图像、图表、照片、代码等),一般指一个独立的单元。figure元素的内容应该与主内容相关,但如果被删除,也不会对文档流产生影响。 figcaption元素用于为fig...[2019/9/16]

vuex 源码解析(四) mutation 详解

vuex 源码解析(四) mutation 详解

mutation是更改Vuex的store中的状态的唯一方法,mutation类似于事件注册,每个mutation都可以带两个参数,如下:   state     ;当前命名空间对应的state   payload     ;传入的参数,一般是一个对象 创建Vuex.St...[2019/9/12]

HTML5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器兼容性问题?如何区分HTML和HTML5?

HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加。 绘画canvas; 用于媒介回放的video和audio元素; 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失; se ionStorage的数据在浏览器关闭...[2019/9/12]

canvas生成带二维码海报的踩坑记录

canvas海报内容有背景图,圆形头像,用户昵称,链接的二维码图片。 问题如下 图片不显示 绘制渲染的时候图像不显示:是因为图片异步加载,所以canvas的操作需要放在onload事件中,否则图片会不显示,因为图片不止一张,建议放在promise中,用async,awai...[2019/9/12]

前端开发HTML5——表单标签

表单简介   Form表单主要用于用户与Web应用程序进行数据的交互,它允许用户将数据发给web应用程序,网页也可以拦截数据的发送以便自己使用。form通常由一到多个表单元素组成,这些表单元素是单行/多行文本框,下拉菜单,按钮,复选框,单选按钮,时间表单元素时 一般要配合label标签...[2019/9/11]

HTTP中get和post

HTTP中get和post的区别 GET - 从指定的资源请求数据。 POST - 向指定的资源提交要被处理的数据 GET POST 后退/刷新 无害的 数据会被重新提交 书签 可收藏为书签 不可收藏为书签 缓存 能被缓存 不能缓存 编码类型 applica...[2019/9/10]

style属性

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>样式</title> <script typ...[2019/9/10]

页面中加入地图map

1、首先要有密钥AK ,可以自己注册获取或复制别人的 。搜索百度地图API (http: lbsyun.baidu.com/apiconsole/key) 2、地图示例 <head> <meta charset="UTF-8"> ...[2019/9/10]

Http状态码整理

状态码 1开头-临时响应 100 (继续) 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。 2开头-成功响应 200 (成功) 服务器已成功处理了请求。通常,这表示服务器...[2019/9/10]

vuex 源码分析(一) 使用方法和代码结构

vuex 源码分析(一) 使用方法和代码结构

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,注意:使用前需要先加载vue文件才可以使用(在node.js下需要使用Vue.use(Vuex)来安装vuex插件,在浏览器环境下直接加载即可,vuex会自行安装) vuex的使...[2019/9/10]

nuxt项目在windows环境下安装部署

1.nodejs安装,地址 https: nodejs.org/en/ 2.在本地项目中运行npm  run build  命令将开发好的项目打包生成.nuxt文件夹,然后把.nuxt文件夹、nuxt.config.js、static文件夹、packag...[2019/9/10]

前端HTML

前端HTML

目录 1.Web服务本质 2.HTML初识 2.1HTML是什么? 2.2HTML不是什么? 2.3HTML文档结构 2.4HTML标签格式,严格封闭 ...[2019/9/10]

微信小程序 select 下拉框组件

一、源码地址 https: github.com/imxiaoer/WeChatMiniSelect   二、效果图 录屏图片质量较差,所以大家会看到残影(捂脸)   三、组件源码 1. select.wxml <vie...[2019/9/10]

实现元素拖拽的两种方式 - angle-xiu

  第一种方式:使用H5的API dataTransfer      实现思路:   1.为将要拖拽的元素设置允许拖拽,并赋予dragstart事件将其id转换成数据保存;   2.为容器添加dragover属性添加事件阻止浏览器默认事件,允许元...[2019/9/10]

vuex源码分析(二) state及strict属性 详解

state也就是vuex里的值,也即是整个vuex的状态,而strict和state的设置有关,如果设置strict为true,那么不能直接修改state里的值,只能通过mutation来设置 例1: <!DOCTYPE html> <html lang="en"...[2019/9/10]

H5 的 sessionStorage和localStorage

1) H5 新增的 se ionStorage 和 localStorage 的区别     se ionStorage 和 java 的 se ion 差不多,可以短时间存储信息,电脑浏览器常用se ionStorage 存储用户登录信息(个人理解)  ...[2019/9/10]

微信公众号之获取openId

在小伙伴们开发微信公众号、小程序或者是在微信内置浏览器打开的项目时,会遇到的第一个问题就是如何获取openId,今天小编就给大家带来的是如何获取openId。   首先   我们要从微信开发者后台得到appid,这个appid是管理员在设置微信后台时获取的,而且是...[2019/9/10]

vuex 源码解析(三) getter属性详解

有时候我们需要从store中的state中派生出一些状态,例如: <div id="app"> <p>{{reverseMe age}}</p> </div> <script> const store = n...[2019/9/10]

html5 外链式实现加减乘除的代码

html5 外链式实现加减乘除,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti...[2019/9/10]

移动端开发必须知道的小技巧(转)

前言 最近在公司写一个混合 app 项目,页面基本全部都是用 H5 完成,嵌入到原生 webview 下。发现一个问题,在 iPhone 6 下 苹果手机的状态栏会挡住页面,导致页面下移,样式错乱,最后网上查找了些解决办法,加了一条 meta 标签解决了问题。今天特来总结下常用的移动端...[2019/9/2]

react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

一、前言 9月,又到开学的季节。为每个一直默默努力的自己点赞!最近都沉浸在react native原生app开发中,之前也有使用vue/react/angular等技术开发过聊天室项目,另外还使用RN技术做了个自定义模态弹窗rnPop组件。 一、项目简述 基于react+reac...[2019/9/2]

新手入门HTML5开发,你必须先搞懂这6个问题

新手入门HTML5开发,你必须先搞懂这6个问题

凭借着跨平台,实时更新,无需安装,易于分发等众多优点,HTML5受到越来越多企业的青睐。而凭借着入门相对简单的优势,很多人编程初学者都选择学习HTML5。但对于初学者来说,学习HTML5之前,会有很多疑问。搞懂这些疑问,我们才能更好的学习。 问题一:什么是HTML5? 回答...[2019/8/30]

BFC的作用及其应用

 简单介绍BFC  BFC   就是块级格式化上下文,是页面盒模型布局中的一种 CSS 渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。    创建 BFC 的方式有:   1.html的根元素   2.float浮动   3.绝对...[2019/8/30]

nodeJS实现简易爬虫

nodeJS实现简易爬虫 需求:使用nodeJS爬取昵图网某个分类下的图片并存入本地 运用nodeJS自带系统模块http、fs 示例代码: var http =require('http'); var fs =require('fs'); var...[2019/8/29]

选项卡小案例

选项卡小案例

  在各种各样的网站中,选项卡效果都是经常见到的,在这里用简单的jquery布局一个小的选项卡案例。   HTML代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 ...[2019/8/29]

vue学习指南:第二篇(详细Vue基础) - Vue的指令

一、 Vue 的介绍 1. vue是一个 mvvm 的框架。(面试官经常会问的),angular 是 mvc的框架。 2. vm 是 vum 的实例,这个实例存在计算机内存中,主要干两件大事:       1. 绑定数据 ...[2019/8/29]

前端实现打印图像功能

前提:后台返回是绘制医用心电波形报告的数据,前端通过canvas在网页上绘制再进行打印并生成PDF文档! 一.  尝试LODOP打印插件 之前前端表单打印功能有使用过LODOP打印插件,需安装相应的LODOP的打印软件,lodop的使用方法2种。第一种方式是通过收集前端标签内容元...[2019/8/28]

nodeJS从入门到进阶(一)

一、Node.js基础知识 1、概念 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是JavaScript的运行环境 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 2、安装使用 官网下载地址:http: nod...[2019/8/28]

vue中监听返回键

问题:在项目中,我们常常有需求,当用户在填写表单时,点击返回的时候,我们希望加一个弹窗,确认离开吗,确认将保存为草稿 解决方案:利用 H5的 pushstate(个人理解为增加页面栈)特性与onpopup事件 分析:pushstate 从该方法名我们可以知道 是增加某种状态,会为...[2019/8/28]

Html5+Css3小试牛刀

前因:   我开始做个收款系统,突然客户跑来要插进一个任务,据说他们老板挺在意的,一个小商场,一个首页,一个详情页,UI无自由发挥,要求,尽量好看点。       一番交谈后,确认这是一个对外的网站,最好移动端也能正常显示(响应式)。 正文: ...[2019/8/27]

个人博客搭建具体操作

一.准备环境 1.安装node.js 简介 因为hexo是基于node.js的,所以node.js是必须要装的,安装也特别简单,去 官网 下载适合自己windows的版本。安装过程一直下一步就行了,什么也不用选,在网上查资料的时候,看到有说要在Custom Setup这一步记得选Add ...[2019/8/26]

Web前端基础学习-1

HTML5/CSS简介 首先来说一说什么是HTML5,HTML5可以认为是字面上的意义,也就是HTML的第五代产品,当然从另一个角度来说它是一种新的富客户端解决方案。   HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。  ...[2019/8/26]

微信群免费发布网址

进去注册即可免费发布微信二维码,个人微信号二维码,微信群二维码。微信公众号,文章等信息。 http: www.weixintuiguang.com.cn/   原文链接:http: www.cnblogs.com/zjiaolong/p/11409847.htm...[2019/8/26]

H5中滚动到底部的事件

问题:在H5中,我们有这样的需求:例如有列表的时候,滚动到底部时,需要加载更多。 解决方案:可以采用window的滚动事件进行处理 分析:如果滚动是针对整个屏幕而言的(不针对于某个界面小块),那么这个应该是是成立的:屏幕的高度+最大滚动的距离 = 内容的高度 代码实现: <html>&...[2019/8/23]

解决HTML5中滚动到底部的事件问题

问题:在H5中,我们有这样的需求:例如有列表的时候,滚动到底部时,需要加载更多。 解决方案:可以采用window的滚动事件进行处理 分析:如果滚动是针对整个屏幕而言的(不针对于某个界面小块),那么这个应该是是成立的:屏幕的高度+最大滚动的距离 = 内容的高度 代码实现:  ...[2019/8/23]

56
2
记录数:758 页数:1/1612345678910下一页尾页
加载更多