jQuery tab选项卡--案例 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../node_modules/jquery/dist/jquery.min.js"><...
小案例---利用attr和prop切换图片 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>attr和prop方法练习</title> <script src="../node_modules/jquery/dist/jquery.js">&...
路由----命名视图实现经典布局 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../node_modules/vue/dist/vue.js"></script&...
使用ref获取DOM元素和组建引用 ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例关于 ref 注册时间的重要说明：因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们 - 它们还不存在！$refs也不是响应式的，因此你不应该试图用它在模板中做数据绑定。&l...
正则表达式 一：什么是正则表达式正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规 则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。二：创建正则表达式1. 使用new运算符创建 var box =RegExp('box'); //第一个参数字符串 var box =RegExp('box','...
HTML DIV布局实例 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Div首页布局</title> <style type="text/css"> *{ margin: 0; padding: 0;...
canvas钟表实例 制作要求 表盘1.初始化 将圆心调整到画布的中间 由于canvas中画圆与旋转所参照的坐标系于正常坐标系有出入 将整个画布逆时针旋转90度 初始化一些样式数据 ctx.lineWidth = 8; ctx.strokeStyle = "black"; ctx.lineCap = "round"; 2.外层空心圆盘 圆盘颜色:#325FA2 圆盘宽度:1...
meta标签详解 关于meta标签中的http-equiv属性使用介绍meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！meta标签的组成：meta标签共有两个属性...
Bootstrap栅格布局 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理：“行（row...
Ajax基础知识总结 一：AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。*二：AJAX应用的五个步骤创...
关注
