- 博客(75)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 JS判断元素是否隐藏
判断元素是否隐藏echo.js 源码var isHidden = function(element) { return (element.offsetParent === null);};经过自己实践确实可以使用这种方法来判断当前元素是否被隐藏，包括通过设置父元素为display:none以及自己本身为none的情况。但是如果是通过设置visibility:hidden则无法检测出。...
2021-08-09 17:21:12
716
原创 浏览器渲染原理与过程
浏览器渲染原理与过程关键渲染路径请求资源—解析—构建树—渲染布局—绘制页面加载过程分为两部分DOMContentLoaded和load前者触发时，已加载页面内容，不包括样式表和外部资源后者，已经加载好构建DOM树根据html文档构建树，遍历dom节点此过程可能因为css，js加载而阻塞display为none和注释、构建CSSOM树解析css文件—对应stylesheet对象cssom、dom可以同时解析css解析和js执行互斥webkit做了优化，只有js访问css才阻塞
2021-04-22 17:18:54
177
原创 计算机原理 学习笔记
计算机原理 笔记计算机是一种根据指令操作数据的机器体系结构是由处理器与存储器两部分组成。存储器RAM存储指令以及需要操作的数据划分为许多单元，每个单元存储少量数据，用一个数字地址标识（每个单元通常储存一个字节 8位）处理器CPU从存储器获取指令和数据，执行计算CPU 的运行永无休止，它不断从存储器获取并执行指令。这个周期的核心是PC 寄存器，PC （program counter）是“程序计数器”的简称。PC 是一种特殊的寄存器，用于保存下一条待执行指令的存储地址。不同cpu 处理
2021-04-21 17:03:51
218
原创 （前端）轻提示Toast组件开发
Toast（轻提示）最近在写组件库，发现Toast（类似element-ui的Message）、Dialog组件和其他组件不太一样这类组件是通过js脚本控制，暴露方法，通过方法生成动态组件，再挂载到body上首先我们先写一个简单页面index.vue<template> <article class="tg-h5-common-toast" v-show="visible"> {{ content }} </article></temp
2020-12-08 16:23:23
1362
原创 前端接收导出excel文件
后端导出Excel，前端接收exportSubscribe().then((res) => { let fileName = "订阅关系列表.xls"; let blob = new Blob([res.data], { type: "application/vnd.ms-excel", }); let reader = new FileReader(); reader.readAsDataURL(b
2020-12-08 15:55:49
803
原创 分享一个深拷贝方法（解决对象数组无限嵌套）
深拷贝解决对象数组无限嵌套function deepClone(x) { const root = {}; // 栈 const loopList = [ { parent: root, key: undefined, data: x } ]; while (loopList.length) { // 深度优先 const node = loopList.pop(); const parent = nod
2020-10-10 10:53:03
898
原创 【个人网站】好长时间没有更新博客了
好长时间没有更新博客了，一是上班比较忙，然后回家里面玩的比较猛，然后就一直在学一些东西，春招已经开始了，再不充电就完蛋了。以前在上班的时候，有空闲时间就在github上搭了个网站，以前做的很丑，就没敢拿出来，最近在家里没事干，完善了一下，拿出来给大家看一下，请大家赐教，哪里又不合理的地方欢迎指出！那么有不懂的同学呢，也可以私信我。哈哈网不好根本点不开。。。点击进入我的网站那么下一步呢，我...
2020-02-11 15:39:53
274
2
原创 JS拖拽(继承），H5拖拽
JS实现拖拽上代码吧<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-12-04 11:05:35
165
原创 ES6学习（模块化，类）
ES6学习（模块化）大家都知道js不支持模块化，像ruby有require，python有import在ES6出现之前，社区也制定了一套模块规范，CommonJS require（‘http’） 还有AMD，CMD等其他规范ES6出现后，一统服务端和客户端的模块规范我们这样定义和使用模块（注意要在localhost）export const a = 10;export { ...
2019-11-28 16:41:59
169
原创 ES6学习（对象，Promise）
ES6 ----对象、Promise对象let json ={ a, b, showA(){ //个人建议: 一定注意，不要用箭头函数 }, showB(){ } }Object.is()用来比较两个值是否相等特点：如果肉眼识别是相同的（一字不差），那结果就是trueObject.assign()用来合并对象function ajax(options...
2019-11-28 16:13:21
289
原创 正则表达式--入门
正则表达式在正则表达式中，如果给出字符，那就是精准匹配。\d 匹配一个数字，\w 匹配一个字母或数字，\s匹配一个空格（包括tab空白符）. 可以匹配任意字符*可以匹配任意个字符（包括0个）+表示至少一个字符？表示一个或0 个字符{n}表示n个字符，{n，m}表示n-m字符要做更精确地匹配，可以用[]表示范围，比如：[0-9a-zA-Z_]可以匹配一个数字、字母或者下划线；[...
2019-11-28 10:58:50
130
原创 Bat脚本txt文档每一行行首行尾加标识
操作txt文档行数据闲来无事，上班之余练习Vue，写了一个前端项目发到了githubPage上面。我的GithubPage现在做了几个简单的功能，其中有个微小说模块微小说首页在武侠分类中放置了一篇短篇小说，由于githubpage不可以连接服务器，我只能把文章放在js中，大家都知道，< p >标签是段落标签，所以需要我们把文章的第一个段落放到" “中，我们再循环到< ...
2019-11-27 14:59:03
1473
原创 JS（数组操作）
数组操作forEach()forEach我们很常用，它只是for循环的简单替代arr.forEach((val,index,arr)=>{ console.log(val,index,arr)})map()与forEach相似，做数据交互，映射机制正常情况下，要配合return，若没有return相当于forEach一般呢，我们用来重新整理数据结构，如果后台给我们的数据...
2019-11-18 14:14:17
122
原创 ES6学习（三个点）
三个点以前我们复制数组可能是这样的str1 = [10,5,6,2]str2 = Array.from(str1)现在我们可以用三个点（拓展运算符） str1 = [10,5,2,9] //str2 = Array.from(str1) str2 = [...str1] console.log(str2)同样我们得到：那么到底这三个点是什么呢？它起一个拓展、解构的作用，...
2019-11-18 10:24:12
253
原创 ES6学习（箭头函数）
箭头函数强大的东西。比如我们遇到这样一个需求，要把数组中的值变为2倍。//我们可能会使用for循环、forEach//map可能有些人还没有用过const number = [4,5,8,1]const double = number.map(item=>{ return item * 2})//或者这样const double = number.map((item,i...
2019-11-17 22:53:14
101
原创 ES6学习（let，var，const）
我们现在为什么要选择let、const，抛弃var呢？作为一个程序员，var简直就是违背编程逻辑的一种用法。var time = 1;var time = 2;按理说，编译器是不允许这样的代码出现的，会报already defined之类问题。在js中，这竟然是允许的，所以说，在代码量庞大的时候，我们很有可能是会忘记某一个变量是之前定义过的，后面的同名变量定义都会覆盖之前的变量，后果是...
2019-11-14 18:17:56
93
翻译 SASS好在哪里？
SASS好在哪里？引入变量sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。$nav-color: #F90;nav { $width: 100px; width: $width; color: $nav-color;}//编译后nav { width: 100...
2019-11-08 10:54:31
208
原创 Electron安装失败或者npm start Error
太难了！！！一开始报这个错！！！应该是cnpm安装会报错，我们改用npm，慢点就慢点。安装之后，electron -v 就会成功显示我们安装好了。然后退回vscode中，在我们的electron项目中，npm install后，发现start报错。右键开始菜单找到Windos PowerShel输入以下命令：然后我们删掉node-modules后，再次install 然后sta...
2019-10-31 17:58:05
1772
1
原创 解决安装google插件提示无效的问题
GoogleGoogle有很多好用的插件，比如我现在的标签页当我们有一些本地的crx拓展程序文件，想要安装打开Google chrome://extensions/勾选开发者模式将后缀crx程序拖入安装这时：我们先把相应的crx文件后缀改为 rar，没错，就是压缩一下。再打开压缩文件，解压到指定文件夹（随便弄一个）接下来，选择这个选到刚刚的文件夹就安装成功啦...
2019-10-30 10:40:00
3490
1
原创 Oracle PLSQL（一）
Oracle PLSQLPLSQL 是Oracle公司在SQL基础上进行扩展而成的一种过程语言。PLSQL提供了典型的高级语言特性，包括封装，例外处理机制，信息隐藏，面向对象等；并把最新的编程思想带到了数据库服务器和工具集中。...
2019-10-30 09:52:43
414
原创 Angular JS学习笔记 （作用域 重要）
Angular JS 作用域 ScopeScope 作用域是一个对象，储存应用数据模型。作用域的层级结构对于DOM结构时相对应的
2019-10-30 09:51:44
114
原创 Angular JS学习笔记（控制器、作用域）
Angular JS 控制器在Angular中，如果在DOM中使用ng-controller指令添加了控制器，ng会调用该控制器构造函数生成一个控制器对象，创建了一个作用域（$scope）控制器有两个作用：初始化$scope对象为$scope对象添加行为/方法、初始化$scope对象 var myApp = angular.module('myApp',[]); ...
2019-10-29 16:11:20
142
原创 Angular JS学习笔记（指令）
Angular JS 指令的学习编译器编译器是Angular提供的一项服务，遍历DOM节点，查找特定的属性。编译过程分为两步：1.编译：遍历节点，收集所有指令，返回一个连接函数。link func2.连接：将每个节点和其所在的作用域连接，双向绑定指令指令其实就是编译器遍历DOM节点时碰到的执行函数我们现在创建一个dialog指令并使用它首先我们写出指令模板<div ng-...
2019-10-26 22:16:02
185
原创 Angular JS 学习笔记（入门）
Angular JS 学习笔记实习的第一个项目，是angularjs。。。angular可是升级到angular8了啊.。。Angular Router 添加了向后兼容模式，以降低大型项目的升级成本。Angular Router 可以使用 $route APIs 延迟加载部分 AngularJS 应用程序，从而更容易地升级到 Angular。对于大型angularjs开发团队来说，现在正是升...
2019-10-24 10:57:16
160
原创 浏览器跨域
Google浏览器设置跨域1.什么是跨域跨域就是让浏览器可以执行其它页面的脚本浏览器的安全机制，也就是同源策略，使得浏览器不能执行不同源的脚本。为什么要设置跨域限制...
2019-08-15 13:31:49
138
原创 html + jquery 原生开发ToDo网页
html + jquery 原生开发ToDo网页相信做前端的大家都见过这个网页吧TodoMVCVue的入门网页今天我用原生html实现一下首先看一下html部分的代码：<html><head> <meta charset="utf-8"> <title>幸运记事</title> <link...
2019-08-06 17:59:07
524
原创 Oracle SQL 多表关联查询以及分组计算
Oracle SQL 多表关联查询遵循第三范式，我们需要联合多表查询结果返回给用户，若查询时不指定条件，会以笛卡儿积方式返回表数据，这并不是我们希望的。SELECT table1.column, table2.columnFROM table1, table2WHERE table1.column1 = table2.column2;这已经是最基础的等于连接啦不等连接< 或者...
2019-07-29 12:13:40
2421
原创 Oracle SQL 查询及常用单行函数
Oracle SQL 查询SQL语句中的数学表达式：对于数值和日期型字段，可以进行 “加减乘除”SELECT last_name, salary, salary + 300 FROM employees;给列起别名或者是引号字符串连接 ||DISTINCT去除重复一般放到select后面...
2019-07-29 11:19:33
4687
原创 Android打开相册并上传图片至服务器
Android图片打开上传打开相册大多的安卓程序都需要上传头像或者一些图片，给大家一些我这几天遇到图片上传问题的经验。首先这是我的个人中心页面点击上面的图片，会出现我们相册的选项，点击进入以后可以选择图片。 @Override public void onActivityCreated(@Nullable Bundle savedInstanceState) { ...
2019-05-06 16:30:00
7898
原创 计算机网络知识点
计算机网络1.网络七层模型物理层（传输比特流）数据链路层 （传输帧，错误纠正)比特流包装，检测传输可靠性，物理寻址，交换机就在这一层，最小传输单位是帧，流量控制，检错，重发网络层（ip寻址，包）ip（寻址），arp（ip和mac对应解析协议）通过网关才能找到对应ip解决阻塞的方法：数据分组,编号传输出去;然后接收到数据后排序重组解码;选择最优路径;丢包也是发生在网络层.传输层（数据...
2019-04-16 11:49:43
150
原创 Unity 的Position和Rotation问题（坑）
最近有好几个人问我关于position和rotation的问题，我也不懂为什么要这么设计。。。Position代码中的position是世界坐标下的gameObject的位置而面板中的position是localPosition相对父物体的坐标Rotation面板上的rotation范围是0 到 180，-180 到 0但在程序中的rotation范围则是0 到 360所以需要自己算...
2019-04-13 16:52:15
6009
原创 Unity剧情对话XML实现
Unity剧情对话XML实现小生正在做一款剧情冒险游戏，剧情游戏最少不了的便是对话系统。那么今天我们就来说一下具体实现。1.创建对话Canvas我的排版是三个图片，依次为npc头像，对话的背景，主角头像。2.创建人物我们先创建主角，挂载脚本，不方便贴出所有代码，讲下思路。有一个Player脚本，其中设置一个函数包括所有点击行走鼠标射线检测到的第一个layer，分情况讨论，如果是路，...
2019-04-08 17:33:46
2396
6
原创 解决控制台adb报错： adb server version (30) doesn't match this client (40)
解决控制台adb报错adb server version (30) doesn’t match this client (40)server是指模拟器的adb版本，client是指本机sdk的adb版本由于版本不一致导致出错解决方法右键模拟器属性，打开文件保存位置，用本机sdk的adb.exe覆盖模拟器中的adb.exe，然后重启模拟器，就可以解决问题。...
2019-03-30 11:33:24
812
原创 Android 活用Adapter适配ListView
Listview生活中我们常见的qq，微信消息界面，联系人界面都是用Listview来实现的，而简单的List view 只能显示一串文字，我们怎样可以自定义列表内容并且赋值给它呢？那就用到了Adapter适配器，下面看一下代码：主页的布局文件不多说了，只包含了一个ListView组件。然后我们为列表的item样式设计一个布局：左边一个图片，右边有上下两行信息。<LinearLa...
2019-03-20 09:56:30
259
原创 线程与进程笔记
C++笔记（面试总结 四）1.进程间的五种通信方式1.管道（无名管道）特点：半双工，只能按照一个方向传输，只能在具有血缘关系的进程之间流动，只存于内存中。2.命名管道（FIFO）特点：在无关的进程之间进行通信，存在于文件系统中3.消息队列：消息的链接表，存放在内核中。一个消息队列有一个标识符来标记。消息队列是面向记录的，其中的消息具有特定的格式以及特定的优先级。消息队列独立于发送...
2019-03-13 09:58:59
185
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人