前端知识
文章平均质量分 90
七冬与小糖
天天敲代码,早日拿高薪
展开
-
Promise的学习
*** 手写Promise} //添加 then 方法 Promise . prototype . then = function(onResolved , onRejected) {}原创 2022-08-14 01:04:40 · 328 阅读 · 1 评论 -
Dart学习——函数、类
在命令行输入即可运行dart文件以上是简化版的main函数完整版的main函数在命令行输入即可将参数传入main函数Dart通过var / const / final / dynamic 定义变量类型推导Dart数据类型1 数字类型 int double字符串和数字之间的转化2、布尔类型Boolen注意:Dart中不能判断非0即真,或者非空即真即不能使用if(非布尔类型)之类的代码3 字符串类型字符串定义方式。单、双、三引号都可以字符串的拼接4 集合类型Dart内置了三种集原创 2022-06-26 14:55:28 · 871 阅读 · 0 评论 -
Express框架知识——art-template模板、cookie、session
Express框架搭建一个服务器const express = require('express')const app = express();app.get('/',(request,respone)=>{ respone.end('hello express!!')})app.listen(3000,() => { console.log('Express web server is listen at 3000 port!');})获取post、ge原创 2021-11-20 16:37:38 · 1005 阅读 · 0 评论 -
学习网络请求模块——axios
Vue.js知识axiosaxios基本使用axios发送并发请求axios实例axios功能特点:在浏览器中发送XMLHttpRequests请求在node.js中发送http请求支持Proimse API拦截请求和响应转换请求和响应数据axios基本使用首先需要安装axios,npm stall aniox --save安装完成后,需要在main.js中导入并简单使用axios(config)import { createApp } from 'vue'import Ap原创 2021-09-13 20:50:17 · 326 阅读 · 1 评论 -
Vue.js知识——Promise、vuex
Vue.js知识PromisePromise的all方法VuexPromisePromise是异步编程的一种解决方案。最常见的异步场景就是网络请求了。语法:new Promise((resolve,reject)=>( //异步请求操作 )).then(()=>{ // 成功时的数据操作 }).catch(()=>{ //失败时的数据操作})异步操作之后会有三种状态:pending:等待状态,比如正在进行网络请求,或者定时器没有到时间fulfill原创 2021-09-12 20:32:05 · 516 阅读 · 0 评论 -
Vue.js知识——路由(二)
Vue.js知识路由全局导航守卫全局前置守卫keep-aliveTabBar路由全局导航守卫导航:“导航”表示路由正在发生改变。vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。全局前置守卫当有这么一个需求,当页面进行跳转的时候,最上方的页面标题也会跟着修改。注册语法如下:const router = new VueRouter({ ... })router.beforeEach((to,原创 2021-09-10 15:19:22 · 147 阅读 · 0 评论 -
Vue.js知识——路由、箭头函数
Vue.js知识Vue CLI脚手架Vue CLI脚手架CLI是Command-Line Interface ,翻译为命令行界面,俗称脚手架vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置原创 2021-09-06 21:06:04 · 1383 阅读 · 4 评论 -
Vue.js知识——webpack、loader、Vue的配置
Vue.js知识webpack的基本使用webpack.config.js配置和package.json配置loadercss文件处理webpack的基本使用webpack版本:3.6.0在文件下创建两个文件夹:src,源文件dist,存放打包之后的文件src文件夹下:写入两个文件main.js(入口文件)(CommonJS的导入方式)const {add,mul} = require("./aaa.js")console.log(add(20,30));console.log原创 2021-09-03 17:04:57 · 761 阅读 · 0 评论 -
Vue.js知识——slot插槽、ES6模块化的导入和导出
Vue.js知识slot 插槽具名插槽编译作用域作用域插槽ES6模块化的导入和导出export使用export defaultimport使用slot 插槽什么是slot?在生活中很多地方都有插槽,电脑的usb,排插当中的电源插槽。插槽的目的就是让原来的设备具有更多的扩展性,在vue中,组件的插槽也是为了让封装的组件更加具有扩展性,让使用者可以决定组件内部的一些内容到底展示了什么。代码演示:此时有一个组件cpn,在vue的实例中使用了4次,但是4次的末尾都要展示不同的标签,如何实现?源代码:&原创 2021-08-31 17:26:55 · 314 阅读 · 0 评论 -
Vue.js知识——父子组件的通信、父子组件的访问方式
Vue.js知识父子组件的通信通过props向子组件传递数据(properties)props驼峰标识子组件通过自定义事件向父组件发送消息父子组件的通信在开发中,往往一些数据确实需要从上层传递到下层:比如在一个页面中,我们从服务器请求到了很多的数据,其中一部分数据,并非是整个页面的大组件来展示,而是需要下面的子组件进行展示。这个个时候,并不会让子组件再次发送一个网络请求,而是直接让大组件将数据传递给小组件。如何进行父子组件间的通信?通过props向子组件传递数据(properties) c原创 2021-08-30 17:14:14 · 483 阅读 · 0 评论 -
Vue.js知识——v-model、组件
Vue.js知识v-modelv-model与radio结合使用v-model与checkbox结合使用v-model与select结合使用v-model的修饰符组件注册组件的基本步骤组件化的基本使用过程全局组件和局部组件全局组件局部组件父组件和子组件组件的语法糖模板组件抽离的写法(理解)为什么组件中的data必须是函数v-modelv-model可以用来实现表单元素和数据的双向绑定<body> <div id="app"> {{message}}原创 2021-08-27 23:00:26 · 863 阅读 · 1 评论 -
Vue.js知识—— v-if && v-else、v-show、v-for、购物车案例
Vue.js知识v-if && v-else用户登录切换的案例v-showv-for数组中哪些方法是响应式的购物车案例v-if && v-else<body> <div id="app"> <h2 v-if="isShow">{{message}}</h2> <h2 v-else>如果信息为false,就显示我</h2> </div> <script sr原创 2021-08-26 20:29:30 · 604 阅读 · 0 评论 -
Vue.js知识——指令2、计算属性、事件监听
Vue.js知识指令2v-bind计算属性事件监听v-on介绍v-on的参数问题v-on 修饰符指令2v-bindv-bind可以动态获取超链接地址 <div id="app"> <a v-bind:href="ulr">百度一下</a> </div> <script> let app = new Vue({ el:"#app", data:{ ulr:"原创 2021-08-25 20:48:13 · 145 阅读 · 0 评论 -
Vue.js知识——Vue基本用法(列表的展示,Mustache语法、指令)
Vue.jsVue的基本用法Vue的第一个代码列表的展示案例-计数器mustache语法指令v-oncev-htmlv-prev-cloakVue的基本用法Vue的第一个代码首先需要导入Vue:<script src="../vue.js"></script>在官方网站下载源代码,并导入scritp第二步创建对象:创建Vue对象的时候,传入了一些options:{ }{ }包含了el属性:该属性决定了这个Vue对象挂载到哪一个元素{ }包含了data属性:原创 2021-08-24 20:30:28 · 435 阅读 · 0 评论 -
JavaScript高级——数据、变量、内存相关问题、对象、函数
JavaScript高级数据、变量、内存相关问题对象函数IIFE原型和原型链原型原型链instanceof数据、变量、内存相关问题undefined与null的区别?undefined代表定义未赋值,null表示定义了也赋值了,值为null什么时候给变量赋值null?初始赋值,表明将要赋值为对象,结束前,让对象成为垃圾对象。严格区别变量类型与数据类型数据类型:- 基本数据类型:String、Nubmer、boolean、undefined、null &n原创 2021-08-21 23:20:36 · 669 阅读 · 2 评论 -
JavaScript知识——事件、BOM简介
JavaScript知识事件事件的委派事件的绑定拖拽鼠标滚轮事件键盘事件BOM事件事件的委派事件的委派指的是将事件统一绑定给元素的共同的祖先元素,这样后代元素上的事件触发时,会一直冒泡到祖先元素,从而通过祖先的响应函来处理事件。例子:使得添加的超链接和原来的超链接都拥有单击响应事件。<script> window.onload = function () { var btn = document.getElementById("btn"); v原创 2021-08-17 19:42:34 · 356 阅读 · 2 评论 -
JavaScript知识——DOM增删改、操作内联样式
JavaScript知识DOM增删改操作内联样式获取元素的样式例子DOM增删改 <div> <ul id="city"> <li id="bj">北京</li> </ul> </div> <div class="btn"> <button id="btn1">创建一个“广州”节点,添加到#city下</button原创 2021-08-16 21:01:32 · 689 阅读 · 0 评论 -
JavaScritp知识——this、工厂方法创建对象
JavaScritp知识this工厂方法创建对象构造函数原型对象prototypethis解析器在调用函数每次都会向函数内部传递一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,这个对象称之为函数执行的上下文对象。根据函数的调用方式不同,this会指向不同的对象以函数的形式调用,this永远都是windonw以方法的形式调用,this就是调用方法的那个对象函数方法调用:function fun(){ console.log(this);}fun();/原创 2021-08-12 23:16:57 · 152 阅读 · 0 评论 -
JavaScript知识——嵌套for循环、对象、函数
JavaScript知识嵌套for循环对象创建对象函数嵌套for循环beark 选择退出的for循环 outer: for (var i = 1; i < 10; i++) { document.write("外层循环" + i); for (var j = 1; j < 5; j++) { document.write("内存循环" + j); for原创 2021-08-12 10:03:43 · 411 阅读 · 0 评论 -
JavaScritp知识——代码块、if语句、循环语句
JavaScritp知识代码块if语句条件分支语句循环语句while语句for循环代码块程序都是一条一条语句构成的。语句是按照自上而下的顺序一条一条执行的,在JS中可以使用{ }来为语句进行分组,同一个{ }中的语句称为一组语句,他们要么都执行,要么都不执行。一个{ }中的语句也称之为一个代码块,在代码块的后边就不用写";"了 { alert("hello"); console.log("你好"); document.原创 2021-08-10 22:12:30 · 173 阅读 · 0 评论 -
JavaScript知识——JS怎么写、变量、逻辑运算符
JavaScript知识JS怎么写写在script标签内JS写在body的标签里面写在外部文件JS怎么写写在script标签内JS写在<script>标签内,要加“;” <script> //控制浏览器弹出一个警告框 alert("hello world!!"); </script> <script> //控制浏览器弹出一个警告框 alert("hello worl原创 2021-08-09 18:37:13 · 1685 阅读 · 0 评论 -
web前端知识——常见布局方案、文章排版、图片排版、某宝列表
一、常见布局方案常见的三栏布局<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> CSS </title> <style> *{ margin:原创 2021-05-22 14:53:17 · 4625 阅读 · 0 评论 -
web前端知识——盒子模型、定位、浏览器兼容问题
一、盒子模型一个标签的大小,到底是由哪些部分组成的content 内容padding 内边距margin 外边距border 边框一个元素的大小 = content + padding + border一个元素在网页中占据位置的大小 = content + padding + border + margin .a{ border:10px solid; background-col原创 2021-05-21 14:50:30 · 692 阅读 · 0 评论 -
web前端知识——iframe标签、CSS
一、iframe标签用于在一个网页里面打开另一个网页 <iframe src="https://www.taobao.com" frameborder="0" width="500" height="600"></iframe>src :指定显示的网页地址width 宽度height 高度scrolling 是否显示滚动条 yes\noframeborder 是否显示边框 1\0显示某宝网站和a标签一起运用,在页面窗口内打开其他网页 <a href原创 2021-05-19 23:30:52 · 2786 阅读 · 1 评论 -
web前端入门知识——标签(二)
一、常用标签转义字符空格的转义字符<!deoctype.html><html> <head> <meta charset="utf-8" /> <title>Hello World</title> </head> <body> <p>很好很好 很好很好很好很好 很好很好很好</p原创 2021-05-18 07:43:31 · 162 阅读 · 0 评论 -
web前端入门知识——HTML基本概念、标签(一)
一 、HTML的基本概念和结构1、HTML的基本概念网页三剑客:HTML:超文本标记语言 「结构」机器人的身体结构CSS:层叠样式表 「样式」 机器人的衣服JavaScript: JS、交互 「交互」 机器人说话、走路等等学会这三个技术,就可以将设计师的设计变成静态的代码2、如何书写一个HTMLHTML文件的后缀都是 .html首先在桌面新建一个记事本.txt,文件名为index(首页)。(当后端程序员开发之时,当访问到服务器某一个路径地址的时候,默认访问index开头的文件原创 2021-05-16 21:41:42 · 414 阅读 · 1 评论