前端html css
前端面试真题（二）
1、vue的双向绑定原理是什么？里面的关键点在哪里？ Vue的双向绑定原理是基于Object.defineProperty或者Proxy来实现的，其关键点在于数据劫持，即对数据的读取和修改进行拦截，在数据发生变化时自动更新视图 2、实现水平垂直居中的方式？ 实现水平垂直居中的方式有多种，比如使用Fl ......
前端面试基础题
1.Ajax,Axios,Fetch有什么区别？ （1）三者都用于网络请求，但是维度不同（2）Ajax（Asynchronous javaScript and XML），一种技术统称（3）Fetch是一个具体的API，浏览器原生API,用于网络请求，和XMLHttpRequest是一个级别，Fetc ......
前端面试题（js）
1.this 解析器在调用函数时，每次会向函数内部传递一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，根据函数调用方式的不同，函数会指向不同的对象。 （1）以函数形式调用时，this永远指向window （2）以方法的形式调用时，this指向调用方法的对象 （3）当以构造函数形 ......
Electron打包若依前端为桌面程序
下面的步骤是我事后整理的，还需要第二个项目进行验证，才能知道是否完整。 1.npm install electron --save-dev 2.npm install electron-builder 3.设置图标的：npm install electron-icon-builder 3.打开env ......
新版本的jenkins的描述中支持使用html代码
我的jenkins版本是2.401.1。纯文本的描述太丑了，于是查了下发现jenkins竟然支持在描述中使用html代码，现将如何设置记录如下： 官网描述地址：https://plugins.jenkins.io/antisamy-markup-formatter/ 完成之后的效果图： ......
[CSS 3] CSS Specificity
So higher rank css will override lower rank css rules. Inline styles will override any other css rules. h1:not(.small-text) // 0011 - :not is not coun ......
会议室预定系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
会议室预定系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，由管理员进行预定会议室操作。推荐使用phpstudy+ navicat搭建和管理项目！服务：提供现成代码，提供环境搭建相关文档。这是一个会议室预定系统的代码源码，使用了PHP、CSS、JS和 ......
选题系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
选题系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，拥有管理员、审核员、教师和学生这四种身份登录方式和对应功能，功能齐全。推荐使用phpstudy+ navicat搭建和管理项目！服务：提供现成代码，提供环境搭建相关文档。选题系统代码源码是一套完整 ......
图书馆管理系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
图书馆管理系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，拥有管理员和普通用户，普通用户可注册登录，管理员可登录，功能齐全。管理员可管理普通用户，增加其他管理员，增添图书，借还书操作，查看已还书。普通用户，可在线查看现有图书，和自己已借图书。推荐使 ......
vue学习第18天 css --- 移动web开发 （单独/响应式、常见布局【单独：流式、flex、rem适配、混合 / 响应式：媒体查询、bootstarp框架】）
学习目标： 目录： 移动端基础 1、浏览器现状 2、手机屏幕现状 3、常见移动端屏幕尺寸 查看地址： https://www.strerr.com/screen.html 注：作为前端开发，不用纠结dp，dpi, pt, ppi等单位。 4、移动端调试方法 5、总结 视口 视口：就是浏览器显示页面内 ......
vue 学习第17天 CSS学习 ---- 浏览器私有前缀 + css3阶段总结
浏览器私有前缀是为了兼容老版本的写法，比较新的浏览器无需添加 1、私有前缀 2、提倡的写法（私有前缀+属性） 总结： CSS3学习的 五个大方面 ......
vue学习过程中 遇到的问题 CSS塌陷 ----- 高度塌陷和外边距塌陷
1、高度塌陷 原因：父元素没有设置高度，子元素设置浮动属性（float:left）之后，父元素的高度为0.*** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati ......
vue学习第16天 CSS---3D转换 （translate3d 3d移动、3D旋转 rotate3d、transform-style 是否开启3d环境）
3D转换 转换： 1）3d移动 translate3d 2）3d旋转 rotate3d 3D的特点： 1）近大远小 2）物体后面遮挡不可见 3D转换：我们工作最常用的 3D位移 和 3D旋转 主要知识点： 1、三维坐标系 （z轴，z外(屏幕)+，z内（屏幕）-） 三维坐标系其实就是指立体空间，立体空 ......
vue学习第15天 CSS ---- 动画animation
动画 动画（animation）是CSS3中具有颠覆性特征之一，可通过设置多个节点来精确控制一个或一组动画。常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画的优点（与过渡相比更好） 1、动画的基本使用（先定义后调用） 制作动画分为两步： 1）先定义动画 ......
前端解析excel表格实现
### 1. 背景：在做react项目时，遇到一个解析excel的需求变更，把从原来后端解析变更为前端解析。 1.1 由于后端解析excel文件有安全隐患，因为项目中后端不允许上传文件，当然后端解析对前端来说是最简单的方式，只需要调用个api。接下来讲讲前端解析方式吧： #### 2.1 安装依赖 ......
vue学习第14天 移动Web开发 --- CSS3 2D转换 (transform) 移动、旋转、缩放
2D转换 转换 （transform）是CS53中具有颠覆性的特征之一，可I以实现元素的位移、旋转、缩放等效果，可以简单理解为变形 1）移动： translate 2）旋转：rotate 3）缩放：scale 1、二维坐标系（x右+，x左-）（y下+，y上-） 2D转换是改变标签在二维平面上的位置和 ......
动画方案除了CSS还有什么
JS定时器动画 window.setTimeout() window.setInterval():指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行 <h3>用setTimeout实现计数器功能</h3> <div id="result">0</div> <button onclick="s ......
前端中使用到的单位
（1）pt|px|em|rem pt（点）:绝对长度单位。常用与印刷中1pt=1/72英寸 px（像素）：相对长度单位。相对于显示器分辨率而言。 em：相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了，且设置了文本大小，父级大小随文本改变，继承父级元素的字体大小】 rem:CSS3新增相 ......
CSS3有哪些新特性
CSS3引入了很多新特性，比如： 1. 选择器：CSS3引入了新的选择器，如伪类选择器、伪元素选择器等，使得选择元素更加灵活和精确。 2. 边框圆角：CSS3允许通过 border-radius 属性为元素的边框添加圆角，创建圆形、椭圆形或具有不同角度的矩形边框。 3. 盒阴影：使用 box-sha ......
用CSS画一条0.5px的线
理论上最小的单位是1px 一、最优方法：transforms属性缩放 <!DOCType html> <html> <head> <meta charset="utf-8"> <style> .hr { width: 300px; background-color: #000; } .scale-h ......
用CSS画一个三角形
一、border 二、llinear-gradient .triangle { width: 160px; height: 200px; outline: 2px solid skyblue; background-repeat: no-repeat; background-image: linea ......
氚云-前端获取数据传到后端，后端处理数据后传回前端
// 加载事件 OnLoad: function() { //将OnLoad函数中this对象暂存，因为PostForm回调函数中的this指向与OnLoad中的this指向不一致 var parent = this; //PostForm请求后端，actionName为"GetCurrentLog ......
header("Content-type:text/html;charset=utf-8")
它的意思是设置页面内容是html，编码格式是utf-8。 header()函数的作用是：发送一个原始 HTTP 标头[Http Header]到客户端。标头 (header) 是服务器以 HTTP 协义传 HTML 资料到浏览器前所送出的字串，在标头与 HTML 文件之间尚需空一行分隔。在 PHP ......
前端Vue自定义询问弹框和输入弹框
前端Vue自定义询问弹框和输入弹框， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13119 效果图如下：  [micro-app 官方demo地址](https://github.com/micro-zoe/micro-app-demo) 这篇文章主要是为了记录，本人在使用中遇到的一些问题，供参考 1. 资源找不到 -> ......
前端Vue自定义简单实用中国省市区三级联动选择器
#### 前端Vue自定义简单实用中国省市区三级联动选择器， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13118 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
css滤镜基本用法
CSS filter 属性将模糊或颜色偏移等图形效果应用于元素形成滤镜，滤镜通常用于调整图像，背景和边框的渲染。它的值可以为 filter 函数 <filter-function> 或使用 url 添加的svg滤镜。 filter: <filter-function> [<filter-functi ......
前端脚手架配置打包后的预览环境
## 前端脚手架配置打包后的预览环境 #### 首先npm安装`connect`,`runjs`,`chalk` #### index.js主要代码如下 请根据项目实际情况进行更改，仅作参考： > process.argv获取的是执行命令 例如`node build/index.js --previ ......
前端Vue自定义服务说明弹窗弹框 自下而上底部弹框
#### 前端Vue自定义服务说明弹窗弹框 自下而上底部弹框， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13108 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfc ......