- 博客(18)
- 收藏
- 关注
RSS订阅转载 如何解决 1px 问题
1.直接写成0.5px可以先在 JS 中拿到 window.devicePixelRatio 的值，然后把这个值通过 JSX 或者模板语法给到 CSS 的 data 里，然后就可以在 CSS 中用属性选择器来命中 devicePixelRatio 为某一值的情况。直接把 1px 改成 1/devicePixelRatio 后的值，这是目前为止最简单的一种方法。这种方法的缺陷在于兼容性不行，IOS 系统需要8及以上的版本，安卓系统则直接不兼容。2.伪元素先放大后缩小这个方法的可行性会更高，兼容性也
2022-04-15 10:50:41
381
原创 css预处理工具
CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。css预处理器种类繁多，三种主流css预处理器是Less、Sass（Scss）及Stylus；它们各自的背景如下:Sass：2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS（SCSS 需要使用分号和花括号而不是换行和缩进）。Less：2009年出现，受SASS的影响较大，但又使用CSS的语法，让大部
2022-04-13 16:30:25
333
原创 JQuery总结
1.JQuery 1)JQuery他是对javascript对像/函数的一种封装 就是前端的框架 2)写得少,做得多 3)有强大的选择器的支持(语法与css选择器几乎一样)2.jquery环境搭建 1) <script type="text/javascript" src="你的jquery.js的相对路劲"></script> 2)#(function(){//测试是否加载成功}) 3)$等同于JQuery $(选择器/对象/函数).JQuery方法...
2022-04-08 10:36:52
1142
原创 call、apply、bind的异同
js中有三种方法可以改变this的指向call1.call的第一个可以调用函数，第二个可以改变函数内的this指向2.call的主要作用可以实现继承fun.call(thisVar,var1,var2,...)apply参数必须是数组fun.apply(thisVar,[varArray])thisVar是在fun函数运行时指定的this值varArray是传递的值，必须包含在数组里搬返回值就是函数的返回值fun.bind(thisVar,var1,var2
2022-04-02 11:45:44
276
原创 使用CSS隐藏HTML元素的4种常用方法
1)visibility: hidden是许多人在隐藏某个HTML元素时的首选。如页面中图片不见了，但是也没中原来图片的位置留下了一片空白区域。这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在。 设置visibility: visible可以使隐藏的元素变为可见。 2)设置opacity: 0可以使一个元素变得完全透明，从而制作出和visibility: hidden一样的效果。opacity和visibility相比，其优势在于它可以被transition和animate。...
2022-03-17 11:25:21
263
原创 linux操作系统
定位： 部署环境搭建（linux docker） 熟悉linux机制，文件系统 倒立的树 路径 . .. / 前端过渡 macbook pro， 1. 介绍 开源操作系统（专业），长时间待机（常用于服务器），mini 几kb，非常适用于嵌入式开发 树莓派 -> linux（c、python） - nodejs(js) 服务器端应用（硬件、服务（io流、网络、任务...）） 硬件设备（传感器，控制器） ...
2022-03-17 11:23:04
956
原创 Vuede的数据绑定方式
Vue中有两种数据的绑定方式：1.单向绑定：（v-bind)：数据只能从data流向页面2.双向绑定：（v-model）：数据不仅能从data流向页面，还可以从页面流向data。注意：1.双向绑定一般都应用在表单类元素上（如input,select等）2.v-model：value 可以简写为v-model 应为v-model默认s收集的就是value值 <div id="root" > <!--普通写法-->...
2022-03-11 16:35:06
926
原创 JSX的基本使用
简介JSX是JavaScript XML的简写，表示在JavaScript代码中写XML格式的代码优点：声明式语法更加直观、与HTML结构相同，降低了学习成本，提升开发效率。为什么脚手架中可以使用JSX语法？1.JSX不是标准的ECMAScript语法，它是ECMASeript的语法拓展。2.需要使用babel编译处理后，才能在浏览器环境中使用3.create-react-app 脚手架中已经默认有该配置使用步骤1.使用JSX语法创建react元素const title
2022-02-24 15:43:29
604
原创 React的基本使用
React.createElement()这种方法仅供了解//返回值：react元素第一个参数是要创建的React的元素名称第二个参数是该React的元素的属性第三个机器以后的参数是该React元素的子节点const el =React.createElemrnt('h1',{title:'标题'},'Hello React')ReactDOM.render()第一个参数是要渲染的React元素第二个参数是DOM对象，用于指定渲染到页面中的位置ReactDOM.
2022-02-24 14:51:38
361
原创 react的基本使用
1.htmlnpm init -ynpmi -S react react-domreact包是核心包，提供创建元素、操作组件等功能react-dom包是提供dom渲染的能力2.脚手架脚手架是我们现代web应用必备的工具，它内置webpack、babel、 ESlint等工 具辅助项目开发，零配置、无需手动去配置一些插件、配置项，只需关注业务逻辑、简化我们的项目的搭建操作。npx create-react-app app-nameyarn start or npm start
2022-02-24 10:07:05
478
原创 react的基本概念
react是什么？1.构建用户界面的js库(框架)2.快速构建web应用3.专注于视图层的开发4.起源于facabook,在2013年5月开源react与jQuery的异同点1.react是虚拟dom2.react代码更简洁、封装性更好3.react组件化(复用)react与vue的异同点相同点：1.用于创建UI的JS库(框架)2.都是轻量级框架(轻便)3.都有组件化的思想，组件化开发项目4.都是虚拟DON,渲染的速度快5.都有独立的路由系统，以及
2022-02-24 09:06:46
117
原创 浮动布局、伸缩盒布局、定位布局
浮动布局（y轴）float:left浮动元素：1.脱离文档流2.块元素的宽度不再是100%，由内容决定3.块元素不再支撑其父元素4.同一层次（兄弟关系）浮动元素会在一行排列，当浮动元素宽度总和大于父元素的时候发 生换行。clear 清理浮动clear:left不与左浮动元素在同一水平线上clear:right不与右浮动元素在同一水平线上伸缩盒布局（x轴）...
2022-02-22 16:13:29
95
原创 盒子规则的学习
盒子模型 一般值块元素1.marigin外边距(盒子的外边框距离其他元素的距离），速写形式，上下外边距会重叠，编写方式为上右下左margin-topmargin-rightmargin-bottommargin-left2.padding内边距（内容距离盒子内边框的距离）padding-toppadding-right...
2022-02-22 10:31:41
65
原创 css3(层叠样式表）
1.在html中的应用1.直接嵌入到html的头部的style标签2.嵌入到元素的style属性内a.css规则与html结构分离(解耦）b.css规则可以复用3.单独写入到.css文件,通过link到html2.语法（1）注释：/* 注释内容 */（2）语法：选择器{样式规则}（3）选择器1.核心选择器 1）id选择器 ...
2022-01-28 13:49:58
419
原创 2021-08-09
阿里云服务器一、前言二、阿里云服务器环境配置三、阿里云安装服务1.Apache静态服务器2.Java环境jdk3.MySQL数据库一、前言今天老师上课，说需要购买阿里云服务器，含泪99承包了一年。二、阿里云服务器环境配置ubuntu16.04 + apache2 + jdk1.8 + mysql-server-5.7购买完毕后，重置服务器root用户密码，然后牢记连接阿里云服务器1）通过可视化软件 Xshell / Putty1. 云服务器的地址自己的服务器的公网IP2. 账号 密码
2021-08-09 22:03:04
50
原创 2021-08-09
2021.8.9.1第一天HTML5上午一、前端三要素：二、HTML1.简介HTMLCSSJavaScrip2.具体内容3.html5和html4的区别4.html的结构一、前端三要素：js 动化 （一个人的内涵，内在，能说会道、善于交流等）css 美化（一个人的妆容）html 结构（一个人的本身的条件，身材样貌）JAVA是一种编译型语言，而html、js、css则是解释型语言。二、HTML1.简介HTML全称“Hyper Text Markup Language（超文本标记
2021-08-09 21:37:05
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人