- 博客(35)
- 收藏
- 关注
RSS订阅原创 Chrome开发者工具-Console(一)
JavaScript控制台JavaScript控制台主要为开发者提供两方面功能：查看使用Console API提供的方法记录的代码诊断信息和DevTools其他面板进行交互，运行JavaScript查看从JavaScript记录的消息点击警告图标旁边的展开图标，DevTools会显示调用的堆栈跟踪。如下图显示，函数logWarning被调用了，该函数又调用了函数quoteDante。首先被调用的函数位于堆栈跟踪的底部，开发者可以随时通过 console.trace() 来记录堆栈跟踪
2021-10-28 21:29:26
1225
原创 Chrome开发者工具-Elements
概述Chrome开发者工具，简称DevTools，内嵌于Google Chrome浏览器中，是一组网页制作和调试工具。用Chrome打开一个web应用，在任意位置右键点击"检查"即可访问DevTools。Ctrl + Shift + I 打开DevToolsCtrl + Shift + J 打开DevTools中的控制台Ctrl + Shift + C 打开DevTools的审查元素模式Mac对应的快捷键可查看https://leeon.gitbooks.io/devtools/content
2021-10-27 22:07:36
1340
原创 0.1+0.2不等于0.3
JavaScript是如何表示数字的？JavaScript使用Number类型表示数字（整数和浮点数），遵循IEEE 754标准 通过64位来表示一个数字。表示格式如下：其中第63位是符号位，0表示负1表示正；第52-62位是阶码位，即以2为底的指数部分，计算方式=偏置值（64位字长的偏置值为1023）+求得的阶码真值第0-51位是尾数有效数值位，有效数值位是指小数点后面的数。不管正负，十进制的数都会转换成1.xxx*2^(阶码真值)的形式如 100.25 转换成二进制是 1100100.
2021-10-16 17:29:56
145
原创 小程序模板语法与事件绑定
模板语法数据绑定<view>{{msg}}</view><view>{{num}}</view><view>{{isGirl}}</view><view>{{person.age}}</view><!-- 在标签的属性中使用 --><view data-num="{{num}}">自定义属性</view><!-- 使用Boolean类型充当属性，要注意
2021-06-07 11:56:52
133
原创 小程序自定义组件及生命周期
自定义组件类似vue或者react中的自定义组件，小程序允许我们使用自定义组件的方式来构建页面。创建自定义组件类似于页面，一个自定义组件由json wxml wxss js 4个文件组成。在根目录下新建文件夹components，在components文件夹中新增文件夹xxx（如Tabs），然后选中该文件夹右击选择新建Components，就可以创建成功了。声明引入自定义组件在要引入组件的页面的.json文件中加入组件（如在pages/first/fist.json中加入组件）{ "
2021-06-07 11:53:48
353
原创 模板语法与事件绑定
模板语法数据绑定<view>{{msg}}</view><view>{{num}}</view><view>{{isGirl}}</view><view>{{person.age}}</view><!-- 在标签的属性中使用 --><view data-num="{{num}}">自定义属性</view><!-- 使用Boolean类型充当属性，要注意
2021-06-07 11:52:37
169
原创 小程序常见标签组件
常见标签组件文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/view代替原来的div标签有许多新增属性text文本标签只能嵌套text长按文字可以复制（只有该标签有这个功能，对应selectable属性，默认为false）可以对空格 回车进行编码（对应decode属性，默认为false）image属性：src 指定要加载的图片路径图片存在默认宽高宽度320px，高度240pxmode
2021-06-07 11:51:48
337
原创 小程序简介
微信小程序，简称小程序，是一种不需要下载安装即可使用的应用，用户扫一扫或搜一下即可打开应用。现在的微信小程序已十分常见，其他类型的小程序如qq小程序，支付宝小程序的开发与其类似。微信小程序特点微信有海量用户，粘性高，在微信里开发产品容易触达用户推广app或公众号成本太高开发适配成本低容易小规模试错，然后快速迭代跨平台小程序历史2016.1.11，微信之父张小龙指出微信内部正在研究新的服务形态，叫应用号，之后改为叫微信小程序。2016.9.12，微信小程序正式开启内测。2017..
2021-06-07 11:51:03
284
原创 浮动 & 定位
浮动（float）标准文档流：文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。使元素脱离文档流的三种方式：浮动（float）、绝对定位（absolute）、固定定位（fixed）什么是浮动：浮动可以理解为让某个块级元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮
2021-06-07 11:45:17
95
原创 BFC & 外边距折叠
BFCBFC(Block fomatting context) = block-level box + Formatting ContextBoxBox即盒子模型block-level box即块级元素，display属性为block,list-item,table的元素，会生成block-level box；并参与block formatting contentinline-level box即行内元素，display属性为inline,inline-block,inline-table的
2021-06-07 11:17:04
170
原创 css盒模型
CSS盒模型在CSS中，我们广泛地使用两种“盒子”----块级盒子(block box)和内联盒子(inline box)，但完整的CSS盒模型应用于块级盒子，内联盒子只使用盒模型中定义的部分内容。盒模型定义了盒子中的每个部分----margin,border,padding and content，合在一起就可以创建我们在页面上看到的内容。CSS盒模型的组成：content box：这个区域用来显示内容，大小可以通过设置width和heightpadding box：包围在内容区域外部的空白
2021-06-07 11:11:54
59
原创 ES6中字符串的扩展
本文总结自https://es6.ruanyifeng.com/字符的Unicode表示法ES6加强了对Unicode的支持：采用\uxxxx形式表示一个字符，其中xxxx表示字符的Unicode码点，适用于在\u0000~\uFFFF的字符。超出范围的字符，必须用两个双字节的形式表示。只要将码点放入大括号，就能正确解读该字符，大括号表示法与四字节的UTF-16编码是等价的。"\u{20BB7}"// "????""\u{41}\u{42}\u{43}"// "ABC"let h
2021-01-30 17:12:01
161
原创 ES6的let、const命令及变量的解构赋值
ECMAScript 6.0（简称 ES6）是 JavaScript 语言的下一代标准，在 2015 年 6 月已经正式发布，ES6使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。本文总结自https://es6.ruanyifeng.com/let命令ES6新增了let命令，用来声明变量。它的用法类似于var，但声明的变量，只在let命令所在的代码块内有效。{ let a = 1; var b = 2;}console.log(a);//Refe.
2021-01-24 16:14:14
395
1
原创 Java程序设计题
构造有限个数的有效三角形/*创建一个三角形类，包含属性：private int a,b,c;分别代表三角形的三条边。设计是需要满足如下需求： a. 在创建对象输入三条边，三边取值必须合法（三边均为正值，且任意两边之和大于第三边），否则将无法创建对象；b.为使类更易于维护，必须单独设计一个boolean limit(…)函数，实现对三条边的限制检查，符合创建条件则返回真，否则返回假。c.该类有一个public boolean setEdges(int x, int y, int z)方法（注：此方法
2021-01-09 11:26:58
960
6
原创 包及权限配置&java存储机理绘制
包及权限配置包的声明和导入//声明package aa.bb.cc;public class A{;}class B{;}//即在java输出目录aa.bb.cc中放入编译后的A.class和B.class文件//使用其他包中的类的两种方式//第一种：导入，import 包名.类名|接口名|*;import aa.bb.cc.A;//第二种：使用类的全名，即"包名.类名"aa.bb.cc.A a =new aa.bb.cc.A();注：必须用声明（package）包的形式将
2021-01-03 20:19:41
3197
16
原创 总线与控制器
计算机体系结构程序员所见到的计算机系统的属性即概念性的结构与功能特性指令系统、数据类型、寻址技术、I/O机理如有无乘法指令计算机组成实现计算机体系结构所体现的属性具体指令的实现如任何实现乘法指令冯诺依曼计算机特点计算机由运算器、控制器、存储器、输入设备和输出设备五大部件组成指令和数据以同等地位存于存储器，并可按地址寻访指令和数据均用二进制表示指令由操作码和地址码组成存储程序，即指令在存储器内按顺序存放存储器的基本组成存储单元：存放一串二进制代码存储字长.
2020-12-27 20:09:36
1741
1
原创 Java复习纲要（一）
该博客仅为自己复习语法总结归纳，不适合没有语法基础的初学者阅读。Java基础语法字符集程序是一个字符序列，字符序列的所有可用字符构成了“字符集”，字符集之外的字符若出现在程序中就是“错别字”，会产生编译错误。字符集的每一字符都有唯一的二进制编码。C/C++采用ASCII码作为字符集，ASCII码占用1字节，使用低7位编码，最高位置0，可表示2的7次方个字符，包括英文大小写和标点符号、数字、常用算符等Java使用2字节Unicode码作为其字符集，可表达2的16次方个编码。注：对同样的字符.
2020-12-20 22:20:39
630
1
原创 JavaScript的DOM，BOM简单介绍
JavaScript能干什么html：决定网页的结构（脑袋，身体，手脚）css：决定网页的布局及样式（高矮，胖瘦，黑白）JavaScript：定义网页的行为（走路，跑步，眨眼）所以它究竟能干什么？可以添加或删除HTML元素，改变其内容，属性和样式对页面所有的事件作出反应，实现页面与用户之间实时、动态交互，如用户注册，登录验证增强页面动态效果，如下拉菜单，图片轮播，信息滚动可以操作数据库，写动画，写游戏，做一些网页特效…DOM（文档对象模型）当网页被加载时，浏览器会创建页面的文档对象
2020-12-13 20:56:34
3883
8
原创 状态管理模式Vuex
Vuex是做什么的官方解释：Vuex是一个专为Vue.js应用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态，并用相应的规则保证状态以一种可预测的方式发生变化Vuex也集成到Vue的官方测试工具devtools extension，提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能状态管理是什么：可简单看成把需要多个组件共享的变量全部存储在一个对象里面然后将这个对象放在顶层的Vue实例中，让其他组件可以使用那么多个组件就可以共享这个对象中
2020-12-07 08:49:56
484
1
原创 java复习题
非编程题以下标识符中___是Java关键字。A.String B.static C. System D. β解：选B，String和System是java基础库中的一个常用类的类名，属于标识符，显然不是关键字。标识符是指类名(包括接口、枚举、抽象类)、方法名、变量、常量名、包名等可以自定义的字符组合。 关键字是Java语言规范约定用于表达语法含义的单词。class是关键字，实质上是系统类的名字（X）解：系统类如Sting类，Object类等final变量不
2020-11-29 16:12:38
528
原创 Vue中watch、computed和methods属性
监听文本框数据改变methods属性<div id="app"> <input type="text" v-model="firstname" @keyup="getFullname">+ <input type="text" v-model="lastname" @keyup="getFullname">= <input type="text" v-model="fullname"></div><scri
2020-07-31 16:48:07
507
原创 Vue路由简单介绍（二）
设置选中路由高亮点击查看元素可发现 < router-link >（默认渲染为a标签）带有默认的class属性值“router-link-active”，设置链接激活时使用的css类名。这样我们可以通过给出的类来设置被选中的路由的样式，以示区别。如果需要改变class默认值，可通过路由的构造选项 linkActiveClass 来全局配置。var routerObj = new VueRouter({ routes: [{ path: '/',
2020-07-30 20:02:15
402
原创 Vue路由简单介绍（一）
什么是路由（route）后端路由：对于普通的网站，所有的超链接都是URL地址，所有URL地址都对应服务器上的相关资源，后端路由的工作就是将URL地址和服务器上的资源进行匹配。前端路由：对于单页面应用程序来说，主要通过URL中的hash（#号，就相当于锚链接中的锚点）来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容（也就是说https://www.baidu.com#/login中‘#’后面的内容在请求中都会被忽略），所以，单页面程序中的页面跳转主要用hash
2020-07-29 21:53:49
510
1
原创 Vue组件（二）
组件切换使用 v-if 和 v-else 结合 flag 进行切换，此方法有限制，flag只有true或false两种选项。<div id="app"> <!--用v-if和v-else实现--> <a href="#" @click.prevent="flag=true">登录</a> | <a href="#" @click.prevent="flag=flase">注册</a> <l
2020-07-28 22:03:55
374
原创 Vue组件（一）
什么是组件组件（Component）的出现是为了拆分Vue实例中的代码量，封装可重用的代码，能够让我们以不同的组件来划分不同的功能模块。组件化与模块化的不同：模块化：从功能逻辑的角度进行划分，方便代码分层开发，保证每个功能模块职能单一组件化：从页面显示的角度进行划分，前端的组件化，方便组件重用如下图中，将第一个显示框封装成一个组件，后面的框就可以进行复用，只需要改变图标和图片文字。全局组件定义的三种方式：使用Vue.extend配合Vue.component方法var login =
2020-07-27 19:22:27
419
原创 Vue中的动画（二）
transition-group实现列表动画在实现列表过渡的时候，如果需要过渡的元素，是通过 v-for 循环渲染出来的，不能使用transition 需要使用transition-group 。如果要为 v-for 循环创建的元素设置动画，必须为每个元素设置:key属性，否则会报错。< transition-group >的 appear 属性能实现页面刚打开时，元素上移到指定位置的效果（初始渲染的过渡）。< transition-group >不同于 < tr
2020-07-26 17:07:49
1615
原创 Vue中的动画（一）
Vue的动画没有css3那么炫酷，只有一些比较简单的动画，如淡入淡出，左右位移等，但其作用还是比较明显的。动画能够提高用户的体验，帮助用户更好的理解页面中的功能。使用过渡类名实现动画在进入/离开的过渡中，会有6个class切换：1、 v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。2、 v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间
2020-07-25 23:58:50
422
原创 自定义指令及Vue实例的生命周期
如v-model，v-bind，v-for，v-show等指令都是Vue内置的指令，但可以通过自定义指令来达到其他的效果。Vue中所有的指令，在调用的时候，都以 v- 开头，所以自定义指令后调用时前面也要加 v- 。使用 Vue.directive() 定义全局的指令第一个参数为指令的名称（注：在定义时，指令的名称前面，不需要加 v- 前缀），但在调用时，必须在指令名称前加上 v- 前缀来进行调用。第二个参数是一个对象，这个对象有一些指令相关的函数，这些函数可以在特定的阶段，执行相关的操作。常用
2020-07-25 01:21:13
1292
原创 Vue过滤器及小demo
过滤器：概念：Vue.js允许自定义过滤器，可被用作一些常见的文本格式化，过滤器可用在两个地方：mustache插值和v-bind表达式，过滤器应该被添加在JavaScript表达式的尾部，由“管道”符指示。过滤器调用时的格式：{{name | 过滤器的名称 }} 其中‘|’即为管道符过滤器的定义语法：Vue.filter(‘过滤器名称’, function(data) {})过滤器中的function，第一个参数data已经规定好了，为过滤器管道符前面传过来的数据name（变量名可自行更换.
2020-07-23 21:15:44
493
原创 v-for，key属性，v-if和v-show
v-for和key属性：v-for= " x in y" 的格式，y可以为普通数组，对象数组，对象和数字1）迭代数组2）迭代对象中的属性3）迭代数字<div id="app"> <!--都是值在前，索引值在后 注：若迭代数字，则前面的 count 值从 1 开始--> <p v-for="(item, i) in list">索引值：{{i}} --- 每一项：{{item}}</p> .
2020-07-22 18:33:57
575
原创 Vue简单介绍
Vue（Vue.js的简称）是前端的主流框架之一，和Angular.js、React.js一起，成为前端三大主流框架，Vue.js是一套构建用户界面的框架，只关注视图层，它不仅容易上手，还便于与第三方库或既有项目整合（Vue有配置的第三方类库，可以整合起来做大型项目的开发）。框架和库的区别：框架是一套完整的解决方案，对项目侵入性大，项目如需更换框架，则需重新架构整个项目库（插件）提供一个...
2020-07-20 21:47:30
2435
原创 codewars题目记录
codewars刷题网站，代码优化，经常性的写一段代码通过后发现别人一个语句就完成了。1、计算上车下车人数变动后车上剩下的总人数const number = (busStops) => busStops.reduce((rem, [on, off]) => rem + on - off, 0);``1）箭头函数（匿名函数）：x => x * x相当于function (x) { return x * x;}箭头函数有两种格式，一种像上面的，只包含一个表达式，
2020-07-19 20:14:06
1751
原创 position & transform: translate(-50%, -50%)
.middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*实现块元素百分比下居中*/ }将图片放入一个块元素（如果你的块元素设置的足够大）原本...
2020-05-04 19:21:59
1602
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人