前端js
ange2017
这个作者很懒,什么都没留下…
展开
-
链式长取值
链式长取值原创 2022-06-27 10:38:08 · 91 阅读 · 0 评论 -
线上环境去掉所有打印信息
var logDebug = false; console.log = (function(oriLogFunc) { return function() { if (logDebug) { oriLogFunc.apply(this, arguments); } }; })(console.log);原创 2021-06-09 16:32:14 · 231 阅读 · 0 评论 -
vue项目,在页面滚动时js判断向上向下,控制头部header的显示和隐藏
这是一个流行已久的操作,一个页面在向下滚动时,隐藏头部;向上滚动时,出现头部。向下滚动,这样可以尽可能多地展示内容区;向上滚动,即时展示头部,方便用户查看菜单信息,打开菜单键;写法也很简单,在页面挂载完成后,添加监听事件,判断滚动方向,页面销毁之前注销事件即可。以下贴代码,记录于此。<script>export default { data() { return { i: 0, }; }, mounted() { wind原创 2021-04-21 14:04:21 · 1814 阅读 · 2 评论 -
2020面试题收集
1.var a={}var b= {a:1, c:2}var c= {a:2, b:3}var d= [1,2,3]var e= [3,4,5]a[b]= 1a[c]= 2a[d]=3a[e]=4console.log(a[b])console.log(a[c])console.log(a[d])console.log(a[e])// 输出// 2// 2// 3// 4其中a的赋值情况为:1,2,3: 33,4,5: 4[object Object.原创 2020-07-31 11:24:01 · 117 阅读 · 0 评论 -
taro 注意点
1. scss注入;按照官网写法,直接注入,但是app.scss中不能import其他scss,否则会编译语法出错2.assets中的scss使用同在assets中的img图片时,需使用 ~带~的路径 "~@/assets/img/logo_blue.png" 被webpack解析为 require(src/assets/img/logo_blue.png) 动态引入1.相对路径: "./assets/logo_blue.png"2.没有前缀的路径 "assets/logo_b...原创 2020-07-29 19:02:23 · 295 阅读 · 0 评论 -
小程序页面传值json格式太长
使用下面两个函数将其进行编码,encodeURIComponent () // 函数可把字符串作为 URI 组件进行编码。decodeURIComponent() // 可对 encodeURIComponent() 函数编码的 URI 进行解码。// 开始页面let strData = encodeURIComponent(JSON.stringify(data))Taro.navigateTo({url: '/pages/Product/CreatOrder?data='+ st.原创 2020-07-14 19:07:27 · 627 阅读 · 0 评论 -
前端项目版本号位置, vue打包添加版本号
场景前端开发需要确认已发布,测试是否成功发布本次项目代码。解决方案在HTML中写一段特殊标记即可(即版本号),那么这个版本号应该放在哪里呢?有人在sessionStorage,或者localStorage中添加一项记录,这确实可以达到标记的目的。但在这里推荐一个较为规范的版本号添加方案在HTML5中,meta标签中的属性值可以很好的解决标记版本问题在index.html中定义如下<meta name="revised" content="定义页面的最新版本"/>原创 2020-05-21 18:52:24 · 10775 阅读 · 3 评论 -
http-server的安装和使用
http-server可以让任意一个目录成为服务器的目录1.全局安装npm install --global http-server2.使用http-server [path] [options]下面是文档地址https://www.npmjs.com/package/http-server原创 2020-05-13 11:12:06 · 411 阅读 · 0 评论 -
数组中自定义的key 如何取值
如图取值:Object.keys(this.options).forEach(k => { console.log(k) //取到了key console.log(that.options[k]) // 取到了value})原创 2019-07-05 17:31:43 · 1915 阅读 · 0 评论 -
数据请求 Fetch
先看一下 Fetch 原生支持率:Fetch 常见坑 Fetch 请求默认是不带 cookie 的,需要设置fetch(url, {credentials: 'include'}) 服务器返回 400,500 错误码时并不会 reject,只有网络错误这些导致请求不能完成时,fetch 才会被 reject。 基本用法:fetch(url, option).th...原创 2019-03-27 10:05:40 · 194 阅读 · 0 评论 -
js 滚动条总结
window.onscroll = function () { // 实时打印滚动条滚动的距离 const t = document.documentElement.scrollTop || document.body.scrollTop; console.log(t) };...原创 2018-09-17 17:15:18 · 328 阅读 · 0 评论 -
jquery 文字无缝滚动
这里作为一个文字无缝滚动,简单js写法记录html:<!-- box-move 滚动的盒子 ul1 滚动列表 ul2 衔接列表 --><div id="box-move" style="height: 78px; overflow: hidden;"> <ul id="ul1"> <li class="ell原创 2018-08-09 15:33:48 · 1904 阅读 · 0 评论 -
li模拟原生select
由于select原生各种限制太多,UI展示问题,使用模拟下拉框体验更佳;代码简单易用,根据需求调整。不多说,直接上效果图html代码演示<input type="hidden" name="didian" id="didian"> <!-- 隐藏框 表单提交时把value填充进来 --><span id="jiguan" value=&qu原创 2018-07-23 12:08:56 · 686 阅读 · 0 评论 -
手写插件【滚动到可视区域播放动画】
写一个简单的方法,让窗口滚动到可视区域时,即时可以出现动画。怎么写动画延迟,直接把类名添加在页面中,实现动画延时。譬如:.delay200{animation-delay:200ms}.delay500{animation-delay:500ms} <h2 class="delay500" data-animate="fadeInUp">回首向来萧瑟处,归去,也无风雨...原创 2018-05-16 12:27:29 · 1510 阅读 · 0 评论