weixin_42607424-优快云博客

原创背景图片水平居中方法

1. 背景图片水平居中方法详解见下： https://jingyan.baidu.com/article/e4d08ffd6508370fd3f60d52.html 2. CSS 背景位置 background-position属性详解 http://www.divcss5.com/shouce/c_background.shtml https://blog.youkuaiyun.com/ixygj1...

2018-12-24 22:22:27 1015

原创原型模式相关的方法

isPrototypeOf 方法原型对象的isPrototypeOf 方法，判断实例是否有指向Person.prototype的[[prototype]] alert(Person.prototype.isPrototypeOf (person1)); //true Object.getPrototypeOf() 方法 ES5新增方法Object.getPrototypeOf()，返回[...

2018-12-23 19:52:26 200

原创 js创建对象

一、基本概念函数是对象属性 prototype属性：是指针，指向所有实例共享的属性和方法的对象，即原型对象方法 Function类型的实例函数名是指针指向函数对象，不会与某个函数绑定二、创建对象模式例子缺点备注工厂模式 function createPe...

2018-12-21 11:28:14 188

原创 ajax实现微博页面

静态页面略过，动态实现过程如下： 1.实现功能：输入内容，成功发布微博 <textarea class="comment"></textarea> <input type="button" value="发布" class="send" disabled> 实现方法：监听发布按钮的点击，通过$.ajax

2018-12-13 22:43:20 760

原创 XMLHttpRequest对象用法总结

