雲胡不喜-CSDN博客

原创 jQuery tab选项卡--案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../node_modules/jquery/dist/jquery.min.js">&lt...

2019-10-10 11:17:25 234

原创小案例---利用attr和prop切换图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>attr和prop方法练习</title> <script src="../node_modules/jquery/dist/jquery.js">&...

2019-09-27 09:44:06 176

原创路由----命名视图实现经典布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../node_modules/vue/dist/vue.js"></script&...

2019-09-23 10:57:54 133

原创使用ref获取DOM元素和组建引用

ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例关于 ref 注册时间的重要说明：因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们 - 它们还不存在！$refs也不是响应式的，因此你不应该试图用它在模板中做数据绑定。&l...

2019-09-20 20:21:28 224

原创正则表达式

一：什么是正则表达式正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。二：创建正则表达式1. 使用new运算符创建 var box =RegExp('box'); //第一个参数字符串 var box =RegExp('box','...

2019-07-10 19:15:17 118

原创 HTML DIV布局实例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Div首页布局</title> <style type="text/css"> *{ margin: 0; padding: 0;...

2019-05-05 20:15:11 7361 1

原创 canvas钟表实例

制作要求表盘1.初始化将圆心调整到画布的中间由于canvas中画圆与旋转所参照的坐标系于正常坐标系有出入将整个画布逆时针旋转90度初始化一些样式数据 ctx.lineWidth = 8; ctx.strokeStyle = "black"; ctx.lineCap = "round"; 2.外层空心圆盘圆盘颜色:#325FA2 圆盘宽度:1...

2019-05-05 20:02:22 156

关于meta标签中的http-equiv属性使用介绍meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！meta标签的组成：meta标签共有两个属性...

2019-04-04 08:54:27 344

原创 Bootstrap栅格布局

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理：“行（row...

2019-04-02 21:32:44 405

原创 Ajax基础知识总结

一：AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。*二：AJAX应用的五个步骤创...

2019-03-30 17:05:23 107

qq_40596594的博客