web前端取经路上
文章平均质量分 58
ljw_Josie
有一条只能往前走的路,叫青春!
展开
-
MacBook微信小程序使用selectComponent获取自定义组件时,返回null的解决方案
最近换了MacBook开发小程序,发现this.selectComponent 获取到的自定义组件为null,代码没有做任何改动,但就是拿不到值。网上查了一下有大部分人都说把this.selectComponent写在onShow里面,因为onLoad可能没有加载完dom,拿不到组件。But!!我放在onShow也没有用,仔细排查了一下代码发现,是因为我在组件外层加了wx:if的判断,去掉就好了。真的蛮奇怪的,其他同事和windows电脑都没有这个问题=.=记下来,帮大家排坑吧...原创 2022-01-25 14:32:28 · 1655 阅读 · 0 评论 -
解决toISOString()时区不准确的问题
toISOString()方法以简化的扩展ISO格式( ISO 8601 )返回字符串,该字符串始终为24或27个字符( YYYY-MM-DDTHH:mm:ss.sssZ或±YYYYYY-MM-DDTHH:mm:ss.sssZ )。 时区始终为零UTC偏移,如后缀“ Z ”所示。所以转换成北京时间需要自己加8个时区,方案如下解决方案// 解决方式const date = new Date(+new Date() + 8 * 3600 * 1000);const currentMonth =原创 2021-07-29 15:02:38 · 2736 阅读 · 0 评论 -
Http协议分享之——协议组成
本文是楼主花了大量时间整理总结给团队内部的分享资料,通过图文结合的形式,希望可以给大家带来一些收获。什么是HTTP?超文本传输协议,是一个基于请求与响应,无状态的,应用层的协议,常基于TCP/IP协议传输数据,互联网上应用最为广泛的一种网络协议,所有的WWW文件都必须遵守这个标准。设计HTTP的初衷是为了提供一种发布和接收HTML页面的方法。Http历史发展1989年, 当时在欧洲核子研究组织(CERN)工作的 Tim Berners-Lee 博士写了一份关于建立一个通过网络传输超文本系.原创 2021-07-12 00:59:12 · 587 阅读 · 1 评论 -
记录wx.getUserInfo被回收后,小程序升级成wx.getUserProfile的旅程
升级背景官方说明点这里两个重点getUserProfile接口从2.10.4版本基础库开始支持,每次调用均会出现授权弹窗,确保用户信息安全吧getUserInfo接口将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加密后的openID与unionID数据的能力不做调整。数据具体变化即wx.getUserInfo接口的返回参数不变,但开发者获取的userInfo为匿名信息(标红部分)。分析小程序全局待修改之处第一步:找出所有使用了wx原创 2021-05-14 00:14:05 · 481 阅读 · 0 评论 -
JavaScript 实用技巧和写法建议
JavaScript 实用技巧和写法建议1.前言从大学到现在,接触前端已经有几年了,感想方面,就是对于程序员而言,想要提高自己的技术水平和编写易于阅读和维护的代码,我觉得不能每天都是平庸的写代码,更要去推敲,去摸索和优化代码,总结当中的技巧,积极听取别人的建议,这样自己的技术水平会提高的更快。那么今天,我在这里就分享一下关于javascript方面的写作的实用技巧和建议,这些技转载 2017-12-15 13:01:04 · 390 阅读 · 0 评论 -
九个问题从入门到熟悉HTTPS
女朋友也是软件工程专业,因为快要毕业了,最近一边做毕设一边学习编程。前两天她问我 HTTPS 的问题,本来想直接扔一篇网上的教程给她。后来想了一下,那些文章大多直接介绍概念, 对新手不太友好,于是我干脆亲自给她解释一下,顺便整理了一份问答录。Q1: 什么是 HTTPS?BS: HTTPS 是安全的 HTTPHTTP 协议中的内容都是明文传输,HTTPS 的目的是将这些内容加密,确保信息转载 2017-12-14 23:17:25 · 320 阅读 · 0 评论 -
纯css实现进度状态条上箭头三角样式(附图)
如上图,我们要实现中间的三角箭头,我这里总结了三种实现方式:第一种:你可以将非矩形的地方切成图片来处理,放在div里,这样上面的图形会有5个并列的div,可以采用浮动来实现效果第二种:我们将这个进度条(我也不知道叫啥)分成一个一个的div,最外面用bootstrap的栅格col-md-6,col-md-3,col-md-3来包裹,分别对应上图中的三个最外层的div(红色);原创 2017-10-23 20:10:21 · 3616 阅读 · 0 评论 -
Vue.js实现一个todo-list的上移,下移,删除功能
如图,A simple todo-list长这样原创 2017-06-26 14:18:21 · 2968 阅读 · 0 评论 -
scrollIntoView将指定元素定位到浏览器顶部,底部,中间
用法:var element = document.getElementById("box");element.scrollIntoView();//顶部element.scrollIntoView(false);//底部element.scrollIntoView({block: "end"});element.scrollIntoView({behavior: "instan原创 2018-01-15 21:40:11 · 14817 阅读 · 0 评论 -
React Warning: Unknown DOM property(已解决)
最近做的一个react单页面应用中遇到了这个问题,原因是因为在使用React中标签的属性class和for,都需要写成className和htmlFor,无论你是否使用JSX,因为两个属性是JavaScript的保留字和关键字。所以解决办法是将页面中的class换成className,for属性换成htmlFor。原创 2018-01-18 15:50:32 · 4148 阅读 · 0 评论 -
赶快拿小本本记下【Js中instanceof判断的原理】
划重点:检测对象A是不是另一个对象B的实例的原理是:查看对象B的__proto__属性指向的原型对象是否在对象A的原型链上,若在则返回true,若不在则返回false。或者说instanceof判断原理就是看实例对象的__proto__属性和其构造函数的prototype属性是不是引用的同一个地址。function Person(name, age){ this.name = name;...原创 2018-03-19 15:01:21 · 298 阅读 · 0 评论 -
设计模式——观察者和发布订阅模式
最近在学习设计模式,本文就同一个例子对观察者和发布订阅进行探讨。观察者模式 比较概念的解释是,目标和观察者是基类,目标提供维护观察者的一系列方法,观察者提供更新接口。具体观察者和具体目标继承各自的基类,然后具体观察者把自己注册到具体目标里,在具体目标发生变化时候,调度观察者的更新方法。举个例子 比如有个“天气中心”的具体目标A,专门监听天气变化,而有个显示天气的界面的观察者B,B就把自...原创 2018-06-16 23:37:59 · 1814 阅读 · 0 评论 -
分享一份给后端培训Vue基础知识的文档
文章目录Vue基础知识讲解创建第一个vue实例挂载点,模板,实例基本的数据表达式:Vue中的属性绑定和双向数据绑定vue中常用指令v-bindv-show, v-if, v-forv-onvue实例中方法和事件数据传输方法父子通信,子父通信,兄弟通信Vue中计算属性computed和监听属性函数watch定义computed和watch比较生命周期相关链接Vue基础知识讲解这是一份我给公司后...原创 2019-03-29 12:00:38 · 2292 阅读 · 2 评论 -
SublimeText3 插件PlainTasks(Todo-list)的使用方法
打开sublime编辑器,通过ctrl + shift + p,输入install回车,再输入plaintasks回车即可。创建新文档:ctrl+shif+p 输入tasks: New document创建新的task:ctrl+i取消task:alt+c(这个我没弄出效果,尴尬。。。)完成:ctrl+d归档:在文档底部按下ctrl+shift+a漂亮的分割线:--tab生成统原创 2017-06-12 16:44:38 · 6795 阅读 · 0 评论 -
js中__proto__和prototype的区别和关系
作者:doris链接:https://www.zhihu.com/question/34183746/answer/58155878来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。首先,要明确几个点:1.在JS里,万物皆对象。方法(Function)是对象,方法的原型(Function.prototype)是对象。因此,它们都会具有对象转载 2017-06-19 12:03:58 · 429 阅读 · 0 评论 -
关于火狐浏览器checkbox选中状态刷新后无变化的问题
新版本浏览器的表单数据默认记忆的功能 可以通过在form表单中添加autocomplete="off"属性 。如此设置以后会有一个bug 就是比如你表单是一个登录表单,在设置了autocomplete="off" 后点击登录会弹出 ‘是否记住密码’ 这样类似的提示 如果点击是的话 那么账号密码仍然会被记忆autocomplete="off"将会无效。原创 2017-06-19 10:13:22 · 843 阅读 · 0 评论 -
Div里CSS控制图片按比例扩大缩小不变形
一般来说,我们设定一定宽度高度的div标签,在里面放上图片,只有当图片大小尺寸符合这个宽度和高度的时候显示最佳。那有的时候不同的界面,同样的信息(比如头像)放大的尺寸是不一样,怎么才能让图片根据DIV的宽高度进行,缩放呢?其实很简单,只用设置其css样式即可。 .photo img { max-width:80px;//这是DIV的大原创 2016-07-24 13:30:22 · 18217 阅读 · 5 评论 -
HTTP2.0协议
原文链接:http://caibaojian.com/http2.htmlhttp2协议的草案已经出来了,阅读了一下网上的中文版,http2尽可能的兼容http1.1。改进了http1.1协议的不足。原文来自http://caibaojian.com/http2.htmlhttp1.0和http1.1的缺点:1.http1.0只允许在一个连接上建立当前未完成的请求转载 2016-09-01 15:34:22 · 423 阅读 · 0 评论 -
关于Xsell共享文件输入网络凭据的解决办法
现在写下方法方便回顾:第一步:打开控制面板--->搜索(管理Windows凭据)第二步:点击编辑第三步:编辑把它改成与对方账户一样的用户名和密码就可以了,之后扫描如果体系说要输入网络凭据的话就把刚刚的账号密码输进去就可以用了。或者可以添加新的用户和密码。最后保存,重新输入密码就好了原创 2016-11-12 16:24:29 · 1792 阅读 · 0 评论 -
关于bootstrap datetimepicker的用法以及小箭头消失的问题(已解决)
首先,抛出问题,日历可以正常使用,就是左右箭头包括禁止填写的图标都不能显示(功能存在),如图:于是博主就各种百度各种寻求解决办法,看很多人说引进bootstrap.min.css,发现还是没用。大海中捞到一条很重要的信息:需要在input框中class类form-control 原因如下:如果没有加form-control这个类就会造成读的是版本2,也就是这个图标是icon-arrow-left...原创 2016-11-24 19:32:33 · 10770 阅读 · 11 评论 -
HTML中footer一直沉底的最常用解决办法
想让footer沉底,肯定要让body中的内容填满整个屏幕,但是屏幕的高低又不能给一个具体的像素值,这样的话就想到了让body元素的高度100%,然后让footer相对于body来绝对定位,bottom:0px;这样就可以了,不过为了有些浏览器的兼容,最好用两个方向来定位,比如加个left值。但是别忘了让footer的width:100%;最好给个固定的高度。下面直接展示代码。footer {原创 2016-11-26 14:42:18 · 8549 阅读 · 1 评论 -
关于ECharts插件实现中国地图效果的总结
这是官网http://echarts.baidu.com/echarts2/doc/example.html我也是第一次使用这个炫酷的插件,饼状图柱状图都能实现,就是不明白为什么地图出不来?辗转反侧看了很多的API,后来发现是自己少引进了一个china.js文件。以下是我的代码,希望可以给你帮助 饼状图 接着在上面加上js var myChart原创 2017-03-06 22:54:52 · 6308 阅读 · 3 评论 -
三句命令给MacBook安装oh my zsh 走向高逼格shell
安装oh my zsh:1、克隆这个项目到本地(前提是你得有装git) git clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh2、创建一个zsh的配置文件注意:如果你已经有一个~/.zshrc文件的话,建议你先做备份。使用以下命令 cp ~/.zsh转载 2017-04-10 11:53:26 · 2317 阅读 · 0 评论 -
根据datetimepicker选择的日期计算年龄
首先上图看一下实现的效果:html:(切记input加上value) 出生日期: 年龄:value=""readonly="true"> js: $('#birthday').change(原创 2017-04-13 01:01:46 · 2335 阅读 · 1 评论 -
为什么table里用了display:block;就和第一列宽度一样呢?
在前端页面展示需要通过判断来显示 table标签内的东西,按照常理,对于某一单元行需要显示时,使用:display:block属性,不需要显示时使用display:none属性,而且这样做 在IE浏览器中显示正常,没有任何问题。但是当用Firefox浏览时却出现了布局错乱的问题,然后通FireBug去看了下源码,调试下了,发现是display:block属性搞的鬼。1、当表格为多列转载 2017-04-17 11:36:28 · 2318 阅读 · 0 评论 -
jquery简易轮播图
说到轮播图,网上五花八门,很多好看的样式。但是博主当务之急是实现这个功能,这也是刚开始接触jQuery,代码很简单(三句搞定)。下面开始正式分享,包你get到:1,建立你想实现的HTML样式,比如位置宽高边框等。2,新建无序列表,也就是经常看到的那个半透明的点,并且绝对定位到你想要放的位置,3,引进jQuery库,这个可以在它的官网上下载到,然后你引入就好了。4,利用jQuer原创 2016-09-04 16:36:00 · 591 阅读 · 0 评论 -
jquery实现导航栏吸顶效果(简洁版)
憋说话,直接上代码,先是最最重要的js: $(function(){ var a = $('#course-tab'), b =a.offset();//返回或设置导航栏相对于文档的偏移(位置)//加个屏幕滚动事件,c是滚动条相当于文档最顶端的距离 $(document).on('scroll',function(){ var c = $(documen原创 2017-05-03 16:56:30 · 9496 阅读 · 0 评论 -
纯css实现气泡对话框尖角处理
先来看一下效果图:简单粗暴上代码:html: less: .dialog-box { position: relative; span {原创 2017-05-06 10:47:54 · 8010 阅读 · 1 评论 -
让页面footer任何情况下都沉底显示的绝佳方法(亲试有效)
原文: Quick Tip: The Best Way To Make Sticky Footers问题:在布局网页的时候时常遇到页面内容太少,网页撑不开导致footer浮上去。非常不美观,网上各种说法,说是position:absolute;或者position:fixed;都不能满足我的需求(body内容少的时候),也许是我方法不对吧(自嘲ing···)解决办法:最好方法是采用原创 2017-05-03 11:58:48 · 2134 阅读 · 0 评论 -
PHP表单验证
对 HTML 表单数据进行适当的验证对于防范黑客和垃圾邮件很重要!所以这里分享两种提交表单防止黑客的方法!先来看一下表单代码: <?php// define variables and set to empty values$name = $email = $gender = $comment = $website = "";if ($_SERVER["REQUEST原创 2016-03-12 19:45:50 · 393 阅读 · 0 评论