自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 问答 (1)
  • 收藏
  • 关注

原创 简单理解DOM(文档对象模型)

1.DOM (文档对象模型)是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口2.通过这些DOM接口可以改变网页的内容,结构和样式。文档:一个页面就是一个文档。document元素:页面上的所有便签都是元素,element节点:网页上的所有内容都是节点(便签,属性,文本,注释等),node...

2020-05-15 17:38:51 266

原创 jquery的入口函数与js入口函数的区别

jquery的入口函数与js入口函数的区别写法js:window.onload(function(){})jquery:$(docunment).ready(){}或者:$(function(){})区别:window.onload 只有一个入口函数,如果存在多个函数,前面会被后面覆盖。jquery可以有多个入口函数,不会被覆盖执行机制不同:一般而言jquery入口函数要快于window.onloadjquery入口函数要等待页面上dom树加载完后执行window.

2020-05-11 12:58:01 288

原创 物联网(loT) 的技术架构

物联网为什么如此火爆?首先我们要了解物联网是什么?物联网是新一代信息技术的重要组成部分。物联网就是物物相连的互联网。物联网是超越互联网,朝智能化,建立在互联网基础上的团队属性和社会属性的全新生态属性。人类将进入到万物互联的时代。移动化与物联网相连是非常的重要的环节,因为智能设备也是需要人机相互和用户体验,所有大多数的物联网企业会选择开发一款loT App作为连接用户和自己产品的桥梁。物联网(loT) 的技术架构随着互联网技术日益成熟,有线网络从铜线向光纤的顺利改造,网络传输的稳定性和传输速率已经有了很

2020-05-10 11:28:10 8954

原创 OCR文字转换--办公小能手你值得拥有

在工作或者学习的时候,你是否会遇到这样的问题:想把一些纸质资料,书刊杂志,PDF格式等有价值的信息电子版保存起来,却需要一字一字的敲出来,敲到手都快有抽筋了,终于敲完了这一页,好家伙还有十几页等着你敲,你怕不怕,心塞不塞,为什么就不能直接粘贴,复制呢,这得多方便,多爽。喂喂喂~请等等,谁说不可以,OCR文字转换小程序就能轻松解决。只需要简单3步就能完成。1.传,2.复制,3粘贴就轻轻松松搞定。准备好了吗?follow me1. 关注谦城科技公众号,点击软件服务–>选择图文OCR2. 输入验

2020-05-08 17:49:14 359

原创 es6关于变量

