- 博客(706)
- 资源 (19)
- 收藏
- 关注
原创 linux常用网址
http://archives.fedoraproject.org/pub/archive/fedora/linux/releases 下载。http://archives.fedoraproject.org/pub/fedora/linux/releases/ 下载。| | https://www.kernel.org/doc/htmldocs/kernel-api | 内核API || | https://www.kernel.org/pub/linux/kernel | 内核源代码 |
2023-10-22 16:09:28
208
原创 qt 开发api文档地址
打开www.qt.io后右上角的Developers点进去,然后Qt Documentation下面的View All C++ Classes 点进去就是api了。直达Qt5开发api文档,doc.qt.io/qt-5/classes.html。
2023-10-22 14:05:14
122
原创 win11的下载地址,方便查找
win11的下载地址,收藏方便查找www.microsoft.com/zh-cn/software-download/windows11/
2023-10-20 13:00:33
140
原创 戴尔15-3511 装Win10/11 遇到的问题,找不到硬盘,快捷键等
U盘启动盘制作工具。系统下载:戴尔win10新机型镜像下载。开机一直按F2进入BIOS,进入BIOS界面后,切换到system configuration项。如果硬盘模式是raid,将sata operatior硬盘模式改为ahci模式(注意事项:这里一定要改成ahci模式,要不有可能win10 pe无法认别硬盘),改了后选择退出并按F10保存BIOS。插入制作好U盘启动盘,重启时不停的按下f12,打开快速引导菜单,选择识别的U盘启动回车从U盘启动。安装前的准备工作,8G左右的。
2023-10-20 12:58:22
146
原创 三十一、背景色线性渐变
* 从下到上,从蓝色开始渐变、到高度40%位置是绿色渐变开始、最后以红色结束 */起始方向可以是:方位名词或者角度,如果省略默认是top。背景渐变必须添加浏览器私有前缀,-webkit-/* 渐变轴为45度,从蓝色渐变到红色 *//* 从右下到左上、从蓝色渐变到红色 *//* 从上到下,蓝色渐变到红色 */
2022-09-05 17:50:38
159
1
原创 十六、移动端-图片及背景图的缩放
做了一组移动端的页面,在布局时遇到了一些问题,总结下以避免再次掉坑。遇到的问题:1.图片及带背景图片的块宽高等比缩放布局2.,padding百分比布局图片及带有背景图片的块的图片宽高等比缩放纯图片可以使用img标签,将其宽度设置成百分比,高度会自动按比例缩放。控制起来很方便。带背景图片的div就有点麻烦了,宽度可以使用百分比,但高度如果不设置具体数,会按照内容大小自动布局,这个问题处理起来有点点小麻烦。解决方案是使用百分比padding将块支撑起来,但具体的百分比padding如何计算。
2022-09-05 17:31:27
891
原创 十五、移动端vw+rem等比缩放布局开发的详细步骤:包含px与rem的单位换算、二倍图以及如何使用UI给的设计稿等(开发工具HBuilder)
我们在上一步中设置了根元素的大小,进行vw单位换算时,使用的是font-size:100px。确定页面的哪一块是固定的,哪一块是可以滑动的。例如商城应用中,顶部的搜索框和底部的导航栏是固定的,中间的内容区域是可滑动的,即上中下结构。用ps之类的软件打开UI给的二倍图的设计稿,如果测量得到的是750px,除以2后就是 375px,即该。根元素字体大小会转换vw单位,具体的值根据UI给的设计稿决定。根据设计稿,发现大部分的字体大小是24px,24/2/100=0.12rem。2 此时就能确定根元素的设置。
2022-09-05 17:06:50
453
原创 十三、移动端布局总结
建议:我们选取一种主要技术选型,其它技术作为辅助,这种混合技术开发。2、flex弹性布局(推荐)1、流式布局(百分比布局)3、rem适配布局(推荐)
2022-09-05 15:49:37
72
原创 十二、bootstrap前端开发框架
bootstrap来自Twitter(推特),是目前最受欢迎的前端框架。bootstrap是基于html、css、JavaScript的,它简单灵活,使得web开发更加快捷。2.0 修改container的最大宽度为设计稿的1280px;响应式布局不需要写媒体查询,因为bootstrap已经给写好了。嵌套的父盒子里面再分为12等分,再给里面的子盒子划分份数。1.6 Bootstrap 栅格列嵌套。1.1 bootstrap简介。阿里百秀用的响应式开发的页面。1.5 栅格选项参数。1.4 栅格系统简介。
2022-09-05 15:48:17
481
原创 十一、响应式布局
原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化。就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。/* 3. 中等屏幕下 大于等于 992px 布局容器修改为 970px *//* 1. 超小屏幕下 小于 768 布局容器的宽度为 100% *//* 2. 小屏幕下 大于等于768 布局容器改为 750px */-- 响应式开发里面,首先需要一个布局容器 -->
2022-09-05 15:31:53
88
原创 十、rem适配方案
flexible.js 只要屏幕宽度有一点变化,那么就会更改html的font-size的值,变化比较柔和,自己写的媒体查询没有这么柔和只有达到某个宽度才会变化font-size的值,从而达到缩放页面比例。flexible.js 只要屏幕宽度有一点变化,那么就会更改html的font-size的值,变化比较柔和,自己写的媒体查询没有这么柔和只有达到某个宽度才会变化font-size的值,从而达到缩放页面比例。2、css中,设计稿元素的宽、高、相对位置等取值,按照同等比例换算为rem为单位的值。
2022-09-05 15:03:13
2033
原创 九、less
它在css的语法基础上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了css编写,并且降低了css的维护成本,就像它的名称所说的那样,less可以让我们用更少的代码做更多的事情。本质上,Less包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的css文件。作为css的一种形式的扩展,它并没有减少css的功能,而是在现有的css语法上,为css加入程序式语言特性。css需要书写大量看似没有逻辑的代码,css冗余度比较高的。
2022-09-05 14:48:22
391
原创 八、rem适配布局
使用rem的好处:rem受根元素html字体大小的控制,当根元素html的字体变大或变小,rem也会变化,那么整体的布局就会变化,因为使用的是rem布局,也就是盒子大小使用的是rem。媒体查询可以根据不同尺寸的屏幕修改根元素html的字体大小,从而改变整体用rem的盒子的大小,从而改变整体布局的大小。rem单位是跟着html来走的,有了rem页面元素可以设置不同大小尺寸媒体查询可以根据不同设备宽度来修改样式。每种媒体类型都具有各自不同的特性,根据不同媒体类型的媒体特性设置不同的展示风格。
2022-09-05 14:38:00
205
原创 十八、react拓展 - setState - 路由组件懒加载 - Hooks - Fragment - Context - PureComponent - 插槽 - 错误边界 - 组件通信方式总结
对象式的setState是函数式的setState的简写方式【语法糖】使用原则如果新状态不依赖于原状态【使用对象方式】如果新状态依赖于原状态 【使用函数方式】如果需要在setState()执行后,获取最新的状态数据,可以在第二个callback函数中读取到异步更新的最新值父子组件兄弟组件(非嵌套组件)祖孙组件(跨级组件)
2022-08-20 20:57:53
215
原创 google浏览器打包扩展程序
扩展程序路径:C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions。打开Google浏览器扩展程序,然后勾选开发者模式。下面的id对应最上面路径中的文件夹名字,对应的是。打包扩展程序,打包就可以了。...
2022-08-17 17:17:28
611
原创 十七、redux
store.js:1). 引入redux中的createStore函数,创建一个store2). createStore调用时要传入一个为其服务的reducer3). 记得暴露store对象preState,action,返回加工后的状态reducer有两个作用:初始化状态,加工状态reducer被第一次调用时,是store自动触发的,传递的preState是undefined,在index.js中监测store中状态的改变,一旦发生改变重新渲染.........
2022-08-15 19:22:45
238
原创 vue项目中常用解决跨域的方法
跨域问题的出现是因为浏览器的同源策略问题。所谓同源就是必须有以下三个相同点:协议相同、主机相同、端口相同。如果其中有一项不同,即出现非同源请求,就会产生跨域。当我们请求一个接口的时候,出现如:Access-Control-Allow-Origin 字眼的时候说明请求跨域了。...
2022-08-13 20:39:38
773
原创 十四、Ajax 相关 - axios,配置代理解决跨域问题 -消息订阅/发布机制 - PubSubJS - Fetch - github用户搜索案例
工具库: PubSubJS下载:使用在【接收】数据的组件中【订阅】消息import PubSub from 'pubsub-js' //引入// 订阅PubSub.publish('delete', data) // 发布消息 携带数据设计状态时要考虑全面,例如带有网络请求的组件,要考虑请求失败怎么办。ES6小知识点:解构赋值+重命名//传统解构赋值//连续解构赋值//连续解构赋值+重命名消息订阅与发布机制先订阅,再发布(理解:有一种隔空对话的感觉)适用于任意组件间通信。............
2022-08-13 17:42:41
211
原创 十二、React脚手架
1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: react + webpack + es6 + eslint使用脚手架开发的项目的特点: 模块化, 组件化, 工程化1.2. 创建项目并启动。...
2022-08-11 19:42:45
2865
原创 十、react生命周期钩子(新)
componentDidUpdate(prevProps, prevState, snapshotValue) —— 组件完成更新。由组件内部this.setSate()或父组件重新render触发或强制更新forceUpdate()getDerivedStateFromProps() —— 从props得到一个派生的状态 【新增】shouldComponentUpdate() —— 组件是否应该被更新(默认返回true)render() —— 挂载组件。render() —— 挂载组件。...
2022-08-11 15:53:51
640
原创 九、react生命周期钩子(旧)
1. 组件的生命周期1.1 理解组件从创建到死亡它会经历一些特定的阶段。React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。1.2 引入案例需求:定义组件实现以下功能:让指定的文本做显示 / 隐藏的渐变动画从完全可见,到彻底消失,耗时2S点击“不活了”按钮从界面中卸载组件1.3 生命周期的三个阶段(旧)1.3.1 初始化阶段。...
2022-08-11 10:05:35
82
转载 vuex之module的使用
page=${context.state.page}&size=${context.state.size}&username=${object.query}this.$store.dispatch('user/getAllUserList',{_thisthis,querythis.query})//this是Vue实例。//有命名空间提交方式,类似this.$store.dispatch("user/getAllUserList");//将token设置在请求头中提交,已经在拦截器中设置。...
2022-08-01 10:07:23
3777
react-redux.rar
2019-12-30
路由嵌套项目.rar
2019-12-29
评论列表项目.rar
2019-12-28
webpack 中使用vue开发项目
2019-12-21
Commons-FileupLoad.jar和Commons-IO.jar
2016-10-18
memcached for win32
2016-09-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人