fdsal的博客

原创 HTML5和css3

原创 javascript基础

原创 css部分笔记

原创 正则表达式和文件编程

转载 微信小程序面试题

1.微信的小程序的主要文件WXML——模板文件JSON——配置/设置文件，如标题,tabbar,页面注册WXSS——样式文件，样式可直接用import导入JS——脚本逻辑文件，逻辑处理，网络请求app.json——配置文件入口，整个小程序的全局配置，网络超时时间、底部tab、页面路径，window字段是小程序所有页面的顶部背景颜色、文字颜色app.js——可以没有内容，可以在里边监听生命周期函数、声明全局变量app.wxss——全局配置样式文件2、数据请求怎么封装将所有的接口放在统一

转载 jquery面试题

1、你为什么要使用jQuery？你觉得jquery有哪些好处？因为jQuery是轻量级的框架，大小不到30kb它有强大的选择器，出色的DOM操作的封装有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠)完善的ajax(它的ajax封装的非常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。)出色的浏览器的兼容性支持链式操作，隐式迭代行为层和结构层的分离，还支持丰富的插件，jquery的文档也非常的丰富2、$(document).read

原创 uni-app的基本使用

uni-app介绍uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码。可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端。uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验。可快速上手uni-app为什么要去学习uni-app?相对开发者来说，减少了学习成本，因为只学会uni-app之后，即可开发出iOS、Android、H5、以及各种小程序的应用，不需要再去学习开发其他应用的框架

原创 js部分面试题

1.将数字12345678转化成RMB形式，如：12，345，678//个人方法；//思路：先将数字转为字符， str= str + '' ;//利用反转函数，每三位字符加一个 ','最后一位不加； re()是自定义的反转函数，最后再反转回去！for(var i = 1; i <= re(str).length; i++){ tmp += re(str)[i - 1]; if(i % 3 == 0 && i != re(str).length){

转载 JS基础面试题

1、javascript的typeof返回哪些数据类型？Object number function boolean underfind2、列举3种强制类型转换和2种隐式类型转换？强制（parseInt,parseFloat,number）隐式（== 、 – 、===）3、split() join()的区别split()是切割成数组的形式，join()是将数据转换成字符串4、数组方法pop() push() unshift() shift()push()尾部添加 pop()尾部删除

转载 html＋css面试题

HTML部分1、你做的页面在哪里浏览器测试过吗？这些浏览器的内核分别是什么？IE：trident内核Firefox：gecko内核Safari：webkit内核Opera：以前是presto内核，Opera现已改用GoogleChrome的Blink内核。Chrome：Blink（基于webkit，Google与OperaSoftware共同开发）２、行内元素、块元素和行内块元素都有什么？区别是什么？HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。三者可以互相转换，使用d

原创 vue中常用API、组件或元素引用、过滤器和自定义指令

常用API说明数据相关的API1.Vue.set向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且会触发视图更新。使用方法： Vue.set(target,propertyName,value)案例：<div id="app"> <p v-for="(item, index) in items" :key="index">{{item}}</p> <button @click='clickBtn'>点击</butt

原创 原生PHP接口

APP如何进行通信APP与浏览器通信的异同相同处：都是向服务器端发起HTTP请求，经过服务器端的逻辑处理后返回相对应的结果。不同处：请求来源接口地址返回数据格式APP不可见xml或者json浏览器可见htmlXML定义扩展标记语言(（Extensible Markup Language ,XML ) ,可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML格式统一，跨平台和语言，非常适合传输和通信，早已成为业界公认的标准

原创 微信小程序自定义组件中的组件模板和样式

自定义组件介绍开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。创建自定义组件类似于页面，一个自定义组件由 json、 wxml 、wxss、 js 4个文件组成。要编写一个自定义组件，首先需要在 json 文件中进行自定义组件声明（将 component 字段设为 true 可将这一组文件设为自定义组件）：{ "component": true}同时，还要在 wxml

原创 python

Python的简介我是一种跨平台的计算机程序设计语言→把你的想法告诉我，我再以计算机认识的方式告诉计算机，我们是你们之问交流的工具我是一种解释型语言→我在开发过程中是没有编译这个环节的，这一点我与Java不一样·我是一种交互式语言→你可以在我的提示符>>>后直接执行代码我是面向对象语言→在我的世界里一切皆对象我是初学者最好的语言→对于初级程序员而言，我是非常伟大的，我支持广泛的应用程序开发，从简单的文字处理到wwW浏览器再到游戏。我无所不能Python中的输出函数print()

转载 mock和mock.js

