web前端学习
web前端学习
sustyle
这个作者很懒,什么都没留下…
展开
-
前端国际化如何对中文——>英文自动化翻译小demo
js文件中中文一键转换为英文。原创 2022-11-18 12:30:54 · 1672 阅读 · 0 评论 -
回顾这段时间3个前端项目
代码我已经上传码云了,需要的可以自取。后台管理系统使用技术:vue+element-ui+echarts。但是数据都是写死的。基本上就是一些crud。包括用户信息的新增和角色的新增。协同开发,一开始准备在github上开通团队协同开发,折腾半天,一直提交不了代码。索性直接放在码云平台,和github一样好用。描述:这个项目是我认为很难的一个,一个是难在和别人沟通需求问题,一个是别人一直催我,导致我连续2晚上干到1点,熬夜伤身体。这个项目无法开源,保密!技术:vue+echarts+excel读取原创 2022-07-08 12:26:29 · 445 阅读 · 0 评论 -
html表单csrf攻击的解决方案
无原创 2022-06-29 10:55:10 · 1193 阅读 · 0 评论 -
Mac电脑安装win7系统,解决前端IE浏览器兼容性问题
1、下载PD,直接上链接。PD下载链接2、到这个网站上找windows的镜像文件。windows镜像文件在这里提下,我安装的win7的镜像文件。因为现在公司的前端页面需要兼容到ie9浏览器。3、windows镜像文件的下载是一个ed2k文件,需要使用迅雷。很快!注意,不要直接用PD下载镜像,特别慢!迅雷下载链接4、把下载好的镜像文件拖到PD里面就行。......原创 2022-06-22 16:30:39 · 346 阅读 · 0 评论 -
这是我的第一篇博客,记录我的css自学心得!
css-盒子模型学习心得写在前面: 这是我的第一篇博客心得,希望能对你们有用,由于知识有限,有错误的地方还请指正,定感激不尽!下面,言归正传,一大波干货正朝你而来。css盒子模型的创建 一个盒子包括四个区域: 1、内容区(content) 2、内边距(padding) 3、边框(border) 4、外边...原创 2018-02-02 15:03:43 · 197 阅读 · 0 评论 -
js中的事件
事件的冒泡:如果不需要发生事件冒泡,可以通过事件对象取消事件冒泡:冒泡的应用,事件的委派:将事件统一绑定给元素的祖先元素,后代元素上的时间触发时会冒泡给祖先元素,利用了事件的冒泡。通过委派可以减少事件绑定的次数。事件的绑定:...原创 2022-03-22 15:38:40 · 75 阅读 · 0 评论 -
Mac pro微信开发者工具无法显示登录的二维码解决方案
一开始在微信小程序里是使用测试号开发的,更改测试号为自己的AppId死活改不了,报错:Error: 需要重新登录,access_token expired[touristappid]1、首先要确保你的Hbuilderx中已经配置好微信开发者的安装路径和你小程序的AppId。2、切换网络!!!建议换成个人热点3、然后需要进入微信开发者工具里面左下角有个“注销”,把当前账号注销。4、重新启动Hbuilderx这个时候就可以显示重新登录的二维码啦!完美解决!...原创 2022-04-09 12:02:44 · 4816 阅读 · 0 评论 -
js中的substring()、substr()、slice()、splice()
substring() substring(start,stop)表示返回从start开始到stop处之间的新字符串,其长度为stop减start。包含start,但不包含stop,且不修改原字符串 substr() substr(start,length)表示返回从start开始包含length长度的新字符串,包含start,且不修改原字符串 slice() slice可操作数组和字符串,但substring和substr只能操作字符串,splice只能操作数组。slice(s.原创 2021-12-14 16:14:22 · 886 阅读 · 0 评论 -
js基础知识的学习(一)
数据类型的比较浮点数的比较严格模式多行字符串的表示方式模版字符串数组除了0和NaN,其余的都是true。除了空串,其余的都是true。null和undefined都会转换为false。对象js中逻辑处理值是false的有!!遍历Map和Set创建一个对象var obj = {}var obj = {name:"xiaosun",age:20}obj.name="xiaosun"...翻译 2021-12-09 09:41:44 · 72 阅读 · 0 评论 -
flex布局
flex布局父项常见的属性flex-direction:设置主轴的方向属性值 说明 row 默认值从左到右 row-reverse 从右到左 column 从上到下 column-reverse 从下到上 给父级添加flex属性。默认的主轴是x轴,row。剩下的就是侧轴。而我们的子元素就是跟着主轴来排列的。justify-content:设置主轴上的子元素的排列方式justify-content属性定义了项目在主轴上的对齐方式。注意:在使用这原创 2021-11-27 11:27:30 · 87 阅读 · 0 评论 -
Mac pro之chrome浏览器vue插件安装问题
按照网上 的教程先去git clone,在npm i,再npm run build 报错分析主要原因是没有切换到master分支!gitclone https://github.com/vuejs/vue-devtools/tree/v5.1.1cd devtools-5.1.1查看当前分支git status切换分支git checkout master安装依赖sudocnpm install编译npmrunbuild最后控制台出现这样表示已经编译成功,可以直接安装扩展程...原创 2021-12-30 15:17:56 · 750 阅读 · 0 评论 -
element-ui中icon渲染不出来
如果代码没什么问题,多半是element-ui没有升级导致的。先直接在项目的package.json文件中直接在devDependencies字段下填你需要的element-ui版本,比如我是这样写的: "element-ui":"^2.8.2"然后依次在项目所在终端执行:npm installnpm run serve再刷新下页面即可显示icon图标。...原创 2022-03-17 20:57:02 · 869 阅读 · 0 评论 -
让一个i标签内的伪元素小图标垂直居中对齐
.num .icon[data-v-5e7337c8] { width: 60px; color: aliceblue; line-height: 60px; text-align: center;}原创 2022-03-18 15:06:29 · 4795 阅读 · 0 评论 -
flex布局如何设置两行之间的距离
给flex item设置margin-bottom:10px然后再给flex对象设置设置margin-bottom:-10px,抵消最后一行的margin-bottom值。原创 2022-03-18 14:37:17 · 7040 阅读 · 2 评论 -
css常见布局技巧和html5新增属性(4)
1.marigin负值的使用让每个盒子的margin往左侧移动-1px,正好压住相邻盒子边框 鼠标经过某个盒子的时候,提高当前盒子的层级即可(如果灭蝇定位,则加相对定位(保留位置),如果有定位,则加z-index)2.文字围绕浮动元素巧妙的运用浮动元素不会压住文字的特性。...原创 2021-11-19 21:33:34 · 460 阅读 · 0 评论 -
css3中的3D转换
单位一般都是px。简写的方法:三者都不能省略,可设置为0。transform: translate3d(100px,100px,100px);透视perspective:定义:人眼睛到屏幕的距离 产生3d的效果 近大远小 单位:像素。原创 2021-11-22 20:48:43 · 185 阅读 · 0 评论 -
CSS3中的转换transform,2D和动画
转换transform:可实现元素的位移、旋转和缩放等效果。变形,对行内标签没有效果。2D移动:translate,即改变元素的位置,类似定位。移动盒子的位置:定位、盒子的外边距、2d转换移动。语法:最大的优点是不会影响其他元素的位置 /* x就是x轴的移动位置,y就是y轴的移动位置 中间用逗号隔开 */ transform: translate(x,y); transform: translate(100px,100px); ..原创 2021-11-22 15:48:00 · 239 阅读 · 0 评论 -
css之溢出的文字省略号的显示(3)
单行文本溢出显示省略号--必须满足三个条件先强行一行内显示文本 white-space:nowrap;(默认normal自动换行) 超出的部分隐藏overflow:hidden文字用省略号替代超出的部分text-overflow:ellipsis;多行文本溢出显示省略号 多行文本溢出显示省略号,有较大的兼容性问题,适合于webkit浏览器或者移动端(移动端大部分是webkit内核) overflow:hidden;text-overflow:ellipsis;弹原创 2021-11-17 19:44:53 · 78 阅读 · 0 评论 -
css之元素的显示和隐藏(2)
本质:让一个元素在页面中隐藏或者显示出来display(显示隐藏) visibility(显示隐藏) overflow(溢出显示隐藏)display:none不再占有原来的位置。display:black除了有转换为块级元素之外,同时还有现实元素的意思。 2.visibility:hidden(可见性):继续占有原来的位置 3.overflow(溢出):对溢出的内容设置是显示还是隐藏。可取值:visible、auto、hidden ,scroll。scroll:溢...原创 2021-11-16 16:37:06 · 440 阅读 · 0 评论 -
记笔记,css之position(1)
定位组成:定位模式+边偏移定位模式:定位方式边偏移:决定最终的位置定位模式static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 边偏移top top:80px 顶端偏移量:定义元素相对于其父元素上边线的距离 bottom bottom: 80px 底部偏移量:定义元素相对应其父元素下边线的距离 left left:80px 左侧偏移量:。。。。左边线的距离原创 2021-11-16 12:10:03 · 1118 阅读 · 0 评论