- 博客(27)
- 收藏
- 关注
RSS订阅原创 Vue-面试题-3
vuex是什么？怎么使用？哪种功能场景使用它？vue框架中状态管理在main.js引入store，注入新建一个目录store，…… export场景有：单页应用中，组件之间的状态 音乐播放、登录状态、加入购物车vuex有哪几种属性？有五种，分别是 State、 Getter、Mutation 、Action、 Modulevuex的State特性vuex的State特性A、Vuex就是一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于一般Vue对象里面的dataB、
2021-05-31 10:30:57
250
原创 defineProperty属性
defineProperty属性的理解与使用defineProperty的属性Object.defineProperty定义新属性或修改原有的属性**Object.defineProperty()** 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象**备注：**应当直接在 Object 构造器对象上调用此方法，而不是在任意一个 Object 类型的实例上调用语法：Object.defineProperty(obj, prop, descriptor)def
2021-05-28 20:14:50
681
原创 微信小程序面试题
微信小程序1、简单描述下微信小程序的相关文件类型?1.wxml模板文件，是框架设计的一套标签语言，结合基础组件、事件系统、可以构建出页面的结构2.wxss样式文件，是一套样式语言，用于描述WXML的组件样式3.js 脚本逻辑文件，逻辑处理网络请求4.json配置文件，小程序设置，如页面注册，页面标题及tabBar5. app.json整个小程序的全局配置，包括:pages:[所有页面路径]网络设置(网络超时时间)。界面表现(页面注册)window:{背景色、导航样式、默认标题}。底部tab等
2021-04-15 08:23:53
191
原创 面试题总结（四）
面试题总结1.用js递归的方式写1到100求和?递归我们经常用到，vue在实现双向绑定进行数据检验的时候用的也是递归，但要我们面试的时候手写一个递归，如果对递归的概念理解不透彻，可能还是会有一些问题。function add (num1 , num2){var num =num1+num2 ;if(num2+1>100){return num;}e1se{return add(num, num2+1)}}var sum =add (1,2);2.css常用的布局方式有哪些？流
2021-04-08 19:52:38
92
原创 Vuex 基础-01
Vuex一、Vuex1.1为什么有Vuex在vue中，父子传值是v-bind属性绑定，子向父传值是事件绑定，兄弟组件之间共享数据值EventBus,这是适合小范围内数据共享，大范围中要用其他技术，即vuex注意的是刷新网页会刷新vuex里state的数据1.2什么是vuexvuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。本质上就是组件之间实现数据共享。可以把vuex看作一个仓库，所有的组件都可以把数据存在这里，也可以从这里拿取数据1.3vuex的作用1.
2021-03-29 18:14:25
110
原创 CSS盒子水平居中与常用布局
CSS复习–二一、水平垂直居中的几种方式让元素在父元素中呈现出水平垂直居中的形态，无非就 2 种情况：单行的文本、inline 或者 inline-block 元素；固定宽高的块级盒子；不固定宽高的块级盒子；1.1单行的文本、inline 或 inline-block 元素水平居中此类元素需要水平居中，则父级元素必须是块级元素(block level)，且父级元素上需要这样设置样式：.parent { text-align: center;}复制代码垂直居中方法一：通
2021-03-24 18:08:30
249
原创 2021-03-16
项目-登录1.启动后台项目进入 vue-api-server 目录，运行如下命令，进行恢复安装npm install创建导入数据库后运行以下命令启动项目后台node app.js2.项目初始化2.1码云创建仓库创建仓库 shop-vue并且把项目上传到仓库 以免电脑出问题丢失项目2.2 本地创建项目执行如下命令，在本地创建项目（建议目录中不要有中文）,按照提示一步步操作vue create vue-shop2.3 将本地项目推送到远程仓库按照上面说明，进行本地操
2021-03-16 19:56:06
272
原创 Node
Node知识点总结一、node.js1.1Node是什么（概念）Node.js 是一个基于Chrome V8引擎的JavaScript运行时（(运行环境)，如浏览器也是js的运行环境，Node 也是JS的运行环境，但是将JS代码的应用场景扩展到了服务器端1.2Node.js的组成JavaScript由三部分组成，ECMAScript，DOM，BOMNode.js是由ECMAScript及Node环境提供的一些附加API组成的，包括文件、网络、路径等等一些更加强大的API1.3运行
2021-02-06 11:51:40
400
1
原创 编写静态页面经验总结
静态页面经验总结1.关于布局时候的居中问题line-height是内容的垂直居中而不是元素的垂直居中，元素的垂直居中可以利用内联元素设置vertical-align:middle来实现，在确定高度的情况下也可以通过设置margin或者padding来实现。2.关于absolute的相对位置的问题当使用absolute定位的时候，其相对位置是以上一级有position的元素的位置为基准的，上一级中没有则上上一级，依次，直至到body元素，则以body元素的位置为基准。3.同时使用vertical-a
2020-12-10 08:35:00
1299
原创 js操作元素样式、元素内容和元素属性的方法
一、JS操作元素内容及元素属性1 操作元素内容简介：元素内容指开始标签与结束标签之间的内容，单标签没有元素内容，表单标签除外。1.1操作闭合标签内容1.闭合标签的内容需要设置或修改，使用闭合标签的innerHTML属性。语法：设置：标签.innerHTML = “内容”；获取：var text = 标签.innerHTML； var a= document.getElementById("text");//1.设置内容。a.innerHTML = "内容"；//2.innerHTM
2020-12-10 08:33:14
3001
原创 Bootstrap框架
Bootstrap框架一、Bootstrap简介Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JavaScript的。二．Bootstrap 特点(1)**跨设备、跨浏览器：**可以兼容所有现代浏览器，包括比较诟病的IE7、8。(2)**响应式布局：**不但可以支持PC端的各种分辨率的显示，还支持移动端PAD、手机等屏幕的响应式切换显示。(3)**提供的全面的组件：**Bootstrap提供了实用性很强的组件，包括：导航、标签、工具
2020-11-26 10:31:57
552
1
原创 laravel框架
laravel框架概念Laravel是一个有着美好前景的年轻框架，它的社区充满着活力，同时提供了完整而清晰的文档，而且为快速、安全地开发现代应用提供了必要的功能。2011年，Taylor Otwell首次将Laravel带给这个世界，彼时，Laravel就是一个全新且现代的框架。Laravel基于MVC架构，可以满足诸如事件处理、用户身份验证等各种需求，同时通过包管理实现模块化和可扩展的代码，并且对数据库管理有着健壮的支持。不管是专家还是新手，一旦接触到Laravel，都会有相见恨晚之感——这正是你
2020-11-26 10:31:09
211
原创 Ajax知识
Ajax1.1简介Ajax即“Asynchronous Javascript And XML”(异步JavaScript 和XML)，是指一种创建交互式网页应用的网页开发技术。Ajax=异步JavaScript和XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新（无刷新技术）。传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面。1.2AJAX技术应用带来的好处ajax
2020-11-17 16:00:07
232
原创 2020-11-10
1+x第一天1、$和JQuery的关系本质上是一样的$(".box");jQuery(".box");2、入口函数的两种写法(function())和(function (){ })和(function())和(document).ready(function () { }）<script> $(document).ready(function () { // alert("hello"); }); jQuery(document).read
2020-11-10 18:57:35
89
原创 常量变量与运算符
PHP基础-02 常量变量与运算符1.语言基础PHP与ASP、JSP一样，都是嵌入到HTML文件中的服务器端的脚本语言；PHP文件的后缀是.phpPHP代码的标记：2.输出时间echo date('Y-m-d H:i:s');默认情况下PHP输出的时间是格林威治时间，比中国时区晚8个小时解决方案：1.0 找到PHP的配置文件 php.ini2.0 定位到 date.timezone3.0 设置中国时区 ; PRC为中华人民共和国 date.timezone =
2020-10-13 17:08:49
167
原创 Web APIs-02基础
Web APIs-02:排他操作,自定义属性 ，节点操作1.1. 排他操作1.1.1 排他思想如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2020-10-08 08:33:12
402
原创 DOM基础，获取元素，事件基础，操作元素
获取元素，事件基础，操作元素一. 获取元素1.1根据ID获取语法：document.getElementById(id)作用：根据ID获取元素对象参数：id值，区分大小写的字符串返回值：元素对象 或 null案例代码<body> <div id="time">2019-9-9</div> <script> // 因为我们文档页面从上往下加载，所以先得有标签 所以我们script写到标签的下面 v
2020-10-05 10:39:16
163
原创 JavaScript基础部分总结
JavaScript基础部分总结JavaScript是什么Java 服务器端的编程语言JavaScript 运行在客户端(浏览器)的编程语言JavaScript是一种运行在***客户端*** 的***脚本语言***JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript和HTML、CSS的区别HTML：提供网页的结构，提供网页中的
2020-09-29 11:32:10
289
原创 js内置对象及常用方法
js内置对象及常用方法一、string 字符串String对字符串的支持String.charAt( )返回字符串中的第n个字符String.charCodeAt( )返回字符串中的第n个字符的代码String.concat( )连接字符串String.fromCharCode( )从字符编码创建—个字符串String.indexOf( )检索字符串String.lastIndexOf( )从后向前检索一个字符串String.lengt
2020-09-28 08:42:00
412
原创 JavaScript简介
JavaScript简介JavaScript是一种解释型脚本语言，目的是能够在客户端的网页中增加动态效果和交互能力，实现了用户与网页之间的一种实时的、动态的交互关系。它最初是由网景公司设计的，起名为LiveScript，后来Java语言非常红火，网景公司希望借助Java的名气来推广，改名为JavaScript，但是除了语法有点相似，在其他部分基本上没什么关系。后来，JavaScript被Netscape公司交给ECMA制定标准，成为ECMAScript，最新版ECMAScript6（简称ES6）已经在
2020-09-21 19:32:37
681
原创 CSS中可以和不可以继承的属性
CSS中可以和不可以继承的属性一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、bo
2020-09-17 16:21:20
62
原创 CSS盒子
盒子盒子模型什么是盒子模型？这些属性令它像一个盒子一样，就叫做盒子模型1、css背景（background）：css可以添加背景颜色和背景图片来进行图片的设置，比如给一个div盒子，那么div盒子相关背景的属性可以设置以下：背景颜色：div {background-color: red;}，给div盒子设置一个红色背景颜色。背景图片：div {background-image: url(图片路径);}，给div盒子设置一个背景图片，背景图片我们一般给小背景图片或超大背景图片。背景平铺：div
2020-09-17 13:51:03
258
原创 CSS的高级技巧
CSS高级技巧一、初步认知:说出元素显示隐藏最常见的写法说出精灵图的产生目的说出去除图片底测空白缝隙的方法元素显示隐藏最常见的写法（9种思路）：display对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前并不都是block，还有可能是inline、inline-block等[注意]如果要适用于任何元素需要提前储存元素的display值visibilityvisibility:hidden
2020-09-15 20:18:21
137
原创 CSS选择器
CSS选择器1.CSS选择器作用（重点）找到特定的HTML页面元素css就是分两件事，选对人，做对事。这段代码就是2件事， 把 h3选出来， 然后 把它变成了 红色。 以后我们都这么干。另外，选择器分为基础选择器和 复合选择器2.CSS基础选择器2.1标签选择器概念：标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类 标签指定统一的CSS样式。语法：作用： 标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和 所有的 sp
2020-09-09 08:35:26
89
原创 初识CSS
1.HTML的局限性总结：1.HTML满足不了设计者的需求2.操作html属性不方便3.HTML里面添加样式带来的是无尽的臃肿和 繁琐2.CSS初识1.概念： CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表（级联样式表）2.作用： 1.主要用于设置 HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、 边框样式、边距等）以及版面的布局和外观显示样式。 2.CSS以HTML为基础，提供了丰富的功能，如字
2020-09-08 10:21:54
93
原创 浏览器是如何解析CSS选择器的？
CSS选择器的解析是从右向左解析的。若从左向右的匹配，发现不符合规则，需要进行回溯，会损失很多性能。若从右向左匹配，先找到所有的最右节点，对于每一个节点，向上寻找其父节点直到找到根元素或满足条件的匹配规则，则结束这个分支的遍历。两种匹配规则的性能差别很大，是因为从右向左的匹配在第一步就筛选掉了大量的不符合条件的最右节点（叶子节点），而从左向右的匹配规则的性能都浪费在了失败的查找上面。而在 CSS 解析完毕后，需要将解析的结果与 DOM Tree 的内容一起进行分析建立一棵 Render Tree，最终用来
2020-09-08 10:12:47
400
原创 HTML第一课
HTML初识!HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language) 。标记语言是一套标记标签 (markup tag)所谓超文本，有2层含义：1.因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制 ）2. 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本 ）。HTML 有自己的语言语法骨架格式html骨架标
2020-09-06 20:23:55
209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人