Mock是高效、易用、功能强大的API管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务。基于yapi二次开发，引入友互通单点登录，文档参考yapi官方文档即可。Mock让接口开发更简单高效，让接口的管理更具可读性、可维护性，让团队协作更合理。Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型.共同优点：1.前后端分离，2.可随机生成大量的数据3.用法简单4.数据类型丰富5

原创 jQuery部分笔记

jquery介绍常见的JavaScript 库：jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等，这些库都是对原生 JavaScript的封装，内部都是用 JavaScript 实现的，我们主要学习的是 jQuery。jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。jquery优点：轻量级。核心文件才几十kb，不会影响页面加载速度。跨浏览器兼容，基本兼容了现

原创 ES6中的let和const命令

let和const命令1.let 命令基本用法ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，let声明的变量只在它所在的代

原创 ECMAScript 和 JavaScript 的关系

一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是 1.0 版。该标准从一开始就是针对 JavaScript 语言制定的，但是

原创 页面页面导入样式时，使用link和@import有什么区别？

区别：1.link是HTML标签，@import是css提供的。2.link引入的样式页面加载时同时加载，@import引入的样式需等页面加载完成后再加载。3.link没有兼容性问题，@import不兼容ie5以下。4.link可以通过js操作DOM动态引入样式表改变样式，而@import不可以。...

原创 vue中v-if和v-show的共同点和区别。

共同点：都能控制元素的显示和隐藏。不同点：实现本质方法不同。v-show本质就是通过控制css中的display设置为none，控制隐藏，只会编译一次；v-if是动态的向DOM树内添加或者删除DOM元素，若初始值为false，就不会编译了。而且v-if不停的销毁和创建比较消耗性能。使用场景：如果要频繁切换某节点，使用v-show(切换开销比较小，初始开销较大)。如果不需要频繁切换某节点使用v-if(初始渲染开销较小，切换开销比较大)。...

转载 vuex基础

1.Vuex简单了解Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。换种说法可能更好理解如果有一些公共的数据需要在多个组件中共享或者某一个状态的改变会影响多个组件，那么这时候用vuex是非常合适的，比如我们经常会看到的中后台都有多风格的切换，这种全局的改变就可以用到vuex去完成！使用Vuex管理数据的好处：能够在 vuex 中集中管理共享的数据，便于开发和后期进行维护能够高效的实现组件

原创 Vue中具名插槽

具名插槽有时我们需要多个插槽。例如对于一个带有如下模板的 <base-layout> 组件：<div class="container"> <header> <!-- 我们希望把页头放这里 --> </header> <main> <!-- 我们希望把主要内容放这里 --> </main> <footer> <!-- 我们希望把页脚放这里 --&g

转载 Vue中生命周期钩子

