前端
文章平均质量分 77
CodeCxil
我很懒,但想改变自己
展开
-
前端高频面试题
闭包是内层函数使用外部函数的变量时产生的。例如:在定时器、事件监听器等异步任务中使用了回调函数,实际上就是在使用闭包。原创 2023-03-11 10:29:53 · 233 阅读 · 0 评论 -
微信小程序day01
project.private.config.json 项目配置文件(项目私有的 使用此文件会覆盖 项目配置文件相同的配置).js文件 wxss 样式文件 wxml 页面文件 .json 文件配置文件。sitemap.json 项目索引文件 用来判断是否让微信小程序搜索到。pages 页面目录 文件夹中的每一个文件都是一个页面。页面文件夹中的子文件都是一个界面 子页面中的文件。app.json 全局的配置文件 关于代码的。app.wxss 全局的样式文件。app.js 项目的入口文件。原创 2023-02-16 21:09:41 · 150 阅读 · 0 评论 -
Vuex中state(状态)、mutations(更改状态) actions(异步操作)、getters(计算属性)、modules(模块)使用详解!
如何使用actions 修改异步操作呢?已经定义好的方法1.直接通过 this.$store.dispatch('方法名') 来调用 可以传参2.通过辅助函数 导入 然后...map 映射方法名...mapActions(['方法名'])原创 2022-12-27 16:54:48 · 5012 阅读 · 0 评论 -
Vue router 路由
路由是一种映射关系!在vue中路由是路径和组件的映射关系!优点:①整体不刷新页面,用户体验更好②数据传递容易,开发效率高缺点:①开发成本高(需要学习专门的知识)②首次加载比较慢,不利于SEO优化什么是单页面应用?所有的业务都在一个页面,编写只有一个html单页面的好处?开发效率高,用户体验好点页面如何切换场景?依赖路由切换。原创 2022-12-02 20:36:53 · 201 阅读 · 0 评论 -
Vue动态组件、组件缓存、组件激活和非激活、组件插槽、组件name
如何切换2个组件 互斥的显示或者隐藏呢 除了v-if什么是动态组件?多个组件使用同一个挂载点,并动态切换。这就是动态组件完成一个注册功能页面, 2个按钮切换, 一个填写注册信息, 一个填写用户简介信息vue内置component组件, 配合is属性, 设置要显示的组件名字在频繁的切换动态组件 会导致 组件的频发创建和销毁,导致效率不高可以通过vue 内置的Keep-alive 组件包裹 component 组件 来解决keep-alive 组件有两个生命周期。原创 2022-11-29 22:07:27 · 1824 阅读 · 0 评论 -
Vue 生命周期 钩子函数 Axios的使用 $ref和$next 的使用
生命周期是什么?原创 2022-11-28 21:25:59 · 1301 阅读 · 0 评论 -
Vue2 组件 和 组件间的通信
一个页面,可以拆分成一个一个组件,一个组件就是一个整体,每个组件都可以有自己独立的结构样式和行为。给style 加上scoped属性,就会在组件的标签上加上一个随机生data-v生成的属性。组件化 封装的思想,把页面上的可重复的部分,封装为组件,从而方便项目的开发和维护。组件是可以复用的Vue实例,封装标签,样式,和 JS代码。子组件内,props定义变量属性接收,并在子组件中使用。循环使用组件注意事项,每次循环,变量和组件都是独立的。从一个vue组件里的值,传给另外一个vue组件的时候。原创 2022-11-27 16:28:53 · 226 阅读 · 0 评论 -
vue 2 过滤器 计算属性(comuted)侦听器
目的:转换格式,其实过滤器本事就是一个函数,传入值后 处理函数返回后的值。重点只能用在,插值表达式 和 v-bind 表达式上使用场景:字母转大写 输入hello 输出 HELLO字符串反转 输入hello,world 输出 dlrow,olleh语法:Vue.filter("过滤器名",(值) => {return " 返回处理后的值"}) 全局定义filters:{过滤器的名字:(值)=> (return "返回处理后的值")} 局部定义。原创 2022-11-27 15:02:41 · 285 阅读 · 0 评论 -
vue2 学习之路 常见的指令!
文件夹 和 文件夹含义。主要的文件及其含义?node_modules 下载的第三方包 安装目录public/index.html 浏览器运行的网页src/main.js webpack打包的入口文件src/App.vue vue项目入口页面package.json 依赖包列表文件项目架构 了解eslint 工具是什么?eslint 是代码检查工具,违反规定就报错。可以通过在vue.config.js中 设置lintOnSave为false重启服务器即可单vue 文件的好处?原创 2022-11-22 21:21:04 · 640 阅读 · 0 评论 -
ES6 模块化
ES6 模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本,开发者不需再额外学习 AMD 、CMD 或 CommonJS 等模块化规范。ES6 模块化规范中定义:每个 js 文件都是一个独立的模块导入其它模块成员使用import关键字向外共享模块成员使用export关键字。原创 2022-11-18 14:28:41 · 1162 阅读 · 0 评论 -
node 文件系统模块,path路径模块,http模块,模块化
fs模块是node.js官方提供的,用来操作文件的模块,他提供了一系列的方法和属性,来满足用户对文件的操作需求!fs.readFlie() 方法用来指定文件中的内容。,用来向指定的文件中内容。如果需要在JS代码中,需要引入。和java 导入类是类似的1.1读取指定文件中的内容。使用fs.readFlie() 语法格式。1.2写入指定文件。原创 2022-11-18 12:19:44 · 77 阅读 · 0 评论 -
git使用gitee 仓库教程详细
①先创建一个文件夹 在文件夹内运行git②生成git 仓库之后 创建一个想要上传到云库的文件,然后通过 git add . 添加所有文件命令添加跟踪 也叫添加到暂存区等③再执行。原创 2022-11-14 21:33:11 · 3349 阅读 · 0 评论 -
Ajax原生XHR和Promise 学习
把一个函数当成参数来传递,将来特定的时机调用,这个函数就叫回调函数。一般异步操作都会用到回调函数!回调地狱?在回调函数内,再嵌套回调函数,一直嵌套下去就形成了回调地狱!原创 2022-11-10 21:14:58 · 620 阅读 · 0 评论 -
AJax表单提交
表单的作用是什么?网页中收集用户输入的信息表单的组成有什么?表单、表单域、表单按钮1.2表单自我提交form表单是否能够自我提交?表单,表单域和提交按钮配合才可以form表单自我提交的缺点是什么?整个网页跳转(刷新网页),体验不好,所以很少使用Ajax提交表单思路是什么?给按钮绑定点击事件,并阻止表单默认提交行为事件处理函数中,获取每个表单域的值基于axios携带数据给服务器Ajax比form表单自我提交的优势在哪里?Ajax局部提交,不会跳转到提交的地址。原创 2022-11-10 09:14:11 · 971 阅读 · 0 评论 -
Ajax浅谈1
浏览器是一个检索、展示、传送web资源的应用程序。服务器:存放资源和对外提供各种服务和计算的主机电脑。常见服务器功能:浏览器访问的资源在服务器!浏览器和服务器的作用分别是?http协议:超文本传输协议,规定浏览器和服务器之间传输数据的规则,保证能读懂对方发来的内容。主机名:标记服务器在互联网中电子方位,也是唯一地址,确保能访问到它。端口号:标记服务器里不同服务,端口号可以是0-65535之间任意整数,浏览器默认访问80端口资源路径:标记资源在某个服务下的具体位置。原创 2022-11-07 08:45:00 · 185 阅读 · 0 评论 -
JS深浅拷贝、异常处理、处理this、性能优化
注意情况1在开发中【使用箭头函数前需要考虑函数中 this 的值】,事件回调函数使用箭头函数时,this 为全局的 window因此DOM事件回调函数如果里面需要DOM对象的this,则不推荐使用箭头函数注意情况2同样由于箭头函数 this 的原因,基于原型的面向对象也不推荐采用箭头函数总结:1. 函数内不存在this,沿用上一级的2.不适用构造函数,原型函数,dom事件函数等等3. 适用需要使用上层this的地方。原创 2022-11-06 14:03:53 · 384 阅读 · 0 评论 -
JS面向过程+面向对象编程区别,原型的应用
思路:面向过程就是分析出解决问题所需要的步骤,再用函数把这些步骤一步一步实现,使用的时候一个一个的依次调用即可。原创 2022-11-03 21:47:46 · 346 阅读 · 0 评论 -
js高级2
作用?是来快速创建多个类似的对象!构造函数内部不需要写return,函数会自动返回创建的新对象。如何创造构造函数?案例代码。原创 2022-11-01 21:25:00 · 120 阅读 · 0 评论 -
js 进阶
局部作用域分为函数作用域和块作用域①在函数内部声明的变量只能在函数内部被访问,外部无法直接访问。原创 2022-10-31 21:13:40 · 78 阅读 · 0 评论 -
js正则表达式
用于验证表单,还也可以过滤页面内容中的一些敏感词(替换),或者从字符串中获取特定的部分(提取).作用 约束正则执行的某些行为,是否区分大小写,是否支持多行匹配。①边界符(表示位置,开头和结尾,必须用什么开通,用什么结尾)元字符是具有特殊含义字符,可以提高灵活性和强大的匹配功能。是用于匹配字符串中字符串组合的模式。①定义规则 ②根据规则查找或者判断。③字符类(比如\d 表示0-9)②量词(表示重复次数)1.3.3 字符类写法。原创 2022-10-27 19:23:30 · 148 阅读 · 0 评论 -
jsWeb Apis 05
location 的数据类型是对象,它拆分并保存了 URL 地址的各个成部分。清楚延时 clearTimeout 用法和间歇函数雷同。setTimeout(回调函数体,延迟时间)这个函数只能执行1次。search 属性获取地址中携带的参数,符号?histroy的数据类型是对象是用来管理历史记录的。在实际开发中比较少用,但是会在一些OA系统中见到。1.Bom(浏览器对象模型)简介。获取 符号 # 后面的部分。2.定时器-延时函数。案例1 经典面试题1。案例2 经典面试题2。原创 2022-10-24 19:19:46 · 415 阅读 · 0 评论 -
jswebAPis 重绘和回流
解析(Parser)HTML,生成DOM树(DOM Three)1.浏览器是如何进行界面渲染的。原创 2022-10-24 15:29:15 · 72 阅读 · 0 评论 -
jswebApis 04日期对象和节点操作
日期对象:用来表示时间的对象。作用 可以得到当前系统的时间在代码中发现new关键词时,一般将这个操作称为实例化。上图控制台中标红的部分是返回的数据,但我们不能直接使用,所以需要转化未实际开发中 常用的格式常见的使用方法特殊的以下getDay 返回的是 0代表星期日geMonth 返回的0 代表12月份 下图中也有几个也是从0开始的需要注意。可以通过getMonth()+1 来改变(因为这是老外写的)注释部分还有另一种简单写法 可以看看能够获取当前时间戳。原创 2022-10-23 19:24:25 · 283 阅读 · 0 评论 -
jswebApi 03
1.1事件流与两个阶段 (捕获事件和事件冒泡)目标 简单了解事件捕获执行过程概念 从DOM的根元素开始执行对应的事件事件类型不一样的时候 也不会触发L0事件就是 onclick事件(老版本的写法)L0时间没有捕获案例 1当一个元素的事件被触发的时候,其祖上同名元素都会被依次触发。L2事件 监听第三个元素 就是false。L0默认也是false.所以事件冒泡是默认存在的。所以false可以省略。注意捕获 L0 是没有的也就是说冒泡是默认存在的。原创 2022-10-21 20:55:25 · 339 阅读 · 1 评论 -
webAPIs 02 完结
js监听事件原创 2022-10-20 16:43:51 · 164 阅读 · 0 评论 -
jsWEB Apis 01下
webapi原创 2022-10-18 18:36:48 · 229 阅读 · 0 评论 -
JSWEapis 01上
是用来呈现 及 任意html或XML文档交互的API作用:开发网页内容特效和实现用户交互。原创 2022-10-18 12:26:47 · 114 阅读 · 0 评论 -
浅谈响应式布局+bootstrap框架
2.如何引入bootstrap框架,这个框架是Twitter写的,也是目前很受欢迎的前段框架,它是基于HTML CSS JavaScript 的,目前发布了 2.xx 3.xx 4xx,这几个版本,那么我们目前使用最多的是3的版本,2版本已经停止更新,4版本是目前最新的。这是例子 ,基本通过这个原理,但是需要适应这个屏幕需要写多个媒体查询 非常浪费时间,影响我们的开发效率,那么这个时候我们可以引入 bootsrap框架。那么我们怎么引入这个框架呢, 去它的官网把这个框架下载下来。原创 2022-10-08 14:22:06 · 323 阅读 · 0 评论 -
华为官网首页撰写
1.采用基础] html css 撰写。源文件 图片我不会上传。原创 2022-09-09 14:02:32 · 857 阅读 · 0 评论 -
前端-flex弹性布局笔记
这个意思是:将剩余的空间分成1+3份,第一个子盒子占1份,第二个子盒子占3份。flex全称是flexiblebox既弹性盒子,用来进行弹性布局,弹性布局也是目前应用最广泛的布局。也就是子元素的宽度大于外部盒子宽度时,flex布局辉自动压缩子元素以适应外部盒子大小。flex-shrink 设置盒子的缩小比例 设置后超出父盒子的范围的子盒子不会缩小压缩。wap-reverse:换行或者换列,但是里面盒子的顺序会变成相反的方向排列。2.当内嵌的盒子超出最外层大盒子的宽度时,会挤压离着边最近的盒子。原创 2022-09-06 15:22:08 · 288 阅读 · 0 评论