html
xinxin_zhu
呵呵呵哒
展开
-
W3C标准理解
概念:W3C标准中文名:万维网联盟,外文名:World Wide Web Consortium万维网联盟标准不是某一个标准,而是一些列标准的集合。网页主要有三部分组成:结构(Structure)、表现(Presentation)、行为(Behavior)。对应的标准也有三方面:结构化标准主要包括XHTML和XML,表现标准语言主要包括CSS、行为标准主要包括(如W3C DOM)、ECMAScript等。这些标准大部分是W3C起草发布,也有一是其他标准组织制定的标准,比如E...转载 2020-06-02 15:33:49 · 290 阅读 · 0 评论 -
CSS实现三栏布局(5种)
常见的布局方式: float布局、Position定位、table布局、弹性(flex)布局、网格(grid)布局那么我们就是用以上5种方式完成三栏布局,不过前提是左右宽度(假如左右宽度为300px),整个高度已知(假如高度为100px),中间宽度自适应1、float布局: float最初的设计的初衷是为了解决文字环绕的问题,即给一个图片设置float属性之后会使文字环绕在图片...转载 2020-05-07 14:47:43 · 193 阅读 · 0 评论 -
JsRender 前端渲染模板基础学习
JsRender前端渲染模板使用模板,可以预先自定义一些固定格式的HTML标签,在需要显示数据时,再传入真实数据组装并展示在Web页中;避免了在JS中通过“+”等手动分割、连接字符串的复杂过程;针对高性能和纯字符串渲染进行了优化;无需依赖DOM和jQuery;优先使用场景:元素重复出现;动态加载数据,并前端显示;JsRender使用引入js 定义模板 准备好要显示的数据 jso...转载 2020-05-01 21:29:48 · 858 阅读 · 0 评论 -
jQuery-tmpl基于jQuery简单实用的模板引擎
jQuery-tmpl是一个简单的模板引擎,能够实现动态的修改DOM数据,使用简单易懂的语法结构,通过JSON的格式传递和绑定数据,这个也是jQuery官方团队维护的模板引擎,很不幸的是这个项目将不在提供维护更新,将由JsRender替代。如果你还是喜欢使用jQuery-tmpl,这篇文章将为你详细的介绍如何使用jQuery-tmpl。前言动态请求数据来更新页面是现在非常常用的方法,比...转载 2020-05-01 21:18:28 · 202 阅读 · 0 评论 -
手机浏览器适配web
转载:https://www.jianshu.com/p/2c33921d5a68另一篇文章:https://www.jianshu.com/p/cf600c2930cb转载 2020-04-30 17:45:14 · 674 阅读 · 0 评论 -
vue 跨域配置
1.需求 vue项目中 有时候会遇到外源的地址 域名或端口 不一致 就会 跨域配置.在vue.config.js(有的不是这个文件) 中配置 webpack-dev-server(可以找项目中这个的配置地方).重要代码:proxy: { '/api':{ //代码加载的时候 用 /api 替换 target的地址 target:'http://...原创 2020-03-06 14:21:41 · 744 阅读 · 0 评论 -
vue开发环境和生产环境应用
1.需求 项目中经常会有线上线下接口地址 服务 内网 外网的区分,发布的时候改来改去很麻烦..有些不能统一配置的内网外网就引用的时候需要判断一下.//process.env是全局配置的 可以在各个js 和vue 组件中使用if (process.env.NODE_ENV === 'development') { //开发环境 production 生产环境 // 引用js 接...原创 2020-03-06 14:00:47 · 824 阅读 · 0 评论 -
vue页面中嵌入iframe外源地址页面 监听iframe 中事件
1.需求 vue中需要嵌入iframe 地址是第三方的 当iframeh中页面点击的时候.vue需要监控到这个事件将本页面关闭.代码中 js 发送和接收方法//vue组件中是个弹框<template> <el-dialog title="编辑" :visible.sync="editDialog" center :fullscreen="true" append-to-...原创 2020-03-06 13:53:49 · 12895 阅读 · 7 评论 -
html页面跳转及回退的几种方式
1.在页面里面跳转 比如有iframe 外壳 是在iframe 里面跳转window.location.href="****"回退用:window.history.back() 或者 window.history.go(-1)2.基于浏览器的跳转 有外壳 可以直接跳出来window.open("*******")回退: window.open("about:blank", "...原创 2020-03-06 13:31:39 · 4237 阅读 · 0 评论 -
Echarts 属性设置
theme = { // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e9...转载 2018-12-07 12:44:02 · 188 阅读 · 0 评论 -
Echarts之饼图
引入jquery.js,echarts.js文件<script src="js/jquery.js"></script><script src="js/echarts.js"></script><body><div id="charts" style="min-width:原创 2018-12-07 11:30:50 · 335 阅读 · 0 评论 -
Echarts之柱形图
需要引入 <script src="js/jquery.js"></script><script src="js/echarts.js"></script><body><div id="charts" style="min-width:150px;min-height:15原创 2018-12-07 10:35:33 · 321 阅读 · 0 评论 -
Echarts之水滴球
水滴球型图注意:需要引用 echarts-liquidfill.js文件。eg:html 文件头部需要引用js文件如下。<script src="js/jquery.js"></script><script src="js/echarts.js"></script><script src="js/echarts-li原创 2018-12-06 17:14:26 · 1182 阅读 · 0 评论