变量原来的声明:var 缺点:1. 可以重复声明(导致变量被覆盖),2. 无法限制修改, 3. 没有块级作用域es6的声明 1.let 不能重复声明,变量可以修改,有块级作用域。2. const 不能重复声明,常量不能修改,有块级作用域。块作用域的好用,例:window.onload = function(){var btn = document.getElementByTagName...

2020-05-07 21:45:16 133

原创 es6入门

兼容性: IE10 + ,chrome, FireFox ,移动端,Node.js编译转换:在线转换 用户体验不是很好。提前编译 babel == browser.js <script scr = "browser.js" charset = "utf-8"></srcipt> <scripr type = 'text/babel'>新特新:...

2020-05-07 21:22:17 134

原创 前端实习面试题一

1.什么是浏览器内核,常用的浏览器的内核有哪些?内核是浏览器的核心,内核是基于标记语言显示内容的程序,浏览器内核可以分为两部分,渲染引擎(负责对HTML,CSS的解析),js引擎(负责对js代码的解析)目前的浏览器内核有:trident,Gecko,presto,webkit等行内元素和块级元素有哪些?内行元素有:a,span,br,i,img,label等块级元素有:div,li,ul...

2020-05-02 15:39:13 533

原创 vue-路由的学习

路由的介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定...

2020-05-01 15:44:38 142

原创 Element ui-表单的使用

例子1:Login 组件<template> <div class="login_container"> <div class='login_box'> <!-- 头像区域 --> <div class='avatar_box'> &...

2020-05-01 15:20:20 280

原创 Element-UI-我的使用

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是Mint UI官网地址为: http://element-cn.eleme.io/#/zh-CN我的使用:运行 vue ui 命令,打开图形化界面通过 Vue 项目管理器,进入具体的项目配置面板点击 插件 -> 添加插件,进入插件查询面板搜索 vue-cli-plugin-...

2020-05-01 14:49:41 152

原创 我的git/github学习

根据视频教程安装 尚硅谷GitHub教程(新版git已上传,推荐观看) 配置Git用户和邮箱  // 设置用户姓名  git config --global user.name "姓名"  // 设置可以联系的邮箱地址  git config --global user...

2020-04-28 16:52:01 108

原创 vue-computed,watch,method 的理解和区别

methodsmethods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。zh

2020-04-27 17:04:28 191

原创 vue 父子组件传值数据不能实时更新问题

在父组件创建的时候,已经创建了相关的子组件,该子组件已经缓存在内存中,在通过其他事件改变父组件传给子组件的值是不生效,需要先销毁子组件再重新加载。 <Category-every :category="category" v-if="flag"></Category-every>在点击事件中select(category) { ...

2020-02-07 22:28:57 3517

原创 关于js ====事件处理程序

事件处理程序HTML事件处理程序<button onclick ="handler()"> 按钮</button>2.DOM0级事件处理程序btn.onclick = handlerDOM2级事件处理程序btn.addEventLister("click",handler,false)IE事件处理程序btn.attachEvent('onc...

2019-12-29 20:37:59 132

原创 js====>element对象

属性及方法element.accessKey 设置或返回元素的快捷键。element.appendChild() 向元素添加新的子节点,作为最后一个子节点。element.attributes 返回元素属性的 NamedNodeMap。element.childNodes 返回元素子节点的 NodeList。element.className 设置或返回元素的 class 属性。ele...

2019-12-27 15:51:29 271

原创 使用canvas 画钟表

学习了一些关于canvas的知识后,自己捣鼓了一个时钟表。可能代码还可以更加优化,但是也还能实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i...

2019-12-25 13:12:30 182

原创 HTML 5 拖放

拖放(Drag 和 drop)是 HTML5 标准的组成部分。拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释:在 Safari 5.1.2 中不支持拖放。设置元素为可拖放首先,为了...

2019-12-20 10:23:52 81

原创 简单的js拼图小游戏

根据视频的思路,自己重新敲一遍分析:图片是怎样摆放 根据背景图片的定位。如何拖拽 === H5 新增的拖拽怎样互换 === 找到该对应的父元素对应 进行 appendChild(相互的元素)页面布局 === 可以九宫格,12宫格。。。难度的变化如何校验 === 是否 在原来对应的父元素中设置 id的相似,然后比较洗牌 === 随机互换两个div。进行多次。<!D...

2019-12-19 22:37:25 343

原创 浅谈call,apply,bind

apply 和 call 方法实际上并不在函数这个实例对象中,而是在Function的prototype中。相同之处:1、都是用来改变函数的this的指向。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参区别:bind 是返回对应函数,便于稍后调用;apply 、call 则是立即调用 。apply 传入的数值是数组,而call是直接传入一个一个的参数。 fun...

2019-12-19 19:04:45 92

原创 vue中v-show与v-if的选择与区别

v-if和v-showv-show与v-if具有相似的功能。v-show :显示,隐藏(有元素) v-show本质就是通过设置css中的display为none,控制隐藏。v-if :创建,删除 (没有元素) v-if 是动态的向DOM树添加和删除DOM元素。v-if才是真正的条件渲染,它会根据表达式适当地摧毁或重建元素以及绑定的事件或子组件。若表达式初始值为false,则一开始元素/组件...

2019-12-19 14:25:36 159

原创 关于原型的继承问题

原型的作用 原型作用:数据共享,目的:为了节省内存空间, 原型作用:继承 目的是:为了节省内存空间继承 原型继承:改变原型的指向 借用构造函数继承: 主要解决属性的问题 组合继承:原型继承+借用构造函数继承原型继承function Person(name, age, sex, weight) { this.name = name ...

2019-12-19 12:35:31 182

原创 js中的参数都是按值传递的

传递参数在向参数传递基本类型的值的时候,被传递的值复制给一个局部变量,在向参数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量。按照基本类型传递时,传递参数(num =20 )后,参数在函数内部的变化不会引起外部的值的变化,此时该是局部变化,相当于在函数中 var num = num = 20 。按照引用类型传递时,传递参数(person)后,obj和person 是对应的同...

2019-12-19 09:18:25 142

原创 关于对象的理解

理解对象对象:特指的某个事物,具有一定属性和方法(一组无序的属性的集合)特征----->属性行为------>方法创建对象三种方式字面量的方式var per1 = { name = '东子', age:22, sex:'女', eat:function () { console.log('喜欢吃超好吃的蛋糕~~~'), readBook:function (...

2019-12-07 14:26:23 204

原创 Emmet语法

Emmet语法快速格式化代码Vscode 快速格式化代码 shift+alt+f也可以设置 当我们保存页面的时候,自动格式化代码文件------>【首选项】-------->【设置】;搜索emmit.include在setting.json下的【工作区设置】 中 添加一下语句:"editor.formatOnType": true, "editor.formatOnSa...

2019-10-20 13:33:18 125

原创 HTML+CSS 模拟QQ邮箱登录界面

模拟QQ邮箱登录界面index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...

2019-10-18 23:39:32 3489

原创 vue学习之路===》webpack4.x开发环境配置,填坑之路

标题webpack-最基本的使用方式在b站学习vue,跟着视频敲代码,发现视频版本有点旧,到了webpack出现了各种坑,应为版本升级,很多使用方式都不同。在网上找了很多资料,结合七七八八,终于自己能够在 dist文件中打包成功。webpack也必须要全局安装webpack-cli必须要全局安装全局安装后,在项目文件下 输入webpack .\src\main.js -o .\dist...

2019-10-08 13:22:25 156

原创 vue学习之路===>vcode中快速创建vue模板

vcode中快速创建vue模板点击文件==》首选项==》用户代码片段文本框中输入html回车得到html.json文件,将文件内容改为:{ // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and // description...

2019-10-06 00:38:07 271 1

原创 vue学习之路===>全局组件定义的三种方式

全局组件定义的三种方式使用 Vue.extend 配合 Vue.component 方法:var login = Vue.extend({ template: '<h1>登录</h1>' }); Vue.component('login', login);直接使用 Vue.component 方法:Vue.component('...

2019-10-05 19:33:37 242

原创 jquery学习遇到的问题

javascipt基础学完,进入jQuery的学习。jQuery是JavaScript库。在引入时遇到了问题,弄了一个晚上都找不出原因,几乎崩溃!最终终于到出了问题,细节问题,被自己蠢死了。<script src="js/jquery-1.4.1.js"> $(function () { alert("Hello world"); });<...

2019-04-19 20:44:32 295

原创 JavaScript古诗十首翻页

JavaScript古诗十首翻页<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>翻页程序</title> <style> .STYLE1{ ...

2019-04-14 22:24:38 517

原创 JavaScript图片透明度的周期性变化

JavaScript图片透明度的周期性变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片透明度的周期性变化</title> <style> </style></h...

2019-04-14 19:58:28 257

原创 JavaScript改变图片大小

JavaScript改变图片大小<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态改变图片大小</title> <script language="JavaScr...

2019-04-14 14:16:54 4161

原创 Html中几种图片格式的区别与使用--我的笔记

在HTML中通过 img src=“图片路径” 引入图片。常见的图片格式有JPEG(JPG),PNG,GIF.GIF图片的扩展名是gif。现在所有的图形浏览器都支持GIF格式,而且有的图形浏览器只认识GIF格式。GIF是一种索引颜色格式,在颜色数很少的情况下,产生的文件极小,它的优点主要有:GIF格式支持背景透明。GIF图片如果背景色设置为透明,它将与浏览器背景相结合,生成非矩形的...

2019-04-13 11:52:38 3617

原创 js计算n天后是星期几

js刚入门,自己写写代码当练习。计算n天后是星期几<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml...

2019-04-10 20:00:53 3944 12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除