- 博客(17)
- 收藏
- 关注
原创 使用css实现两边细中间粗的渐变直线
html:<div class="Line"></div>css:.Line{ width:1px; height:486px; background:linear-gradient(244deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); }效果图:左边细右边粗的渐变直线:html:<div cla
2020-10-19 13:19:12
4976
1
原创 ajax、axios、fetch的异同点
今天就来说说我对这些网络请求方式的一些简单认识。原生ajax:它是一种创建交互式网页应用的网页开发技术。通过异步模式,提升用户体验,优化浏览器和服务器直接的传输,减少不必要的数据往返,减少带宽占用。ajax引擎在客户端运行,承担部分服务器承担的工作。优点:局部更新;原生支持缺点:可能破坏浏览器后退功能;嵌套回调//创建ajax对象 (兼容性写法) if(window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); //现代浏览器 } el
2020-08-09 18:36:26
230
原创 js中遍历对象和数组的方法
js遍历对象的方法:第一种方法:for inlet obj = { name: 'lulu', id: 1, age: 18 }for (let key in obj) { console.log( key + ':' + obj[key] )}// 输出结果// name:lulu// id:1// ag...
2020-08-09 16:36:32
874
原创 小程序开发使用vant weapp中的tab组件时,点击当前tab时,让title颜色改变
小程序开发使用vant weapp中的tab组件时,点击当前tab时,让title颜色改变话不多说,直接上代码index.wxml给van-tabs添加一个class名<van-tabs active="{{ active }}" bind:change="onChange" swipe-threshold='5' class="index-tabs"> <van-t...
2020-04-23 14:01:10
6528
7
原创 js中常用的字符串操作方法
常用的字符串操作方法1、charAt() / charCodeAt()charAt() 方法从一个字符串中返回指定的字符。charCodeAt ()方法是获取指定位置字符的Unicode编码
2020-04-11 17:39:08
637
原创 在Vue项目和微信小程序中使用阿里图标
在vue项目中正确使用iconfont的方法1、打开 iconFont官网 选择自己喜欢的图标,并且添加购物车2、点击购物车,添加至我的项目3、点击font-class、下载至本地,一个压缩包文件,将文件解压4、我们将解压好的文件里边的iconfont.css放到项目的assets文件夹下(可创建一个css文件或iconfont文件)5、在main.js中引入iconfont.css...
2020-04-09 10:21:59
461
原创 Vue后台管理系统项目前端解决跨域问题
在开发中由于前后端服务器不一致,就有了跨域问题解决办法:使用proxy在项目目录下的vue.config.js文件中配置:module.exports = { publicPath: "./", //配置打包之后的相对路径 devServer: { proxy: { //这里可以配置代理 "/api": { target: "http://api.fo...
2020-04-02 17:13:32
1697
原创 Html5和Css3新特性
H5和C3新特性文章目录H5和C3新特性H5新特性语义化标签增强型表单新增表单元素新增的表单属性新事件C3新特性选择器背景和边框文本效果2D/3D 转换动画、过渡多列布局用户界面CSS 兼容内核H5新特性1.语义化标签:header、footer、section、nav、aside、article2.增强型表单:input 的多个 type3.新增表单元素:datalist、keygen...
2020-02-25 13:28:28
430
原创 CSS中常见的定位方式
css中常见的定位方式1.position:static 默认值当我们不指定标签的定位方式的时候,position的默认属性就是static,此时标签根据默认的布局排列2.position:absolute 绝对定位标签相对于最近的有定位的父元素定位(即position属性不为static的父元素,也叫做包含块),当不存在有定位的父元素时,标签就相对于浏览器窗口定位(也就是body),...
2020-02-24 22:12:44
217
原创 常见的浏览器端存储技术
常见的浏览器端存储技术localStorage、sessionStorage和cookie区别:cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)cookie数据始终在同源的http请求中携带(即使不需要),会在浏览器和服务器间来回传递sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存存储大小...
2020-02-24 21:37:26
247
原创 get和post的区别
GET和POST:GET方法:GET是获取的意思,顾名思义就是获取信息。GET向指定的资源请求数据,请求的数据会附在URL之后,就是把数据放置在请求行(request line)中),以?分割URL和传输数据,多个参数用&连接;GET 是http请求默认的请求方式POST方法:POST是通过HTTP post机制,将请求到的数据封装到http消息包体中。POST是邮件的意思,...
2020-02-24 21:27:01
124
原创 原生js中常用的数组操作方法
常用数组的操作方法:添加删除(4个)1.push()将参数添加至数组的尾部,返回值为增加后数组的长度,原数组发生改变let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]2.pop()从数组的尾部删除一个元素,返回删除的元素,不接收参数,原数组发生改变let ar...
2020-02-24 20:02:32
1019
原创 常用的排序方法总结
常用的两种排序方法:选择排序、冒泡排序选择排序我们假设第一个值为最小值,取一个变量为minIndex对应着最小值的索引,让minIndex指向的这个值和剩余的所有值进行比较,如果有比假设的这个值小的,改变minIndex的指向<script> var arr=[12,33,1,5,4,8,12]; function selectSort (arr) { for(var i...
2020-02-24 18:24:08
101
原创 常见的数组去重方法总结
Vue.js概要简单了解Vue语法1.简单认识Vue是一个渐进式的框架:意味着可以将vue作为应用的一部分嵌入其中vue的特点:
2020-02-24 17:53:40
176
原创 前端安全问题及解决办法
前端安全问题及解决办法xss(Cross-site Scripting)脚本注入攻击核心:恶意脚本注入描述:攻击者通过在目标网站上注入恶意脚本,使之在用户的浏览器上运行。利用这些恶意脚本,攻击者可获取用户的敏感信息如 Cookie、SessionID 等,进而危害数据安全。解决方案:1、打开npmjs.com下载xss插件,引入xss插件之后就没有任何问题了。2、将html进行内容转换...
2020-02-22 17:07:12
516
原创 移动端 1像素问题及解决办法
移动端 1px 像素问题及解决办法前言:在移动端web开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在某些机型上,1px会比较粗,即是较经典的 移动端1px像素问题。为什么会有1px问题物理像素:移动设备出厂时,不同设备自带的不同像素,也称硬件像素;逻辑像素:就是css中的像素;解决办法 @media screen and (-web...
2020-02-22 17:04:01
847
原创 微信小程序项目技术点整理
停工不停学 逆战中求生存小程序的配置分为:全局配置、页面配置和sitemap配置常用的全局配置信息app.json文件:{ //在json文件中其实是不能有注释的,这里我简单做一些解释 "pages": [ //pages为页面路径列表 "pages/home/home", "pages/kind/kind", "pages/cart/cart", "...
2020-02-22 16:53:14
3525
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人