- 博客(41)
- 收藏
- 关注
RSS订阅原创 面试总结归纳 #3
1.讲一讲JQ的原理?答：jq引入后就是一种引入了一种新的类型,都是由构造函数和原型对象组成的,简化了DOM操作2.什么是MVVM?答：vue就是基于MVVM渐进式的纯前端框架,旧版前端开发包含HTML,CSS,JS,因为HTML和CSS连程序最基本的变量都不支持,导致JS中所有的步骤都的用JS编写,特别麻烦,所以MVVM设计模式,就是界面,模型对象,视图模型,界面就是增强版的HTML和CSS,模式对象,保存界面所需要的所有变量和函数,实拍图模型来维护模型对象中的变量与界面中的变量同步.3.VU
2020-12-28 17:04:57
152
1
原创 面试总结归纳 #2
1.创建function有集中方式?答：三种 1.声明方式创建function函数名 会被声明提前 2.赋值方式创建var函数名=function 不会被声明提前 3.var 函数名=new funciotn() 揭露了一切函数都是一个保存代码段的引用类型对象的被指2.什么是声明提前?存在什么问题?答：在程序开始执行时候,JS引擎会扫描程序中的var 和 function,提前到当前作用域的顶部集中创建,赋值留在原地,问题：会破坏程序执行的顺序3.重载是什么?答：相同函数名,不同
2020-12-27 23:37:48
168
原创 面试总结归纳 #1
这篇文档总结了最基础的问题了 包含了HTML CSS GIT1.块级元素 行内元素 行内块元素的区别是什么?答：首先块级元素单独成行,align有效,行内元素和行内块与其他行内元素行内块共用一行,align无效2.CSS的特点是什么?答：1.继承性:外层标签会被内层使用 2.层叠性:定义多种样式时不会冲突 3.优先级:内联,内部,外部样式 4.调整默认优先级:!important3.CSS的基础选择器有哪些?答：1.通用选择器* 2.标签选择器 3.id选择器 4.类选择器class
2020-12-27 21:03:09
195
2
原创 Angular #开始 #生成项目包 #启动项目 #项目执行流程 #组件 #{{}} #指令 #自定义指令 #管道 #生命周期 #TypeScript #传参 #服务 #ionic
一.开始工作官方网站：https://angular.cn/1.Angular开发 与 Vue开发相同, 都需要安装脚手架; 然后使用脚手架来生成项目包.2.node版本需要最新版本; //版本在12以上即可a).npm默认的下载源在国外, 会导致国内使用较慢甚至无法下载 检查当前下载源,npm config get registry //如果不是taobao 就设置中国镜像b).设置中国镜像npm config set registry http://registry.np
2020-12-21 23:03:52
330
原创 微信小程序 #云开发 #云存储 #云数据库 #云函数
一 云开发云开发是指开发者可以使用腾讯云来开发小程序、小游戏，而无需搭建服务器环境云开发的基础能力有：A.云存储，类似于网盘，提供文件的上传/下载的能力B.云数据库，是JSON类型的非关系型数据库C.云函数，在云端运行函数开通云服务单击开发者工具栏上的"云开发"按钮单击开通按钮选择配额类型创建云开发项目目录结构如下图所示：云存储云存储类似于网盘，提供文件的上传/下载的能力。云存储的文件管理方式可通过：A.云开发控制台 -- 图形化的界面B.相关的A
2020-12-21 19:46:54
1202
2
原创 微信小程序 #项目实践
一. 项目实践1.在app.json中创建 pages/ranking/ranking的页面，并且为pages/index/index和pages/ranking/ranking这两个页面设置tabBar，示例代码如下：2.创建首页轮播图3.首页中分类及其包含的图书第一步：在index.js的生命周期回调中获取相关的分类数据第二步：将index.js中获取到的数据显示在WXML的页面中1.首页分类及其图书列表的实现2.图书详细信息的实现A.在app.json的pa
2020-12-20 19:28:23
259
原创 微信小程序 #创建 #目录结构 #全局配置 #组件 #JSON #WXML #事件 #双向绑定 #生命周期 #API #页面跳转 #网络API
微信公众平台1.微信公众平台是基于腾讯提供的微信服务器和APP客户端，由更多的第三方服务者接入，为广大的微信客户提供服务的平台2.微信公众平台的官网：https://mp.weixin.qq.com/服务类型：1.服务号，针对企业用户的，提供一对一的服务，如中国移动、招商银行等2.订阅号，针对企业或个人的，提供免费的资讯，如前端大全、CSDN等3.小程序，针对企业或个人的，提供类似于原生APP的功能，达到用完即走的目的。4.企业微信，为企业内部员工提供日常办公支持，可以与微信、支付等互通。
2020-12-20 00:09:23
427
1
原创 HTML5 #地理定位 #百度地图API #WebSocket #Echarts
一. 地理定位地理定位允许用户向web提供他们的位置,基于隐私的考虑，报告地理位置之后需要用户授权.地理定位需要通过navigator对象的geolocation属性实现，该属性将返回Geolocation对象。 --navigator.geolocation方法getCurrentPosition() 用于获取当前的位置，其语法结构是：Geolocation.getCurrentPosition(success,error,options) //可以带三个参数,必须有得是succes
2020-12-19 11:20:49
359
1
原创 HTML5 #音频视频 #canvas #window #webworkers #拖放
一.音频视频视频(1)视频标签： a).<video src="视频文件URL地址/" width="宽度" height="高度"></video> b).<video width="宽度" height="高度"> <!--写在标签里的如果不支持就会找到支持的格式--> <soure src="视频文件URL地址.mp4/"></soure> <soure src="视频文件UR
2020-12-16 22:31:02
280
原创 #WebStorage #cookie #VUEX
一. Web StorageWeb Storage提供了一种比Cookie更加直观的存储方式来存储键/值对web storage 提供了两种存储机制：localstorage :为每个特定的源提供独立的存储区域,该区域内存储的数据在所有页面有效,即使关闭掉也会有sessionstorage :为每个特定的源提供独立的存储区域,该区域存储的数据只在当前页面有效这两同机制可以通过window.sessionStorage 和 window.localstorage 属性进行访问 (完全相同
2020-12-14 23:16:08
91
原创 # 项目 标题重复率高，建议修改提高曝光
1.1 数据表结构分析1.2 发送HTTP请求到WEB服务器： (1)发送HTTP请求,用axios发送请求 (2)安装：npm install --save axios (3)配置：main.js中 import axios from "axios" 接 axios.defaults.baseURL="服务器基础地址" 接 Vue.prototype.axios=axios (4)发送请求：mounted--在挂载后触发(此时发送异步请求)1.3 WE
2020-12-14 19:13:50
126
原创 VueUI #mint-ui
组件库基础组件库提升开发效率,简单调用方式PC端组件库：Element-UI AT-UI View-UI ...移动端组件库：Mint-UI Vant-UI Cube-UI ...一. Mint-UI 安装安装：npm install --save mint-ui使用：src/main.js 输入import MintUI from 'mint-ui'; //导入Mint UIimport 'mint-ui/lib/style.min.css'; //导入样式文件
2020-12-13 19:28:12
157
1
原创 #项目的编译和发布 #静态发布新浪云 #node服务器发布新浪云 #nodejs服务器部署数据库 #新浪云前后端结合
一. vue项目的编译和发布脚手架中有大量的新技术:vue文件,es6模块.. 这些文件语法大部分浏览器无法直接运行解决：开发好的项目,经过编译,打包,压缩,变成ES5代码部署到服务器如何：npm run build结果：自动在项目文件夹下新建dist文件夹,包含传统的代码二. 将纯前端的静态的项目发布到新浪云服务器将纯前端的项目发布到新浪云1. 网址: https://www.sinacloud.com/2. 选"产品"->"云应用SAE"->"进入控制台"->用新浪微
2020-12-13 16:02:01
260
原创 Vue #脚手架安装 #脚手架文件结构 #ES6模块化开发 #项目流程 #懒加载 #代理跨域 #组件样式冲突 #watch #防抖
一. 脚手架 vue官方定义了一套标准的项目结构,vue项目都要基于这套标准结构开发1.安装可以反复创建脚手架项目的命令行工具 a.npm默认是国外的,访问慢而且不稳定 1)淘宝镜像：npm config set registry http://registry.npm.taobao.org 2)备选方案：npm i -g cnpm --registry=http://registry.npm.taobao.org (cnpm -v 查看版本)
2020-12-12 23:08:44
174
原创 Vue #axios #生命周期 #组件 #组件化开发 #SPA
一. axios虽然在jq中$.ajax()函数已经很好用 在vue中几乎很少使用DOM操作，自然也就很少使用jQuery 所以，几乎vue中不会把jquery引入项目中 所以，在vue中就无法无法使用$.ajax()axios: 第三方开发的，基于Promise技术的，专门发送http请求的一组函数库何时使用：只要在vue中发送ajax请求，都用axios使用： (1)下载并引入axios.js <script src="js/axios.js"> (2)发送请求： get
2020-12-12 00:09:18
151
原创 Vue #双向绑定 #绑定样式 #自定义指令 #计算属性 #过滤器
双向绑定既能将程序中的变化，自动更新到页面上，又能将页面上发生的变化，更新回程序中的变量中问题：传统的绑定方式,用户在页面上输入新内容,程序的变量也不会改变,无法获得用户输入的新值原因：12种的指令和绑定语法都知识单向绑定 (1)单向绑定：只能将程序的变化,更新到页面上,页面发生变化,无法更新到程序变量中(model-view)解决：只要希望自动获得界面上修改内容时,都用双向绑定 (model-view) ,(view-model)使用：<表单元素 v-model:valu.
2020-12-10 18:22:36
307
原创 Vue #使用 #MVVM #绑定原理 #指令
一.VUE：第三方开发的基于MVVM渐进式的纯前端框架#使用1.下载：下载vue.js文件到项目本地的js文件夹中，在网页中引入vue.js文件（企业中不用）;2.脚手架方式: (企业中都用)#MVVM旧的前端开发,把代码分成三部分：HTML CSS JS问题：因为HTML和CSS连程序基本的功能变量都不支持,更不支持分支,循环等解构,导致JS中存在大量重复的步骤的编码解决：MVVM设计模式,将前端代码进行了重新划分(1)界面(view):增强版的HTML+CSS.可以支持变量
2020-12-09 15:44:26
84
原创 跨域 #CORS方式 #JSONP #HTTP代理
一个网站内的网页，去请求并使用了另一个域名下的网站的资源比如: <link rel="stylesheet" href="别人网站的css"> <script src="别人网站的js"> <img src="别人网站的图片"> <iframe src="别人网站的网页">包括: (1). 域名不同: http://www.a.com/网页 -> http://www.b.com/资源 (2). 子级域名不同: http:
2020-12-09 12:09:31
110
原创 JQuery #查素 #修改 #添加/删除/替换 #事件 #动画 #类数组对象操作 #添加自定义函数 #封装自定义插件 #ajax
简单介绍以下JQuery1.JQuery还是在执行DOM增删改查+事件绑定2.为什么用：简单,JQ几乎没有浏览器兼容问题3.何时：以前的项目几乎所有都是JQ实现的4.问题：虽然对步骤进行了简化,但是没有简化流程,只有PC端,没有移动端5.未来：JQ用的越来越少 但是我们还是要了解如何使用1.将jQuey.js文件下载到项目本地文件夹中，然后在页面中使用<script src="js/jquery.js">方式引入问题: jquery.js文件只部署在一个地方的服务器上。距离服务
2020-12-08 18:35:49
176
原创 JavaScript #绑定事件 #事件模型 #事件对象(获取,取消冒泡,事件委托,阻止默认行为,鼠标位置,页面滚动)
事件浏览器自动触发的或用户手工触发的页面中内容或状态的改变事件处理函数: 当事件发生时，希望浏览器自动调用的函数绑定事件: 提前将事件的处理函数，保存到元素身上的事件属性中，暂存，暂不执行。为什么绑定事件: 默认元素上所有on开头的事件属性默认值都为null，意为着即使元素上发生了事件，也不会执行任何操作何时绑定事件: 只要希望当事件发生时，能自动执行一项提前准备好的任务时。绑定事件1.在HTML中绑定：<元素 on事件名="函数名"> JS定义事件处理函数：functio
2020-12-08 14:03:25
131
原创 高级JavaScript #BOM(window , history ,location ,navigator)
BOM: Browser Object Model浏览器对象模型专门操作浏览器软件和窗口的一套对象和函数的集合window对象：1.代替ES标准中的global,充当全局作用域;2.保存原生的：JS 3.保存浏览器窗口相关的信息和功能，代表着当前浏览器窗口. (1)window可获得当前窗口的大小: 2组大小： a. 完整窗口大小: window.outerWidth window.outerHeight b. 仅内部文档显示区大小: window.innerWid
2020-12-07 20:02:22
64
原创 高级JavaScript #DOM 常用对象: 对常用元素的简化操作
1. <img>元素: 创建: (1). 旧DOM: var img=document.createElement("img"); (2). HTML DOM: var img=new Image();2. table管理行分组; a.table创建行分组 : 1). var thead=table.createTHead() 相当于以前的两句话: 既创建，又添加(var thead=document.createElement("thead");table.append
2020-12-07 19:28:35
87
原创 高级JavaScript #DOM
DOM是专门操作网页内容的对象和函数的集合增删改查 事件绑定DOM树1.内存中保存网页所有内容的树形解构2.网页标签非常复杂,树形解构刚好保存上下级包含关系原理： 1.只要浏览器读取到html文件时,就会创建document对象,作为dom唯一的跟节点 2.扫描内容 每扫到一个元素或者文本都会在内存中创建一个节点对象来保存这个元素或文本的内容和属性查找元素一.不需要查找可以获取的元素： (1). document 根节点对象 (2). document.documentElement
2020-12-07 19:18:46
136
原创 高级JavaScript #ES6(模板字符串,let,箭头函数,forof,参数增强,解构,class,promise)
模板字符串1.模板字符串: 只要拼接字符串 都用模板字符串代替+ a.整个字符串包裹在一对儿反引号 ` ` 中 b.反引号``中支持换行 c.反引号中需要动态生成的内容必须放在${}里 d. ${}里: 1). 可以放一切有返回值的合法的变量或js表达式。 2). 不能放程序结构(分支和循环)以及没有返回值的js表达式...
2020-12-07 14:00:50
222
原创 高级JavaScript #ES5(严格模式,保护对象,访问器属性,保护对象结构,create,替换this,数组函数,遍历,过滤,汇总)
ES5一.严格模式什么是严格模式: 比普通的js运行机制要求更严格的模式;如何使用严格模式：只要在当前作用域的顶部添加 "use strict";(1)禁止给未声明的变量赋值;旧JS中：
2020-12-06 19:44:26
162
原创 高级JavaScript #面向对象 封装 继承 多态 #自定义继承 #this
面向对象1.什么是:对象解构描述每个事物的属性和方法,按照调用对象中保存的属性和方法;2.为什么:便于大量数据的管理和使用3.何时 :几乎所有程序都用面向对象思想开发出来面向对象三大特点：封装 继承 多态封装创建对象 (1) 用{}创建一个对象: var obj={ 属性名:属性值, 方法名:function(){} } //例子 var lucy={ sname:"lucy", sage:17, intr:function(){ alert(`I'm
2020-12-05 20:11:31
95
原创 高级 JavaScript #function #hoist # overload #匿名函数 #作用域 #作用域链 #闭包
一.function1. 用声明方式创建： (1). function 函数名(形参变量列表){ 函数体; return 返回值 } (2). 问题: 会被声明提前——破坏程序正常的执行顺序2. 用赋值方式创建: (1). var 函数名=function(形参变量列表){ 函数体; return 返回值 } (2). 好处: 除了不会被声明提前之外，其余用法与普通函数完全一样！3. 用new来创建: (1). var 函数名=new Function
2020-12-04 20:59:59
107
原创 #Git #安装 #操作 #命令
一.VCS系统1. version contorl system 版本控制系统 (储存 共享 合并 历史回退)2.为什么要用vcs：1.换新电脑 把之前开发的代码拷贝进去 2.新的代码崩溃 退回昨天的状态 3.忘了具体工作进度 4.多人协作 自动合并多人代码到一起Git 作用1.合并代码2.提交代码3.保存多个代码版本,随意的切换4.对比前后代码的区别Git 的安装1.本地安装2.双击安装软件完成之后3.在cmd输入 git --version 显示版本4.如果使用的是自
2020-12-04 18:14:13
72
原创 SCSS #变量 #嵌套 #导入 #混合器 #继承 #运算 #颜色 #插值 #sass函数
#Bootstrap 响应式+栅格布局+scsscss特点：1.语法不够强大 没有合理的代码复用机制 代码难维护2.用动态的语言 赋予新的样式3.动态语言：scss stylus lessscss是强化辅助工具 在CSS基础上 添加变量 嵌套 混合 导入 函数 指令功能 1.scss的运行原理 scss运行在后台,把scss转换成css文件,传递给前台,让浏览器运行css,我们安装的scss就是把文件转换成css 2.把scss转换成css (1)单文件转换 node-sas
2020-12-03 16:46:12
754
1
原创 BootStrap #响应式布局 #组件
响应式布局1.啥叫响应式：根据浏览器页面的设备不同 自动的改变布局 图片 文本 不会影响体验2.编写响应式的网页：(1)视口 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">width=device-width 视口宽度为设备宽度initial-scale=1.0 初始化不允许缩放maximum-s
2020-12-03 14:35:33
566
原创 #CSS core #转换 #动画 #优化 #reset #normalize
2D转换位移 translate：transfrom :translate(v1) /*x 轴偏移*/transfrom :translate(v1,v2) /*v1是x轴偏移,v2是y轴的偏移*/transfrom :translatex(v1) /*单独设置y轴偏移*/缩放 scale：transform :scale(v1) /*一个值设置x轴和y轴的大小 倍数*/transform :scale(x,y) /*单独设置缩放比例*/ transform :scalex.
2020-12-02 13:21:02
59
原创 #CSS core #复杂选择器 #弹性布局
一 复杂选择器1.兄弟选择器相邻兄弟选择器：选择器1+选择器2{} //找符合选择器1的元素后面挨在一起并且符合选择器2的元素通用选择器：选择器1~选择器2{} //找到符合1的元素 后面所有符合选择器2的元素2.属性选择器[attr]{} //元素当中有arrt这个属性的元素[attr1][attr2]{} //元素当中同时具备这两个属性的元素[attr=value]{} //匹配具备arrt并value具备的属性[attr1=value][attr2=val.
2020-12-01 20:32:31
72
原创 CSS #定位 #显示方式
啥是定位？就是控制元素在页面中的显示位置1.普通流定位2.浮动定位3.相对定位4.绝对定位5.固定定位1.普通流定位：说白了就是各种元素默认的定位方式 行内,行内块共用一行如果放不下自动就换行 块级单独成行 从上往下排列2.浮动定位 让块级元素水平排列 (项目如果没有这个需求不要用) float:none;默认值 float:left;在浮动的当前向左对齐 float:right;在浮动的当前想右对齐 浮动引发的特殊情况： 浮动元素会在浮动方向上占位.
2020-12-01 00:27:44
197
原创 CSS #基础选择器 #溢出处理 #阴影 #轮廓 #盒子模型 #背景 #渐变属性 #字体属性 #文本属性 #表格
1.内联样式 <元素 style="样式1；样式2；........"></元素> 在元素的style属性中编写样式 特点：内联样式不能重用，只对当前元素有效 默认优先级最高 项目中基本不用，只在学习和测试中使用2.sd asd 内部样式在head标签添加<style></style>标签在style标签中，定义样式选择器{样式声明1；样式声明2；......}大括号后，不能添加分号特点：内部sd 样式可以重用，只能在本页面中进行重
2020-11-30 17:56:06
132
原创 AJAX #异步对象的了解
首先了解简单的DOM操作1.同步Synchronous同步任务，在一个人任务的进行的过程中，不能开启其他任务同步访问，浏览器在向服务器发送请求时，浏览器只能等待服务器的响应，不能做任何事情出现场合：地址栏输入网址 a标签跳转 form提交2.异步Asynchronous异步任务，在一个任务进行的过程中，可以执行其他任务异步访问，浏览器在向服务器发送请求的时候，用户可以在浏览器上做其他事情使用场合用户名重复验证 股票软件3.什么是ajaxAsynchronous Jav.
2020-11-29 17:07:43
208
原创 简单的了解 html #表格 #表单
1.文档类型声明<!DOCTYPE html>写在页面的开头，告诉浏览器当前页面使用h5规则编写，请浏览器使用h5规则运行代码2.网页结构<html> 代表网页的开始和结束，必须放置在根元素位置，有且只有一对 <head></head> 网页的头部，定义网页的全局信息 <body></body> 网页的主体，页面可见的内容</html>3.<head></head>中<titl
2020-11-28 16:10:59
158
原创 NodeJS示例分享
#创建 app服务器const express = require("express"); //引入第三方express模块const bodyParse = require("body-parser"); //引入bodyparser模块const url = require("./router/user") //引入user路由const app = express(); app.listen(8080); //端口// 托管静态资源app.use( express.stat
2020-11-28 12:08:07
163
原创 常用的nodejs
node.js 运行在服务器端 只有一个运行环境 不存在兼容性问题全局对象1.global;全局变量和全局函数都是全局对象global下的属性和方法;2.console 对象;log() //打印日志info() //打印消息warn()//打印警告error()//打印错误time()开始计时timeEnd()结束计时...
2020-11-26 20:40:25
182
原创 JAVASCRIPT基础知识 #对象 #数组对象 #字符串对象 #Math对象 #时间对象 #Number对象 #Bool对象
简单了解对象 ：JS中的对象：1.内置对象 2.自定义对象 3.宿主对象自定义对象创建方式：1.对象字面量 2.内置构造函数 3.自定义构造函数//字面量创建对象var obj={ eid:01, ename:"eric", email:"eric@163.com", phone:13666666666}//内置构造函数创建对象var obj=new Object();obj.eid="01";obj.ename="埃里克";访问对象中的属性：对象.属性名 .
2020-11-26 14:39:49
123
原创 JAVASCRIPT基础知识 #比较运算符 #流程控制 #循环 #递归
#比较运算符> < >= <= != == ===3>"10" //false 数值和字符串比较,字符串隐式转会为数值"3">"10" //true 字符串比较,比较是首个字符的Unicode码3<"10a" //false 任何值和NaN比较 > < >= <= == === 都是false 两个NaN也是false 比较!= !==是true#流程控制//if 语句if(//条件表达式){.
2020-11-25 19:38:38
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人