- 博客(27)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Angular学习-2021.08.30
Angular学习-2021.08.30@ViewChild属性装饰器，用于配置一个视图查询。变更检测器会在视图的 DOM 中查找能匹配上该选择器的第一个元素或指令。如果视图的 DOM 发生了变化，出现了匹配该选择器的新的子节点，该属性就会被更新。视图查询在 ngAfterViewInit 钩子函数调用前完成，因此在 ngAfterViewInit 钩子函数中，就能正确获取查询的元素。static - 如果为 true，则在变更检测运行之前解析查询结果，如果为 false，则在变更检测之后解析。
2021-08-30 18:13:47
178
原创 深信服-初试记录
深信服-初试记录框架部分vue的生命周期每个Vue实例在被创建时都要经过一系列的初始化过程，同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期钩子的this上下文指向调用它的实例函数。注意：不要在选项或回调上使用箭头函数，比如created: () => console.log(this.a)或vm.$watch('a',newValue => this.myMethod())。因为箭头函数并没有this，经常导致一些错误。vue
2021-08-16 09:37:09
120
原创 深信服-初试记录
深信服-初试记录框架部分vue的生命周期每个Vue实例在被创建时都要经过一系列的初始化过程，同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期钩子的this上下文指向调用它的实例函数。注意：不要在选项或回调上使用箭头函数，比如created: () => console.log(this.a)或vm.$watch('a',newValue => this.myMethod())。因为箭头函数并没有this，经常导致一些错误。vue
2021-08-16 09:34:10
116
原创 vue移动端开发记录
添加遮罩及设置页面不能修改添加遮罩后，不能完全遮住button这类元素的颜色，页面仍然可用。想了很多办法，最后决定用Antd的加载中组件。使用该组件使得页面不可用，之后再vue中setTimeout函数中this指向问题这个问题困了我几乎两个小时，一直没转过弯来，最后终于想通了，发现其实不难。记录一下，说不定之后面试会问有没有遇到什么难题，如何解决的，有什么收获。错误示范：export default{ //其他内容已省略 methods: { formSubmit(){
2021-08-11 18:38:56
55
原创 vue+And移动端开发记录1-button失效及表单禁止修改问题
使用css中的z-index属性使得button失效在父元素设置z-index属性，导致button失效，一开始以为是路由问题，百思不得其解，排查了一小时才发现。z-index是设置元素优先级的，当元素重叠时，z-index值较大的会显示在上面。<div class="back" :style="conTop"> <a-button @click='$router.push({name:"moveDetail"})'> <a-icon type="left" /
2021-08-09 01:48:52
374
原创 学生管理系统开发记录-ajax异步请求的实现
在学习和搜索的过程中，我学习到了如何明确表达自己的需求，先说清楚自己想要什么样的功能，再去实现会比较高效。提交formdata以及后端php如何处理formData使用方法监听回车键在提交表单时使用ajax异步请求，摁下回车键也可以阻止表单提交，转而点击提交按钮的实现。//监听回车事件 document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.argument
2021-08-07 00:35:49
81
原创 Babel的安装与使用（待完成）
Babel的安装与使用Babel是一个专用工具，能进行Javascript的版本切换，我们可以借助它运行ES6，它可以将所有新语法翻译成浏览器可以识别的预防，这样即使浏览器还没有提供支持，也可以使用更新版本的javascript语法。安装Babelnpm i -D @babel/core @babel/preset-env babel-loader-D意味着将其安装到开发环境中，这意味着现在安装的所有软件包不是用于应用的生产环境，仅在开发过程中可用，不需要在向用户提供应用服务时出现。在根目
2021-08-07 00:35:14
182
原创 phpstudy环境下安装pikachu
网上的教程是基于xampp，我本地安装的环境是phpstudy，因此记录一下环境安装过程pikachu下载地址：https://github.com/zhuifengshaonianhanlu/pikachu下载后将压缩包解压到phpstudy/WWW即web服务器根目录下打开phpstudy的apache服务器和mysql数据库访问http://xxx/pikachu这里点击安装初始化会提示数据库连接失败打开pikachu/inc/config.inc.php文件，将数据库
2021-07-07 21:54:50
606
原创 学生管理系统开发记录-图片验证码功能
图片验证码加了图片验证码功能，代码是网上找的，自己理清楚了逻辑，就没有重新写了，主要是调整排版和提交前验证遇到了一些问题，之前也遇到过类似问题，但我给忘了，花费了半小时才找到问题根源，因此觉得有必要记录一下。提交前验证和全局变量表单提交前进行验证的验证函数，比如我在一个函数中生成了一个数，它的作用域在函数内，而验证函数中使用它是不起作用的，这时需要将它换成全局变量。但如果我不想使用全局变量呢？还有没有不使用全局变量也可以访问其他函数内变量的方法呢？传参，也就是在其他函数内调用该函数，传入一个参
2021-06-25 22:39:28
137
原创 Element-UI安装与使用
ElementUI安装vue-cli-plugin-elementnpm和CDNbabel-plugin-componentc插件ElementUI官方安装教程
2021-06-11 11:45:10
2125
原创 学生管理系统开发记录2--增加上传excel文件批量导入数据库功能
增加上传excel文件批量导入数据库功能受php版本限制，phpexcel虽然已经升级到phpsheetExcel，老版的phpexcel已经不再维护了，但是phpSheetExcel需要PHP7以上，团队人员使用的phpstudylite只有php5,使用最新版的phpstudy会出现页面解析出错等各种问题，（时间紧急不想去跟版本作斗争），所以还是采用phpexcel做这个功能。前端实现首先是前端页面，使用jquery监听文件的改变，然后对文件大小、文件类型进行判断，返回相应的信息这个十分
2021-06-08 18:51:20
673
4
原创 学生管理系统开发记录
配置过程下载vue$ npm install vueTypeError: Cannot read property ‘parseComponent‘ of undefinednpm install --dev @vue/[email protected]参考链接Error: Rule can only have one resource source (provided resource and test + include + exclude)vue不兼容webpa
2021-06-03 23:29:33
67
原创 Javascript基本语法(ES6)-上
let 和 constlet 和 const 是两种新的声明变量的方式，为了理解为什么要添加let 和 const ,首先来看一下原来的关键字var 存在的问题。变量提升看以下代码，请问getClothing(false)会输出什么？：function getClothing(isCold) { if (isCold) { var freezing = 'Grab a jacket!'; } else { var hot = 'It’s a shorts kind of da
2021-06-01 16:17:58
46
原创 webpack-环境设置
设置webpack的生产环境配置使网站运行缓慢的最大因素是大量的样式大量的Javascript大量的图像要想网站运行越快，就要网页越小，这样发送给用户的字节数越少。要网页越小，只有两个办法：删除javascript、样式或图像压缩资源，使其转为一个较小的格式webpack就可以帮助开发者完成很多缩小化的任务。处于生产模式时，webpack会自动缩小化所有的javascript，但样式有不同的处理方法。webpack会将样式全部放入main.js文件，通过内联样式嵌入html，但内联
2021-05-29 17:10:35
124
1
原创 Webpack安装与使用
以下是关于Udacity的Front End Web Developer课程的课程笔记，主要是记录一些主要命令和概念。资源下载复刻Udacity的一个webpack实例app到自己github仓库并克隆。命令：git clone https://github.com/<Your Github Username>/fend-webpack-content.gitcd fend-webpack-contentgit checkout 0-initial-setupgit branch
2021-05-26 22:19:37
97
原创 git revert/reset
git commit --amendalter the most-recent commitgit revertreverses given commitgit revert 命令用于还原之前创建的 commit：$ git revert <SHA-of-commit-to-revert>此命令：将撤消目标 commit 所做出的更改创建一个新的 commit 来记录这一更改git reseterases commitsgit reset 命令被用来清除 commit
2021-05-26 14:46:26
37
原创 git-log/show
Git log and got showreview a repository's history are git log and git showGit loggit log:display information about the existing commits默认情况下，该命令会显示仓库中每个 commit 的：SHA作者日期消息SHA： SHA 基本上就是每次提交的 ID 号码，是由 40 个字符（0-9 和 a-f）组成的字符串，根据 Git 中的文件内容
2021-05-26 14:34:59
768
原创 git-tag/branch/merge
git tagadd tags to specific commitsA tag is an extra for a commit that can indicate useful information,git tag -a v1.0# 使用了 -a 选项。该选项告诉 git 创建一个带注释的标签。$ git tag -d v1.0# 删除 git 标签$ git tag -a v1.0 a87984# 加入SHA向以前的commit添加标签Git 2.13版本后输入git log
2021-05-26 14:34:04
117
原创 git-clone/init
three of the most popularGitSubversionMercurialTwo different caregories类别the centralized model集中式模型the distributed model分布式模型命令# 设置你的 Git 用户名$ git config --global user.name "<Your-Full-Name>"# 设置你的 Git 邮箱$ git config --global user.emai
2021-05-26 14:33:01
84
原创 git-add/commit/diff/push
making commitsgit addgit add:add files from the working directory to the staging index $ git rm --cached #unstaged $ git add css/app.css js/app.js # 等同于 $ git add .git commitgit commit:take files from the staging index and save them
2021-05-26 14:31:28
122
原创 Node & Express学习笔记
cors能让浏览器和服务器免受安全限制，自由通信。//Include the 'express' package in the projectconst express = require('express');//create an instance of an express appconst app = express();//Include the 'cors' package in your project//and connect it to the express app inst
2021-05-23 11:59:03
44
原创 2021-5-13面试总结
2021-5-13面试总结自我介绍（3分钟左右）有点紧张，并不流畅，说完以后面试官问我：你怎么证明你比别人努力？别人也很努力啊。大概指出我自我介绍后半段太过于泛泛而谈，没有具体体现优势吧。询问项目（12分钟左右）这部分主要是写了什么项目就问什么。项目功能，怎么实现的，用的什么库，了不了解库的底层逻辑。其中一个问题是问我画板功能做出来的图怎么保存的，那个细节不太记得了。然后问学react的时候有没有遇到什么问题？期间有问熟不熟悉vue，react的redux好不好（都不知道）题目1、这道
2021-05-14 09:12:54
51
原创 Web编程笔记–前端篇（2）
Web编程笔记–前端篇（2）这是根据老师给的资料和自己查找的资料整理出来的笔记，期末复习自用。因为博主是信息安全专业，所以内容有一些会和本专业相关。本篇是关于Javascript的一些知识。JavaScriptJavaScript是一种嵌入到HTML文件中的**基于对象(Object)和事件驱动(Event Driven)**并具有安全性的脚本语言JavaScript的特点一种客户端脚本编程语言源代码不需经过编译，运行时由浏览器解释执行。不允许访问本地的硬盘，不能将数据存入到服务器上，只能
2020-12-28 09:56:56
120
原创 Web编程笔记–后端篇
Web编程笔记–后端篇这是根据老师给的资料和自己查找的资料整理出来的笔记，期末复习自用。因为博主是信息安全专业，所以内容有一些会和本专业相关。Web后端服务器向前端提供需要显示网页和APP内容的数据，可能是HTML，也可能是JSON数据，也可以是音视频或者PDF文件。一个服务器包含3个部分：HTTP服务器：把（需要返回给客户端的）资源文件封装在HTTP数据包里；最常用的两个HTTP服务器：Apach和Nginx。应用服务器：生成前端需要的HTML/CSS/JS交给浏览器数据库服务器后端
2020-12-27 23:13:37
213
原创 Web编程笔记–前端篇
Web编程笔记–前端篇本文参考链接：https://blog.csdn.net/shadow_zed/article/details/93848314这是根据老师给的资料和自己查找的资料整理出来的笔记，期末复习自用。因为博主是信息安全专业，所以内容有一些会和本专业相关。Web前端语言HTML和带样式的HTML构成一个最基本的网页，已经包含了网页常见的元素，HTML3.0中引入了对网页样式的定义。CSSCSS，又称叠层样式表，能够对网页中的对象的位置排版进行像素级的精确控制，实现基础的静态的交互
2020-12-27 23:12:13
182
原创 Kerckhoffs‘ principle
Kerckhoffs’ principle内容：加密方案应该设计成只要敌手不知道使用的密钥，即使知道了方案的组成算法细节，方案依然是安全的。即安全性仅依靠于密钥的安全性。原因：与维护算法的保密性相比，通信各方更容易维护短小密钥的保密性。万一密钥暴露，相比于替换整个算法，诚实参与方更容易改变密钥。万一有多对人员需要加密他们的通信，对所有参与方而言，相比使用不同的程序（或算法），使用同样的程序（或算法）及不同的密钥要容易得多。也就是说，保证了这个加密算法更易商业化和标准化。以上笔记摘自任伟翻译
2020-12-23 21:53:03
556
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人