- 博客(46)
- 收藏
- 关注
RSS订阅
原创 负margin技术原理与运用 | CSS
在CSS中，margin的值可以是正数，也可以是负数。当margin为负数的时候，对普通文档流元素和对浮动元素的影响是不一样的。负margin的两种情况当元素的margin-top或者margin-left为负数时，“当前元素”会被拉向指定方向。当元素的margin-bottom或者margin-right为负数时，“后续元素”会被拉向指定方向。我们来看看下面的例子：<sty...
2020-07-08 18:46:37
282
原创 BFC揭秘，其实也不过如此 | CSS
相信每个前端er多多少少都有接触过BFC这个概念，也有许多人表示对这个概念难以理解。其实BFC并不是什么神秘莫测的东西，看完这篇文章，你就会觉得：“啥？BFC就这样？”对，BFC就这样。什么是BFC先让我们理解一下什么是BFC。BFC是Block Formatting Context的缩写，中文称为「块格式化上下文」。可以理解为一块独立的渲染区域，也就是说，BFC拥有一...
2020-04-13 18:16:41
135
原创 Vue3响应式原理傻瓜式教程（三）——ActiveEffect & Ref
上一节，我们学习到了Vue3如何通过Proxy来更新计算结果：Vue3响应式原理傻瓜式教程(二)——Proxy & Reflect - 简书 (jianshu.com)activeEffect的作用上一节的代码中存在一个问题：每次获取属性值的时候，都要通过track来收集effect，但实际上我们只需要在effect内部调用track函数即可。所以，在之前代码的基础上，我们引入ac...
2022-04-10 18:47:08
977
原创 Vue3响应式原理傻瓜式教程（二）——Proxy & Reflect
上一节我们学到了响应式的简单原理：Vue3响应式原理傻瓜式教程(一)——Reactive - 简书 (jianshu.com)这一节我们将学习，Vue3中是如何实现动态更新的。在Vue2中，用到defineProperty来实现自动更新，那么Vue3使用的是Proxy 和Reflect。Proxy & Reflect的简单定义关于Proxy，引用一下阮一峰ES6教程里的话：...
2022-04-07 15:10:17
277
原创 原型、原型链、继承 | JavaScript
原型与原型链基本概念关于原型和原型链的知识，首先来理解下以下几个知识点：所有引用类型(Object、Array、Function、Date、RegExp)都是对象。对象都有__proto__属性。image.png所有构造函数都有prototype属性。prototype可以理解成一套模板，它用于保存一些方法。其中：constructor是构造器(创建当前对象的函数...
2022-03-18 18:43:07
117
原创 Vue3响应式原理傻瓜式教程（一）——Reactive
参考教程：Vue Mastery理解响应式什么是响应式呢？举个简单的例子。let price = 5;let quantity = 2;let total = price * quantity; // 10现在我们将price改为6，期望total值也能自动计算更新为12。而这个自动计算更新，就是响应式。这一节我们先来谈论一下，如何触发计算更新。如何实现更新计算结果let pr...
2021-06-11 17:48:16
181
原创 1-3月阅读报告 | 2020
分享2020年1月-3月读过的书推荐指数：5星→1星，对应 非常推荐→踩雷豆瓣阅读报告1.《悉达多》悉达多推荐指数：★★★标签：哲学 | 宗教 | 小说「我唯一的事，是爱这个世界。不藐视世界，不憎恶世界和自己，怀抱爱，惊叹和敬畏地注视一切存在之物和我自己。」2. 《火光之色》火光之色推荐指数：★标签：复仇 | 小说一出...
2020-04-14 10:08:59
209
原创 理解JavaScript中的LHS和RHS
参考资料：凯尔·辛普森《你不知道的JavaScript（上卷）》1. 编译原理JavaScript引擎首先会在代码执行前对其进行编译var a = 2这行代码将被拆分成两个步骤：var a编译器会在当前作用域中声明一个变量（如果之前没有声明过）a = 2运行时引擎会在作用域中查找该变量，如果能够找到就会对它赋值。在查找变量的过程中，分为LHS和RHS两种...
2020-01-14 15:43:37
597
原创 js - 基础 | Array
创建数组数字字面量const values = [1,2,,]; // values.length ?Array构造器const array1 = new Array(3, 4);const array2 = Array(3,4); // 可以省略new操作符const array3 = new Array(3); // 创建一...
2019-08-13 13:42:00
112
原创 js - 用遍历代替if/else
前言最近利用改完 bug 的空闲期，优化了一下比较不优雅的代码。这里分享一种用遍历代替if else的写法。需求调用接口返回一个 code, 前端需要根据不同的 code 设置不同的图标。多个 code 可能使用同一个图标。改造前改造前的代码逻辑比较平铺直叙，用了大量的if...else语句。首先，这种方法是完全 OK 的（工作上，以能够实现...
2019-07-29 14:45:00
348
原创 一、基础概念 | NodeJs
资料原文：http://nqdeng.github.io/7-days-nodejs/概念JS是脚本语言，脚本语言都需要一个解析器才能运行对于写在HTML页面里的JS，浏览器充当了解析器的角色而对于需要独立运行的JS，NodeJS就是一个解析器用处实现高性能Web服务器运行在终端输入node console.log('Hello Worl...
2019-05-05 10:56:00
129
原创 一、VUE入门介绍
通过官网文档学习的个人笔记原文：https://cn.vuejs.org/v2/guide/index.html<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <!-- 1. 声...
2018-11-20 00:23:00
165
原创 git - 代码拉取、提交分支与合并
（本方法仅作为个人学习笔记，可供参考但不一定适用于所有场景）目前团队git合作的方式是：有一个总分支develop，每个成员都有一个自己的分支（如debra分支）每个人在自己分支上写代码，完成提交后，再把自己的分支合并到develop这里涉及到代码的拉取pull、提交代码push与合并merge一、提交到自己的分支add 暂存更改git ...
2018-09-12 16:33:00
1571
3
原创 js - 简单的购物车增减操作
来做一个简陋的购物车吧。简陋的购物车功能呢，就是可以通过加减按钮来操作数量，同时商品的合计和下面的总计都会动态地发生变化，实现一个增减和计算的例子。首先我们简单地写一下html：<body> <ul id="shopLi"></ul> <!-- 用来存放渲染出来的购物车列表 -->...
2018-07-31 11:13:00
491
原创 js - 简单的购物车增减操作
来做一个简陋的购物车吧。 功能呢，就是可以通过加减按钮来操作数量，同时商品的合计和下面的总计都会动态地发生变化，实现一个增减和计算的例子。 首先我们简单地写一下html：<body> <ul id="shopLi"></ul> <!-- 用来存放渲染出来的购物车列表 --> <p class="addAll"&
2018-07-31 11:12:38
2735
2
原创 福州 | 程序媛的工作日
这一年 我来到福州工作以及生活选择这座城市的理由很简单 约等于没有就像我做很多选择一样所以每当有人问我为什么做程序员为什么选择前端我也不知道我在市中心的小区租了间舒适的小公寓公寓里还有前房客留下的植物早晨会有阳光射进阳台 然后被窗帘挡住而我还不知道天亮了沉睡着等待被闹钟叫醒如果忘记了累人的房租生活还是挺美好八点起床 增加煎蛋技能点鸡蛋是万能的各...
2018-07-27 23:32:00
284
原创 js - 创建对象
一、创建对象方法一 直接创建字面量let Teacher = { name: "Lux", age: "18"};方法二 声明对象字面变量，向对象添加新成员let Teacher = {};Teacher.name = "Lux";Teacher.age = "18";console.log(Teacher);二、定义...
2018-07-26 14:01:00
158
原创 js - 创建与使用对象
一、创建对象方法一 直接创建字面量let Teacher = { name: "Lux", age: "18"};方法二 声明对象字面变量，向对象添加新成员let Teacher = {};Teacher.name = "Lux";Teacher.age = "18";console.log(Teacher);二、定义对象函数方法一 对象字面量...
2018-07-26 13:40:50
279
原创 ts - 两种方法实现忽略大小写的字符串排序
这里有一个奇奇怪怪的学生数组：const students = [ { Name: 'aaa', Age: 18, Sex: "man" }, { Name: 'aaaB', Age: 21, Sex: "man" }, { Name: 'aaaBC', Age: 23, Sex: "woman" }, { Name: '...
2018-07-18 23:26:00
1151
原创 ts-两种方法实现忽略大小写的字符串排序
这里有一个奇奇怪怪的学生数组：const students = [ { Name: 'aaa', Age: 18, Sex: "man" }, { Name: 'aaaB', Age: 21, Sex: "man" }, { Name: 'aaaBC', Age: 23, Sex: "woman" }, { Name: 'aaaaB', Age: 16, Sex...
2018-07-18 23:23:44
1806
原创 ts-多属性排序
现在有一个学生数组：enum Sex { man, woman}interface Student { Name: string, Age: number, Sex: Sex}const Students: Student[] = [ { Name: 'lux', Age: 18, Sex: Sex.man }, { Na...
2018-07-16 21:52:10
2556
原创 ts - 多属性排序
现在有一个学生数组：enum Sex { man, woman}interface Student { Name: string, Age: number, Sex: Sex}const Students: Student[] = [ { Name: 'lux', Age: 18, Sex: S...
2018-07-16 21:52:00
1654
原创 ts-万能过滤器
周末懒惰了两天，滚回来继续做笔记。 今天更新的是ts的万能过滤器。 （注：师父说理解了ts的类型之后，可以更好的理解js，所以一些基础练习都用ts来做。） 上一篇笔记里提到了单数选择器、双数选择器、单双数选择器以及倍数选择器。 那么，是不是有一种选择器可以万能选择呢？ 也就是说，可以通过用户自定义的条件，来筛选想要的内容呢？引入一段TypeScript 泛型 的概念： 我...
2018-07-15 22:59:03
2124
原创 ts - 万能过滤器
周末懒惰了两天，滚回来继续做笔记。今天更新的是ts的万能过滤器。 （注：师父说理解了ts的类型之后，可以更好的理解js，所以一些基础练习都用ts来做。）上一篇笔记里提到了单数选择器、双数选择器、单双数选择器以及倍数选择器。那么，是不是有一种选择器可以万能选择呢？也就是说，可以通过用户自定义的条件，来筛选想要的内容呢？引入一段TypeScript...
2018-07-15 22:58:00
1508
原创 js - 小案例练习
目录在浏览器输出以下内容*********求1-100的素数求最大值数组排序过滤器附录：TypeScript一些知识代码开始！（前面写的很啰嗦，后面慢慢的精简起来了，说明还是有一点点进步的！！）在浏览器输出以下内容*********做的第一个练习，代码比较罗嗦= =<!DOCTYPE html&g...
2018-07-12 22:36:00
663
原创 js小案例练习
目录在浏览器输出以下内容*********求1-100的素数求最大值数组排序过滤器附录：TypeScript一些知识代码开始！ （前面写的很啰嗦，后面慢慢的精简起来了，说明还是有一点点进步的！！）在浏览器输出以下内容*********做的第一个练习，代码比较罗嗦= =<!DOCTYPE html><html la...
2018-07-12 22:34:37
2565
原创 数值转换 小例子
var a="abc123";function add(){ a++;}add();document.write(a);以上代码的输出结果为：NaN知识点1：递增递减运算符a++ 可以理解为a=a+1 而在+1之前先将a本身的值返回++a 先+1，再将a的值返回知识点2：数值转换因为递增递减运算符是针对于Number数字类型的 于是在运行之前...
2018-07-07 17:32:49
325
原创 js - 数值转换 小例子
var a="abc123";function add(){ a++;}add();document.write(a);以上代码的输出结果为：NaN知识点1：递增递减运算符a++可以理解为a=a+1而在+1之前先将a本身的值返回++a先+1，再将a的值返回知识点2：数值转换因为递增递减运算符是针对于Number数字类型的...
2018-07-07 17:30:00
127
原创 笔记 - trait方法
PHP 实现了一种代码复用的方法 Trait 和 Class 相似，但仅仅旨在用细粒度和一致的方式来组合功能。 无法通过 trait 自身来实例化。它为传统继承增加了水平特性的组合；也就是说，应用的几个 Class 之间不需要继承。优先级 从基类继承的成员会被 trait 插入的成员所覆盖。 优先顺序是来自当前类的成员覆盖了 trait 的方法，而 trait 则覆盖了...
2018-07-04 11:28:51
448
转载 js获取当前页面url网址信息
原文：http://www.jb51.net/article/82519.htm在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1window.lo...
2018-07-03 12:44:00
407
原创 错误笔记 - 中文乱码
一、纯html页面 乱码<meta charset="utf-8">二、纯php页面/php+html页面 乱码<?phpheader("content-type:text/html;charset=utf-8"); ?>三、php+mysql乱码<?php $conn=mysqli_connect('l...
2018-07-03 12:37:00
273
原创 错误笔记 - Wamp Server橙色
原因：以前的SQL占用了端口解决：1.打开计算机管理(参数错误时请定位到源文件后用管理员身份运行)2.服务3.关闭My SQL4.重启Wamp ...
2018-07-03 12:34:00
253
原创 错误笔记 - PHP连接数据库报错
原因：PHP7.0废除了mysql_connect()函数代替函数：mysqli_connect();例：<?PHP $conn=mysqli_connect("localhost","root","root"); if($conn){ echo"ok"; }else{ echo"er...
2018-07-03 12:31:00
765
原创 偏头痛时的感官世界
一月一度PMS的症状中，最让我无法忍受的就是偏头痛。她发作的时候，我的生理和心理上都会承受极大的痛苦。除了疼痛本身以外，她仿佛具有一种抽离的能力。会让我觉得周围的一切都很不真实。外界声音听起来都很遥远，眼前的东西会变得模糊，变成一团团独立但又边界模糊的物体，悬浮在周围。反应迟钝，与人交流的时候全凭意识作答。触觉、嗅觉敏感度通通下降。我感觉我的身体开始失重和...
2018-04-06 17:01:00
259
原创 jQuery - 根据url定位导航位置
思路：1.获取当前页面的pathname2.找到带有值为 当前pathname的href 所在的a标签。3.将css属性赋值给找到的a标签 var getUrl = window.location.pathname; var navUrl = $("a[href$='" + getUrl + "']"); navUrl.parent("....
2018-02-11 10:45:00
591
原创 课程设计论文-图书信息管理系统
一、系统要求图书信息管理系统要求：设计一个C++程序来管理图书信息，能实现图书相关信息的具备数据的输入、查找、删除等功能，能实现。具体功能细节可以根据自己理解情况进行增加。二、系统功能 本次课程设计的内容是编写一个图书管理系统。图书管理系统包含四大功能：借书、还书、图书管理、用户管理。可以增加、储存、修改、删除图书信息，同样可以增加、储存、修改、删除用户信息，能够实现最基本的
2015-07-07 00:07:44
2084
1
原创 作业4.18
#include#includeusing namespace std;class Student{public:Student(string x;int y,double z){ name=x; num=y; score=z;}friend void max(Student *p);private: string name; int num; double sc
2015-05-13 19:22:00
252
原创 作业4.17
#include #include using namespace std; class Student { public: void setstu(string x,int y,int z){ name=x; num=y; score=z;}void show(){ cout<<"姓名:"<<name<<"\t"<<"学号:"<<num<<"\t"<<"成绩:
2015-05-13 19:07:14
327
原创 作业 实验4
#includeusing namespace std;class student{private: double score; static double total_score; static double count;public: void account(double n) { score=n; total_score+=score; count++; }
2015-04-16 12:32:41
360
1
原创 作业 实验3
#include#includeusing namespace std;class Location{public: Location(double a,double b) { X=a; Y=b; } double GetX() { return X; } double GetY() { return Y; } double distant(Lo
2015-04-16 09:48:43
363
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人