meta | 易学教程

使用jquery和使用框架的区别

阅读更多关于使用jquery和使用框架的区别

<!DOCTYPE html> <html lang="en"> <head> 　　<meta charset="UTF-8"> 　　<meta name="viewport" content="width=device-width, initial-scale=1.0"> 　　<meta http-equiv="X-UA-Compatible" content="ie=edge"> 　　<title>Document</title> </head> <body> 　　<div> 　　　　<input type="text" name="" id="txt-title"/> 　　　　<button id="btn-submit">submit</button> 　　</div> 　　<div> 　　　　<ul id="ul-list"></ul> 　　</div> 　　<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> 　　<script> 　　　　var $txtTitle = $('#txt-title'); 　　　　var $ulList = $('#ul-list'); 　　　　var $btnSubmit = $('#btn-submit'); 　　　　$btnSubmit.click

Vue的学习笔记(组件化）

阅读更多关于 Vue的学习笔记(组件化）

Vue的组件化就是将一整块复杂的处理逻辑拆分成一个个功能块，每个功能块完成属于自己这块独立的功能，这样易于管理和扩展。组件的使用：（1）创建组件构造器（2）注册组件（3）使用组件基本用法： < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http-equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < /title > < script src = "./lib/vue.js" type = "text/javascript" > < /script > < /head > < body > < div id = "app" > < my-cpn > < /my-cpn > < /div > < script type = "text/javascript" > const cpn = Vue.extend ( { template: ` < div > 标题 < /div > ` } ) Vue.component (

条件渲染-v-if // v-else // v-else if // v-show

阅读更多关于条件渲染-v-if // v-else // v-else if // v-show

条件渲染-v-if <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > </ head > < body > < div id = " app " >  < h1 v-if = " true " > 如果条件为真，我就会渲染。 </ h1 >  < h1 v-if = " 12 > 24 " > 如果条件为真，我就会渲染。 </ h1 > </ div > < script src = " ./vue.js " > </ script > < script > new Vue ( { data : { } } ) . $mount ( '#app

vue交互

阅读更多关于 vue交互

交互:（vue.js v1.0.21 vue-resource.js v0.7.0） $http （ajax）如果vue想做交互引入: vue-resouce get: 获取一个普通文本数据: this.$http.get('aa.txt').then(function(res){ alert(res.data); },function(res){ alert(res.status); }); 给服务发送数据:√ this.$http.get('get.php',{ a:1, b:2 }).then(function(res){ alert(res.data); },function(res){ alert(res.status); }); post: this.$http.post('post.php',{ a:1, b:20 },{ emulateJSON:true }).then(function(res){ alert(res.data); },function(res){ alert(res.status); }); jsonp: https://sug.so.360.cn/suggest?callback=suggest_so&word=a https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=a&cb

CSS

阅读更多关于 CSS

一什么是CSS 1.1 什么是CSS 层叠样式表(Cascading Style Sheets)：是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言； CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化； CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力（字体、边框、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动…） 1.2 如何学习CSS CSS是什么 CSS怎么用（快速入门） CSS 选择器（重点 + 难点）美化网页（文字，阴影，超链接，列表，渐变….）盒子模型网页基础~ 浮动应用~ 定位网页动画（特效效果） 1.3 发展史 1.CSS1.0 2.CSS2.0 DIV（块） + CSS，HTML 与 CSS 结构分离的思想，网页变得简单，SEO 3. CSS2.1 浮动，定位 4. CSS3.0 圆角，阴影，动画…. 浏览器兼容性~ 1.4 快速入门：三种导入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种导入方式</title>  <style> h1 { color :

vue2.0 keep-alive最佳实践

阅读更多关于 vue2.0 keep-alive最佳实践

1.基本用法 vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 <keep-alive> <component>  </component> </keep-alive> 有时候可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用 keep-alive 的情况下 <keep-alive><router-view></router-view></keep-alive> 将首次触发请求写在 created 钩子函数中,就能实现缓存, 比如列表页,去了详情页回来,还是在原来的页面。 2.缓存部分页面或者组件 (1)使用router. meta属性 // 这是目前用的比较多的方式 <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view> router 设置 ... routes: [ { path: '/', redirect: '/index', component: Index, meta: { keepAlive: true }}, { path: '

249 递归：概念，利用递归求1~n的阶乘，利用递归求斐波那契数列，利用递归遍历数据

阅读更多关于 249 递归：概念，利用递归求1~n的阶乘，利用递归求斐波那契数列，利用递归遍历数据

6.1什么是递归递归：如果一个函数在内部可以调用其本身，那么这个函数就是递归函数。简单理解: 函数内部自己调用自己, 这个函数就是递归函数注意：递归函数的作用和循环效果一样，由于递归很容易发生“栈溢出”错误（stack overflow），所以必须要加退出条件return。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> // 递归函数 : 函数内部自己调用自己, 这个函数就是递归函数 var num = 1; function fn() { console.log('我要打印6句话'); if (num == 6) { return; // 递归里面必须加退出条件 } num++; fn(); } fn(); </script> </body> </html> 6.2 利用递归求1~n的阶乘 <!DOCTYPE html> <html lang="en"

[HTML] HTML5中 meta 标签常见用法

阅读更多关于 [HTML] HTML5中 meta 标签常见用法

1. 指定稳定内容类型和编码类型 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> 2. 告诉ie浏览器以最高级模式渲染网页 <meta http-equiv="x-ua-compatible" content="IE=edge"> 3. 移动端显示优化 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 4. seo优化 <meta name="keywords" content="mata总结，html meta,meta属性"> <meta name="description" content="测试网址名"> 5. 删除默认的iOS工具栏和菜单栏，默认是no，显示工具栏和菜单栏，设置为yes不显示工具栏和菜单栏 <meta name="apple-mobile-web-app-capable" content="yes"> 参考：菜鸟教程 html标签的相关内容基础标签来源： CSDN 作者： iChangebaobao 链接： https://blog.csdn.net/iChangebaobao/article

移动页面适配－viewport缩放

阅读更多关于移动页面适配－viewport缩放

移动端适配方案1, 采用一个基准宽，对当前viewport进行缩放相关代码如下： <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="format-detection" content="telephone=no" /> <script type="text/javascript"> var clientWidth = document.documentElement.clientWidth, viewport = null, viewportWidth = 'device-width', viewportScale = 1, normalWidth = 2048; if (clientWidth > normalWidth) { viewport = document.getElementById('viewport'); viewportScale = clientWidth / normalWidth; viewportWidth =

13、vue.js简单入门

阅读更多关于 13、vue.js简单入门

本篇导航：介绍与安装 vue常用指令一、介绍与安装 vue是一套构建用户界面的JAVASCRIPT框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 1、安装下载vue.js： https://cn.vuejs.org/v2/guide/installation.html 2、CDN 也可以不下载直接使用cdn https://cdn.jsdelivr.net/npm/vue 3、引用 <script src="vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue"></script> 4、使用格式 {{}}，里面可以放表达式 <div id="app"> //和django中模版渲染一样使用｛｛变量｝｝插入文本 {{ message }} </div> <script> //实例化Vue var app = new Vue({ //定位标签表示在当前这个元素内开始使用VUE el: '#app', //变量 data: { message: 'Hello Vue!' } }) <script> 二、vue常用指令指令：是带有V-前缀的特殊属性，通过属性来操作元素 1、v-text,v-html v

订阅 meta