前端
Professor__Chen
把学到的知识进行系统的整理并发表到博客上,不仅可以帮助遇到相关问题的同学们解决问题,又可以锻炼自己的逻辑思维能力,同时记录下自己学的知识以备不时之需,何乐而不为呢?
展开
-
vue开发笔记
在写style标签时注意事项// 受外层css影响,但不影响内层css<style lang="less" scoped></style>// 受外层css影响,同时影响内层css<style lang="less">// csj-index是全局唯一的避免污染全局css.csj-index{ // 当前组件css .a{} .b{}}</style>...原创 2020-07-21 18:57:16 · 153 阅读 · 0 评论 -
Vue之使用函数式组件动态分配组件
创建c组件文件夹,import c1 from './c1'import c2 from './c2'// 组件分配控制器export default { // 表明当前组件为无状态函数式组件 functional: true, // 动态构建组件 render (createElement, context) { // context.data包含外层传...原创 2020-03-12 18:44:22 · 846 阅读 · 0 评论 -
VueX之state与getter的区别
state:VueX的数据中心,相当于vue中的data。getter:返回对state数据的装饰,相当于vue中的computed。<例:返回格式化后的时间、返回多个state数据的计算结果>...原创 2020-03-12 17:46:54 · 2392 阅读 · 0 评论 -
VueX之actions与mutations的区别
actions1、用于通过提交mutation改变数据2、会默认将自身封装为一个Promise3、可以包含任意的异步操作mutations1、通过提交commit改变数据2、只是一个单纯的函数3、不要使用异步操作,异步操作会导致变量不能追踪...原创 2020-03-12 17:29:01 · 8869 阅读 · 0 评论 -
js快速排序
function quickSot(arr,left,right) { if(left>=right) return; let l = left,r=right,flag=left; while(l<r){ let tmp = arr[flag]; while (l<r&&arr[r]>=arr[flag])r--; a...原创 2019-10-20 23:41:51 · 106 阅读 · 0 评论 -
浏览器常用事件
Web浏览器常用事件浏览器窗口事件load页面加载完成时触发beforeunload窗口关闭之前触发unload窗口关闭时触发focus窗口得到焦点时触发blur窗口失去焦点时触发error页面上有脚本报错时触发resize窗口大小改变时触发contextmenu弹出右键菜单时触发鼠标事件mousedown当在元素上按下鼠标按钮时触发mouseover当...原创 2020-02-12 18:29:49 · 344 阅读 · 0 评论 -
js深度复制
//深度优先复制function deepClone(obj){ //可深度复制所有原始类型、数组、Object对象、函数、Date、 if(obj instanceof Object){ let new_obj = null; switch(obj.constructor){ case Array: new_obj = [];...原创 2020-02-12 18:30:02 · 117 阅读 · 0 评论 -
==与===等区别,以及强制转换为Boolean类型
1、==与===的异同 相同点: 1.只要其中一个为NaN一定为false; 2.+0等于-0; 不同点: ===判断机制: 1.数据类型不同一定为false;例:new Boolean(true)===true //false 2.数据相同一定为true; ==判断机制: 1.都为引用...原创 2019-10-16 19:04:14 · 331 阅读 · 0 评论 -
网络安全
1、前端网络安全 1.1XSS(跨站脚本攻击) 场景:通过各种途径向页面中植入恶意脚本,窃取用户隐私信息,危害用户网络安全; 解决方案:对用户的输入进行判断,进行标签转义,例如对<script>标签的转义; 1.2CSRF(跨站请求伪造) 场景:用户在登录了A网站的情况下,访问B网站。B网站中的脚本可以以用户的身份访问A网站,无需进行登录验证;...原创 2019-10-13 19:39:18 · 127 阅读 · 0 评论 -
浏览器兼容性
1、浏览器兼容性 23.1 不同浏览器的margin和padding可能不同,解决方案:* {margin:0;padding:0;} 23.2 img图片默认有间隙,解决方案:display:block; 23.3当在a标签中嵌套img标签时,在某些浏览器中img会有蓝色边框;解决方案:boder:none; 23.4 块元素设置float属性时又有margin属性,在...原创 2019-10-13 19:23:50 · 187 阅读 · 0 评论 -
Vue.js
1、MVC和MVVM MVC中M表示Model,V表示View,C表示Controller。Controller用来作为所有视图的容器,处理Controller之间的跳转,将Model显示到View上。 MVVM中的M表示Model,V表示View,VM表示Model-View;VM用来把Model中的数据解析并显示到View上,同时负责把View上的修改同步到Model中; M...原创 2019-10-13 19:23:09 · 124 阅读 · 0 评论 -
计算机网络
1.XHR(XMLHttpRequest)function $http(method,url,data){ return new Promise((resolve,reject)=>{ let xhr = new XMLHttpRequest(); xhr.open(method,url); xhr.onreadystatecha...原创 2019-10-13 19:22:25 · 114 阅读 · 0 评论 -
JavaScript基础核心知识
1.js数据类型6种原始类型:string,number,boolean,null,undefined,symbol(es6新增);8种常见引用类型:Object,String,Number,Boolean,Function,Array,Date,RegExp;判断一个变量的类型使用typeof,typeof的返回值有string,number,boolean,undefined,sy...原创 2019-10-13 19:39:52 · 440 阅读 · 0 评论 -
HTML核心知识
1、一份标准文档有哪几个标签 1、<html></html> 2、<head></head> 3、<title></title> 4、<body></body>2、<!DOCTYPE>的作用与用法 <!DOCTYPE html&g...原创 2019-10-13 19:13:41 · 719 阅读 · 0 评论 -
CSS核心知识
1、CSS之选择器及其优先级 !important >(权重1000)内联样式> (权重100)ID选择器 >(权重10)类选择器、属性选择器、伪类选择器 >(权重1)元素选择器、伪元素选择器; CSS权重:https://www.w3cplus.com/css/css-specificity-things-you-should-know.html...原创 2019-10-13 19:12:35 · 181 阅读 · 0 评论 -
Vue+MDUI+Muse-UI的使用与安装
作者:陈世佳 编写时间:2018-6-1方法如下:步骤一:安装Vue//查看npm版本npm -v//升级npmcnpm install npm -g//安装Vuecnpm install vue//全局安装vue-clicnpm install --global vue-cli//创建Vue项目(需要进行一些配置,默认回车即可)vue init webpac...原创 2018-06-01 20:13:57 · 7388 阅读 · 1 评论