1. 请求一般由浏览器发出，服务器处理。而JavaScript通过XMLHttpRequest对象可以自己发送请求，自己处理请求； 2. XMLHttpRequest对象用法步骤一：创建XMLHttpRequest对象的实例 function getHttpObject(){ if(typeof XMLHttpRequest == "undefined"){ ...

2018-11-06 22:52:54 260

原创 Uncaught TypeError: Cannot read property 'draw' of undefined

1. 来源自慕课网Daisy 的课程《canvas实现星星闪烁特效》，相关问题下面有我的回答部分js脚本如下 function init() { can = document.getElementById("canvas"); ctx = can.getContext("2d"); w = can.width; h = can.height; g...

2018-10-31 17:40:12 1459

原创 Vue组件的使用

步骤1：定义一个组件 Vue.component('todo-item',{ template:'<li></li>' }) 步骤2：应用组件 <ul> <todo-item></todo-item> </ul> 步骤3：通过:content属性给组件todo-item传...

2018-10-27 21:17:16 165

原创对面向对象的理解

1. 基本思想在现实世界中存在的客体是问题域中的主角，所谓客体是指客观存在的对象实体和主观抽象的概念，他是人类观察问题和解决问题的主要目标。例如，对于一个学校学生管理系统来说，无论是简单还是复杂，始终是围绕学生和老师这两个客体实施。在自然界，每个客体都具有一些属性和行为，例如学生有学号、姓名、性别等属性，以及上课、考试、做实验等行为。因此，每个个体都可以用属性和行为来描述。 [2] ...

2018-10-26 11:41:13 146

原创 MVVM框架简介

Model-View-Controler简写MVC, 其中控制器负责处理View和Model的事件 Model-View-ViewModel简写MVVM，其中视图模型是视图显示逻辑，验证逻辑，网络请求等代码存放的地方 MVVM框架 Model View ViewModel 数据部分视图部分连接数据和视图的中间件 Javascrip对象 DOM ...

2018-10-14 19:55:55 1421

原创 Github新手学习2

Github学习三四个小时终于出结果了，先把结果贴上来总结一下主要步骤： 1.注册账号 2.Github上创建仓库 3.安装git客户端以及配置可参考：https://jingyan.baidu.com/article/a65957f4e91ccf24e77f9b11.html 4.两种方法上传本地仓库到github, 一是使用git bash, 可参考： ...

2018-10-09 20:39:08 159

原创 Github注意事项

1. Git bash 生成新的ssh key $ cd ~ #保证当前路径在”~”下 $ ssh-keygen -t rsa -C "xxxxxx@yy.com" #建议填写自己真实有效的邮箱地址 Generating public/private rsa key pair. Enter file in which to save the key (/c/Users/xxxx_000...

2018-10-09 18:02:47 312

原创 icon font制作

1. 快速上手制作Icon Font http://ued.sina.com.cn/?p=1295 icon font制作在ps中，将icon矢量图图层栅格化，保存为png24 在FontCreater中，图片导入字体，调整大小在线工具将字体文件转换成多种格式 icon font使用字体声明@font-face 通过after伪类添加 .icon_1::after{content: "\...

2018-09-12 10:24:54 524

原创无序列表横向显示两种方法

注释 1 HTML中条件注释：  条件注释定义只有 Internet Explorer 执行的 HTML 标签。 2 过多的JavaScript注释会降低JavaScript的执行速度与加载速度，...

2018-09-10 21:57:51 10557

原创 table总结

table总结如下：用法：呈现数据的数据表，或者当网页中出现对齐的列表的时候可以用表格，当然也可以用ul li，也可以用div写成列表缺点：table的语义性、可维护性都比较差表格布局，不利于搜索引擎抓取信息，直接影响到网站的排名具体操作： 1. table中可设置td内容位置 align属性趋向于左右对齐(水平对齐)，其值包含：left、right、c...

2018-09-09 19:29:33 247

原创直角梯形实现方法

1. float元素显示只能由本身的line-height,height,margin,padding来调节绝对定位元素位置才可以用top,left调节 float元素定位与上一个元素和父元素都有关，而绝对定位元素定位时与上一个元素没有关系，只与父元素有关 2. 上图中直角梯形css实现方法： .tixing{ height:0px; ...

2018-09-06 09:54:52 2432

原创 input背景图像和placeholder内容重叠

问题一 input添加背景图像和placeholder内容重叠解决步骤定位在最左边时，给输入框添加padding-left，定位在右边时给右边加padding-right，以防输入文字和图片重合问题二 input背景图标显示太大解决步骤 1.css中 background-size:104px 328px;设置png背景图像缩小之后的尺...

2018-08-24 15:41:03 1807

原创查看图片坐标

有一些内容是我从网上找到的，并且都是我实践过的且行得通的，我觉得有用的，希望对别人也有所帮助。如有侵权，请联系我删除。 1. 问题一样式css选择一张图片（包含所有图标集）里任意一个图标icon 解决方法 https://blog.youkuaiyun.com/qq_31935419/article/details/81099844 备注 -99px是往左移动99px,...

2018-08-21 20:04:53 1720

原创报错Cannot read property 'length' of null

Firefox 61.0.2 可以执行，IE11, Chrome 68.0.3440.106, Opera 54.0不可以是判断不到位？ function getHTTPObject(){ if(typeof XMLHttpRequest=="undefined") XMLHttpRequest = function(){ try{ return ...

2018-08-14 08:51:33 2954

原创《JavaScript DOM编程艺术》第四章56页 nodeValue属性

HTML: <p id="description">Choose an image.</p> JS: var description=getElementById("description"); alert(description.childNodes[0].nodeValue); 这条alert语句返回的是“Choose an image" 疑问：既然...

2018-08-06 11:44:19 160

原创 jQuery detach()

如下代码实现不了，什么鬼？<!doctype html><html lang="en"><head> <meta charset="utf-8"/> <title>jQuery</title></head><body> <p titl

2018-07-13 10:48:27 311

原创 jQuery第一个问题

开始学习jQuery,锋利的jQuery第一章。如下代码怎么实现不了导航栏效果？<!doctype html><html lang="en"><head> <meta charset="utf-8"/> <title>jQuery</title></head><

2018-07-11 21:59:19 370

原创 JavaScript DOM编程艺术——moveElement函数

知识点梳理：1.为元素创建属性，elem.movement=setTimeout(repeat,interval);优点：可以测试它是否存在，并在存在的情况下使用clearTimeout, 快速移动鼠标指针动画效果不再混乱2.Math对象的ceil方法：Math.ceil(number) 例如：Math.ceil(5.2) 返回结果为63.函数parseInt(string) 可以把字符串...

2018-07-04 14:51:54 1052

weixin_42607424的博客