实例生命周期钩子每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。比如 created 钩子可以用来在一个实例被创建之后执行代码：new Vue({ data: { a: 1 }, created: function () { // `this` 指向 vm 实例 console

转载 css基础笔记

css基础语法CSS的核心功能是将CSS属性设定为特定的值。一个属性与值的键值对被称为声明（declaration）。color: red;而如果将一个或者多个声明用 {} 包裹起来后，那就组成了一个声明块（declaration block）。{ color: red; text-align: center;}声明块如果需要作用到对应的 HTML 元素，那还需要加上选择器。选择器和声明块组成了CSS 规则集（CSS ruleset），常简称为 CSS 规则。span {

原创 webpack安装、配置和加载器

https://www.webpackjs.com/webpack 是一个流行的前端构建工具，可以解决当前web开发中所面临的各种困境(我们主要开发的就是web程序，而浏览器对高级语法的支持不是很好，所以需要工具进行语法转换)。webpack 提供了友好的模块化 支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大功能，从而让程序员将工作中心放到具体的功能实现上，提升开发效率和项目的可维护性。1. 安装和配置通过一个隔行变色案例讲解步骤：首先打开终端，初始化项目npm init -y，

原创 1-4天面试题

第一天[html]页面页面导入样式时，使用link和@import有什么区别？区别：1.link是HTML标签，@import是css提供的。2.link引入的样式页面加载时同时加载，@import引入的样式需等页面加载完成后再加载。3.link没有兼容性问题，@import不兼容ie5以下。4.link可以通过js操作DOM动态引入样式表改变样式，而@import不可以。[css] 圣杯布局和双飞翼布局的理解和区别，并用代码实现作用：圣杯布局和双飞翼布局解决的问题是一样的，就是两边顶宽，中

原创 http服务和node.js异步编程

1.服务器端基础概念1.1网站的组成网站应用程序主要分为两大部分：客户端和服务器端。 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。1.2 网站服务器能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应。可以简单的理解为一台电脑以前放服务器的叫机房，现在都叫数据中心1.3 IP地址IP地址是互联网中设备的唯一标识。 IP是Intern

原创 node基础

Node基础1 Node是什么Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境），如浏览器也是js的运行环境，Node 也是JS的运行环境，但是将JS代码的应用场景扩展到了服务器端学习 Node 不是学习一种新的语言，而是一门技术node 利用 javascript 语言作为基础，并提供了一些模块，开发者使用 javascript 调用这些模块中的方法，就可以实现例如读写文件、操作数据库等功能2 node.js组成JavaScript 由三部分

原创 移动端基础

移动端基础像素的相关问题1.物理像素(像素点)整个屏幕是由一个个的点组成的，每个屏幕上的点一定是有限的，现在的技术还做不到无穷个点组成屏幕。那么这些有限的点就叫做像素，或者叫做物理像素(physical pixel)。2.分辨率如上图，每一个长度方向上的像素个数乘以每一个宽度方向上的像素个数的表示形式，就叫做分辨率。比如，小米11。屏幕尺寸相同的手机，包含的像素点个数是不确定的，像素点越小，同一方向上容纳的像素个数就越多，图像显示就越精细。如下图：所以，我们都喜欢买像素高的手机。3 1

原创 进度条效果案例

进度条效果案例鼠标悬浮，进度条高度变化，并且深色背景逐渐覆盖进度条鼠标离开，进度条恢复原状态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit

原创 旋转木马案例

旋转木马案例请寻找同样像素的图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

原创 导航条，进度条效果三种

导航条案例鼠标悬浮，进度条高度变化，并且深色背景逐渐覆盖进度条鼠标离开，进度条恢复原状态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title

原创 JavaScript闭包和递归

JavaScript闭包1.什么是闭包定义一：闭包是一个有权访问另一个函数作用域中变量的函数，也就是说闭包是一个函数，当然这个一般是内部函数作用域访问外部函数作用域。定义二：一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围)，这样的组合就是闭包，这个定义中闭包仍然被看成一个函数，只不过需要结合函数的词法环境才可以被称作闭包。闭包应该符合如下几个特点：闭包是一个函数内部函数使用了外部函数的变量下面的inner函数就是一个闭包：

原创 JavaScript函数

函数1. 函数的定义和调用1.1 函数的定义方式1.方式1 函数声明方式function关键字(命名函数)function fn(){}2.方式2 函数表达式(匿名函数)//变量的值可以时 number、string 等基本数据类型，也可以是一个函数//创建函数时可以给函数名字，也可以不给，而是声明一个变量引用此函数var fn = function(){}//调用fn()3.方式3 new Function()var f = new Function('a','b','con

原创 元素偏移量

元素偏移量1. 元素偏移量offset系列1.1 offset概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置，无论子元素是通过 margin、padding 还是绝对定位设置的与父元素的距离，都可以获取获得元素自身的大小（宽度高度），使用js动态设置的宽度，也可以获取注意：返回的数值都不带单位offset系列属性作用element.offsetParent返回作为改

原创 javascript获取元素和节点操作

获取元素1.根据ID获取语法：document.getElementById(id)作用：根据ID获取元素对象参数：id值，区分大小写的字符串返回值：元素对象或null案例：<body> <div id="time">2019-9-9</div> <script> // 因为我们文档页面从上往下加载，所以先得有标签所以我们script写到标签的下面 var timer = document.getElementById('time'

原创 Bootstrap3部分理解

Bootstrap3栅格系统“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。通过“行（row）”在水平方向创建一组“列（column）”。你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。类似 .row 和 .col-xs-4 这种预定义的类，可以用来快速创建栅格布局。Bootstrap 源码中定

原创 在php中使用for、while、do-while循环实现从1加到100

在php中使用for、while、do-while循环实现从1加到100//1、for循环实现$sum=0;for($i=1;$i<=100;$i++){ $sum+=$i;//$sum=$sum+$i; }echo $sum;//2、while循环$i=1;$sum=0;//保存和while($i<=100){ //方法一 /* $sum+=$i; $i++; */ //方法二 $sum+=$i++; }echo$sum;//3、do-while循环

原创 PHP中打印九九乘法表

PHP中打印九九乘法表<style> table{ width: 980px; } table,td{ border: 1px solid #0000ff; border-collapse:collapse; text-align: center; } td{ height: 40px; }</style><table><?php

原创 淘宝二维码删除

关闭淘宝二维码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {