- 博客(85)
- 收藏
- 关注
RSS订阅原创 Vue的双向数据绑定原理是什么
之前面试题有一个这个关于双向绑定的问题，当时没有回答上来，后来搜索了解了一下，做个记录吧vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 具体实现步骤，感兴趣的可以看看: 当把一个普通 Javascript 对象传给 Vue ...
2019-09-01 16:54:58
306
转载 Vue事件修饰符
在Vue中事件修饰符主要有：.stop：等同于JavaScript中的event.stopPropagation()，防止事件冒泡 .prevent：等同于JavaScript中的event.preventDefault()，防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播） .capture：与事件冒泡的方向相反，事件捕获由外到内 .self：只会触发自己范围...
2019-08-09 21:22:02
858
转载 浏览器常用事件
原文链接：http://www.jianshu.com/p/dc236aff4de9浏览器窗口事件load 页面加载完成时触发beforeunload 窗口关闭之前触发unload 窗口关闭时触发focus 窗口得到焦点时触发blur 窗口失去焦点时触发error 页面上有脚本报错时触发resize 窗口大小改变时触发contextmenu 弹出右键菜单时触发...
2019-08-09 20:28:47
295
原创 正则表达式
正则表达式是构成搜索模式的字符序列。该搜索模式可用于文本搜索和文本替换操作。什么是正则表达式？正则表达式是构成搜索模式（search pattern）的字符序列。当您搜索文本中的数据时，您可使用搜索模式来描述您搜索的内容。正则表达式可以是单字符，或者更复杂的模式。正则表达式可用于执行所有类型的文本搜索和文本替换操作。使用字符串方法在 JavaScript 中，正则表...
2019-07-26 19:21:00
223
原创 什么是JavaScript？
HTML是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。 CSS 是一种样式规则语言，可将样式应用于 HTML 内容， 例如设置背景颜色和字体，在多个列中布局内容。 JavaScript 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。）...
2019-07-17 15:44:37
429
转载 Git踩坑
对于git的提交一直很小心翼翼，感觉一不小心就会踩到莫名的坑。这不，某天commit 就遇到了On branch master nothing to ...
2019-07-09 20:19:25
789
原创 廖雪峰Git教程学习
一、Git安装因为我是Windows系统，所以这里只写Windows系统下安装使用Git首先在官网下载Git，地址为：Git官网 网速慢的可以使用国内镜像，默认安装即可安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！...
2019-07-09 20:13:39
323
原创 css布局学习实操（Float、Position或者Flexbox来实现）
实现一个两栏布局，左侧占30%宽度，右侧占70%宽度HTML代码：<selection> <article class="left"> <p>132</p> </article> <article class="right"> <p>...
2019-07-06 18:31:04
272
原创 CSS复习3 框模型
我们把 padding 和 margin 统一地称为内边距和外边距。边框内的空白是内边距，边框外的空白是外边距CSS 内边距元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。CSS padding 属性定义元素边框与元素内容之间的空白区域。CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。...
2019-07-05 14:08:47
141
原创 CSS复习2 样式
CSS 背景CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。CSS 在这方面的能力远远在 HTML 之上。背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。background-color 不能继承，其默认值是 transparent。transparent 有“透明”之意。也就是说，如果一个元素没有指定背...
2019-07-05 12:57:52
159
原创 CSS复习1 选择器
CSS 概述CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。每条声明由一个属性和一个值组成。属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。记得写引号提示：如果值为若干单...
2019-07-05 11:33:55
372
原创 理解Web语义化
简单的说，就是让机器读懂内容可以趋向于内容和样式分离HTML5 更是在之前规范的基础上，将所有表现层（presentational）的语义描述都进行了修改或者删除，增加了不少可以表达更丰富语义的元素。为什么这样的语义元素是有意义的？因为它们被广泛认可。所谓语义本身就是对符号的一种共识，被认可的程度越高、范围越广，人们就越可以依赖它实现各种各样的功能。这是我在知乎上看的一个回答，记录一下...
2019-07-04 10:51:33
202
原创 重回百度前端技术学院第一天 HTML复习11 拖放
把元素设置为可拖放首先：为了把一个元素设置为可拖放，请把 draggable 属性设置为 true：<img draggable="true">拖放的内容 - ondragstart 和 setData()然后，规定当元素被拖动时发生的事情。在上面的例子中，ondragstart 属性调用了一个 drag(event) 函数，规定拖动什么数据。dataTran...
2019-07-04 10:22:03
179
原创 重回百度前端技术学院第一天 HTML复习10 HTML5音频视频
HTML 多媒体视频格式MP4 格式是一种新的即将普及的因特网视频格式。HTML5 、Flash 播放器以及优酷等视频网站均支持它。格式 文件 描述 AVI .avi AVI (Audio Video Interleave) 格式是由微软开发的。所有运行 Windows 的计算机都支持 AVI 格式。它是因特网上很常见的格式，但非 Windows 计算机并不...
2019-07-04 10:21:53
175
原创 重回百度前端技术学院第一天 HTML复习9 HTML5画布和SVG
什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度：<canvas id="myCanvas" widt...
2019-07-04 10:21:36
168
原创 重回百度前端技术学院第一天 HTML复习8 HTML5
什么是 HTML5？HTML5 是最新的 HTML 标准。HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。HTML5 拥有新的语义、图形以及多媒体元素。HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。注释：HTML5 中默认的字符编码是 ...
2019-07-03 20:36:22
242
原创 重回百度前端技术学院第一天 HTML复习7
HTML 表单HTML 表单用于搜集不同类型的用户输入。<form> 元素HTML 表单用于收集用户输入。HTML 表单包含表单元素。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。<input> 元素<input> 元素是最重要的表单元素。<input> 元素有很多形态，根据不同的 typ...
2019-07-03 17:25:11
181
原创 重回百度前端技术学院第一天 HTML复习6 XHTML
XHTML 简介什么是 XHTML？XHTML 指的是可扩展超文本标记语言 XHTML 与 HTML 4.01 几乎是相同的 XHTML 是更严格更纯净的 HTML 版本 XHTML 是以 XML 应用的方式定义的 HTML XHTML 是 2001 年 1 月发布的 W3C 推荐标准 XHTML 得到所有主流浏览器的支持与 HTML 相比最重要的区别：文档结构XHTM...
2019-07-03 16:51:39
181
转载 颜色对换表
颜色代码大全 AA 指定透明度。 00 是完全透明。 FF是完全不透明。超出取值范围的值将被恢复为默认值。 ffff00ffff33ffff66ffff99ffffccffffffffcc00ffcc33ffcc66ffcc99ffccccffccffff9900...
2019-07-03 15:57:42
575
原创 重回百度前端技术学院第一天 HTML复习5
HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：<h1>, <p>, <ul>, <table>HTML 内联元素内联元素在显示时通常不...
2019-07-03 15:46:17
160
原创 重回百度前端技术学院第一天 HTML复习4
HTML 计算机代码元素标签 描述 <code> 定义计算机代码文本 <kbd> 定义键盘文本 <samp> 定义计算机代码示例 <var> 定义变量 <pre> 定义预格式化文本 HTML 超链接（链接）超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点...
2019-07-03 14:24:37
207
原创 重回百度前端技术学院第一天 HTML复习3
HTML <q> 用于短的引用HTML <q> 元素定义短的引用。浏览器通常会为 <q> 元素包围引号。用于长引用的 HTML <blockquote>HTML <blockquote> 元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。用于缩略词的 HTML <ab...
2019-07-03 13:42:26
188
原创 重回百度前端技术学院第一天 HTML复习2
HTML 标题标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。<h1> 定义最大的标题。<h6> 定义最小的标题。注释：浏览器会自动地在标题的前后添加空行。注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。标题很重要请确保将 HTML heading 标签只用...
2019-07-03 11:47:58
289
原创 重回百度前端技术学院第一天 HTML复习1
什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页HTML 文档 = 网页HTML 文档描述网页 HTML 文档包含 H...
2019-07-03 11:32:33
160
原创 重回百度前端技术学院 第一天
之前经历了考试月导致之前的很多知识点都模糊了，所以特意重新回忆一下基础知识网址访问过程和下图差不多，浏览器和服务器交流，服务器和数据库交流（有时候数据库就在服务器那台机子上）HTML 5 与 XHTML像人的语言一样，网络上的网页里的 HTML 代码也不一定是标准的，好比有时候你发音不太标准，别人会去猜测你说的到底是什么一样，有些时候前端程序猿不小心写错了 HTML，浏览器也会试图猜...
2019-07-03 11:14:32
188
原创 vue2.x+koa2实战电商（四）
首页布局和路由设置user-scalable设置先补一个上节课忘记加入的属性，在作移动端页面适配时，一般我们不希望用户自己缩放页面大小，我们可以在index.html的meta标签进行设置，加入user-scalable=no。然后把src/router/index.js 改为：import Vue from 'vue'import Router from 'vue-rou...
2019-05-12 16:28:35
278
原创 vue2.x+koa2实战电商（三）
这次是对产生效果进行手机移动端的配置首先是技术胖的科普时间，铛铛铛...常见移动web布局适配方法固定高度，宽度百分比：这种方法只适合简单要求不高的webApp，几乎达不到大型项目的要求，属于过时的方法。 Media Query（媒体查询）：现在比较主流的适配方案，比如我们常用的样式框架Bootstrap就是靠这个起家的，它能完成大部分项目需求，但是编写过于复杂。 flex布局：主...
2019-05-12 15:50:21
364
原创 vue2.x+koa2实战电商（二）
今天学习如何优雅的使用vantVant简介vant是有赞前端团队提供的Vue组件库。它的有点有以下5个：国人制造，复合中国网站样式和交互习惯； 单元测试超过90%，有些个人的小样式组件是不作单元测试的； 支持babel-plugin-import引入，按需加载插件，无需单独引入样式； 支持TypeScript，这个是2018年前端最应该学的技术； 支持SSR，服务端渲染也是可以...
2019-05-11 20:39:27
389
原创 vue2.x+koa2实战电商（一）
涉及的技术栈包括：Vue+Router+Vant+Node+Koa2+Mongoose+MongoDB是根据技术胖的视频学习的使用vue-cli生成项目目录 使用vue-cli非常方便快速，它可以为我们生成基本的Vue的项目结构。检测npm版本，在终端输入 npm -v,尽量使用5.x以上版本。 全局安装vue-cli，在终端里输入，npm install vue-cli -g...
2019-05-11 20:20:01
659
原创 vue-cli
最近很长时间没有写优快云了，因为最近一直忙着写材料，写的手都起了水泡了，最近好不容易闲下来一点，就把之前做的东西放上来，算是给自己交的一个作业吧...都是根据jspang的视频一边学习一边做的: https://jspang.com/快餐店收银系统：https://github.com/wangyachao23/vuePostvuecli学习:https://g...
2019-05-06 10:26:17
117
原创 Vue-cli学习（1）
前面学完了Vue2.0的基础部分，今天开始学习稍微复杂一点的进阶部分首先确定安装了npm,可以在cmd里面用 npm -v 来查看，如果安装了就会出现版本号，然后安装 vue-cli,使用命令: cnpm install vue-cli -g 进行安装 -g代表全局安装，cnpm就是淘宝镜像，速度会快一点安装好了之后可以使用命令： vue -V 查看版本，注意是大写V...
2019-04-17 21:14:47
236
原创 Vue2.0基础学习
前两天一直在上党课，写党材，没有时间写博客，最近把Vue2.0的基础部分全部学完了，每个部分都写了具体的实例，代码放到了Github上，里面已经把注释写的很清楚了，就不再重复了，地址：https://github.com/wangyachao23/Vue2.0-如果想看具体如何实现的话，可以看技术胖的视频，非常轻松愉快的学习体验https://jspang.com/接下来就要学习进...
2019-04-16 22:08:00
130
原创 vue表单与v-model
这个是数据绑定的显示效果代码为：<div id="app" v-cloak><input type="text" @input="handleInput" placeholder="请输入..."><p>请输入文字:{{message}}</p></div><script>var app=...
2019-04-08 19:24:27
237
原创 Vue实战：利用计算属性、指令等知识开发购物车
这是效果截图代码已经放到GitHub上，地址为：https://github.com/wangyachao23/Vue-shopcarhtml:<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 购物车</title><...
2019-04-07 17:48:21
422
原创 vue学习之简单计数器（方法与事件学习）
这是简单的效果截图，没有加任何css代码修饰实现代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-04-07 15:18:24
571
转载 vue安装（1）
NPM方法 在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。 首先，先列出我们接下来需要的东西：node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 1） 安...
2019-04-01 21:05:22
223
原创 vue安装之webpack不存在问题
好不容易安装好了vue，结果创建了一个项目时确出现了一个叫 “webpack不存在...”这个问题，可是我明明安装了呀，崩溃！！！折腾了将近一天终于把这个问题解决了，下面是我的解决方法，希望对同样有这个问题的你有帮助...安装node和cnpm的方法我就不重复了，我上一篇博客就是讲的如何安装那么解决webpack问题，首先在命令行敲入 cnpm install webpack...
2019-04-01 21:01:22
1234
转载 最全微信小程序demo
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo：百度小说搜索shitoujiandaobu 小程序：石头剪刀布（附代码说明）...
2019-03-29 17:48:42
646
原创 小程序开发（3）
这次分享的是调用 历史上的今天的API接口做的一个小程序，代码简单GitHub地址：https://github.com/wangyachao23/historyToday 这是效果截图日期会根据现实中的日期变化，下面的历史事件也会随之变化。...
2019-03-29 17:41:29
154
原创 小程序开发（2）
前段时间一直在看 从零开始学 微信小程序开发 这本书，跟着上面的教程做了一个计算器的小程序代码放到GitHub上面了，有想看的可以看一下https://github.com/wangyachao23/calc下面是效果界面截图： 这是开始界面，点击 简易计算器即可进入计算页面 该计算器可实现基本的加减乘除及退一步和清零及历史记录等这里有一条历史记录...
2019-03-29 17:35:31
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人