![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
北辰//
走在前端道路的小白
展开
-
scss知识点总结
参照:https://blog.csdn.net/pedrojuliet/article/details/728874901、什么是SCSS Sass是成熟、稳定、强大的css预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时,也继承了Sass强大的动态功能2、Scss和Sass区别Scss是Sass的一个升级版本,安全兼容Sass之前的功能,又有些新增的能力文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 Scss 是以“.scss”后缀为扩展名原创 2020-10-29 10:08:22 · 590 阅读 · 2 评论 -
常见浏览器内核总结
常见浏览器内核浏览器内核备注IETridentIE、百度浏览器、猎豹安全、360浏览器firefoxGecko火狐浏览器内核SafariWebkitApple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器chrome/OperaBlinkchrome/opera浏览器内核,其中Blink其实是Webkit的分支多内核壳浏览器国内最主流的“双核”浏览器基本都是Trident(高速原创 2020-06-01 23:18:08 · 249 阅读 · 0 评论 -
面试题:常见兼容性问题
常见兼容性问题问题:png24位图片在IE6浏览器上出现背景解决:解决方案是做成PNG8问题:浏览器默认的margin和padding不同解决:方案是加一个全局的*{margin:0;padding:0}来统一问题:IE6双边距bug:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置大 ,浮动IE产生的双倍距离解决:在float标签样式中加入 _display:inline; 将其转化为行内属性 _这个符号只有IE6会识别问题:IE下,可以使用获取常规属性的原创 2021-01-19 21:21:43 · 619 阅读 · 0 评论 -
程序员必做50题(一)
题目:有1、2、3、4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少?var count=0;for(var i=1;i<=4;i++){ for(var j=1;j<=4;j++){ for(var k=1;k<=4;k++){ //判断三个数是否重复 if(i!==j&&i!==k&&k!==j){ //通过拼接得到互不相同且无重复数字的三位数 console.log(''+i+j+k); cou原创 2020-09-15 13:41:26 · 2683 阅读 · 2 评论 -
正则表达式基础用法总结
正则表达式第一次学习,有很多不足之处,仅供参考正则表达式概述:专门描述字符串中字符出现规则的表达式1、用途:(1)验证字符串格式 (2)查找、屏蔽敏感词2、字符集某一位字符上可能有多种备选字时用:[备选字列表]如果[]中部分字符是连续的,可以用[x-x]一个小写字母:[a-z]一位大写字母:[A-Z]一位字母(大小写都行):[A-Za-z]一位字母或数字都行:[0-9A-Za-z]一位汉字:[\u4e00-\u9fa5]3、预定义字符集(字符集的最简化写法):原创 2020-10-31 09:16:38 · 137 阅读 · 0 评论 -
访问器属性
var book={ _year:2004, //_year前面的下划线是一种常用的记号,用于表示只能通过对象方法访问的属性 edition:1};//ES5的方法 支持的浏览器IE9+(IE8 只是部分实现)、Firefox 4+、Safari 5+、Opera12+ 和ChromeObject.defineProperty(book,'year',{ get:function(){ return this._year; }, set:fun原创 2021-08-03 14:41:44 · 84 阅读 · 0 评论 -
JS的事件处理程序
JS高级的事件处理程序分类最近看js高级程序设计3这本书,对于一些只是做一下简单总结1、HTML事件处理程序<input type="button" value="Echo Username" onclick="alert(username.value)">2、DOM0级事件处理程序var btn = document.getElementById("myBtn");btn.onclick = function(){alert("Clicked");};3、DOM2级事件处原创 2021-08-20 18:03:31 · 108 阅读 · 0 评论 -
有一个对象数组,需要根据对象数组中的某一对象属性对数组进行排序
对象数组根据对象属性排序function sortArray(propertyName){ return function (obj1,obj2){ var value1=obj1[propertyName]; var value2=obj2[propertyName]; //如果采用升序排序 if(value1>value2){ return 1 }else if(value1<value2){ return -1 }else{ return 0 }原创 2021-07-29 15:21:45 · 226 阅读 · 0 评论 -
小程序引入web-view注意事项
小程序引入web-view注意事项1、官方参考https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html2、web-view的src属性中的链接为自动跳转,所以小程序需要创建一个新页面通过导航跳转到该新页面3、含有web-view的新页面不能作为进入小程序的第一个页面,且跳转到该web-view页面时不能使用wx.redirectTo,否则成功后无法返回到小程序4、如果使用开发者工具开发小程序,需要在开发者工具原创 2021-07-19 15:32:02 · 881 阅读 · 0 评论 -
errcode: 40029, errmsg: “invalid code, hints: [ req_id: 3GjdxoyWf- ]“
微信小程序通过code未成功获取openid/unionid/session_key说明:前几天是可以获取到的,今天突然发现没办法获取了解决: wx.request({ url:'https://api.weixin.qq.com/sns/jscode2session?appid=' + appId + '&secret=' + secret + '&js_code=' + code + '&grant_type=authorization_code',原创 2021-07-19 15:28:00 · 508 阅读 · 0 评论 -
OpenLayers的初级学习--Map
参考:https://www.cnblogs.com/xtfge/p/9949059.html1、Map示例// 实例化Map对象加载地图 //let mapContainer=document.getElementsByClassName('mapContainer')[0]; var map=new ol.Map({ // 地图容器 //target:mapContainer, target:'mapCon'原创 2021-03-02 11:34:46 · 485 阅读 · 0 评论 -
swiper轮播图圆角滑动会变成直角然后再变回圆角
swiper轮播图圆角滑动会变成直角然后再变回圆角解决:在swiper的父盒子上加overflow:hidden和transform:translateY(0);html<div class="my-swipe-box"> <van-swipe :autoplay="3000" class="my-swipe"> <van-swipe-item v-for="(image, index) in im原创 2021-02-18 12:04:22 · 1392 阅读 · 0 评论