柠檬可乐@
码龄6年
关注
提问 私信
  • 博客：20,677
    动态：15
    20,692
    总访问量
  • 19
    原创
  • 619,427
    排名
  • 10
    粉丝
  • 0
    铁粉

个人简介：web前端

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：江苏省
  • 加入CSDN时间： 2019-07-11
博客简介：

weixin_45393981的博客

查看详细资料
个人成就
  • 获得28次点赞
  • 内容获得7次评论
  • 获得83次收藏
创作历程
  • 1篇
    2020年
  • 20篇
    2019年
成就勋章
TA的专栏
  • 前端开发经验
    12篇
  • React
    1篇
  • 工具类
    3篇
  • Vue
    1篇
  • js基础
    8篇
  • 笔记
    5篇
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

js精度问题解决

js精度问题问题的原因解决方法个人vue使用Math.js大家做项目时可能会遇到前端计算数据的需求，但往往会疑惑简单的加减法用代码计算出来往往多了好多小数位，并不是我们想要的结果，如下：// 加法 =====================0.1 + 0.2 = 0.300000000000000040.7 + 0.1 = 0.79999999999999990.2 + 0.4 = 0.6000000000000001// 减法 =====================1.5 - 1.2
原创
发布博客 2020.11.16 ·
3233 阅读 ·
1 点赞 ·
0 评论 ·
8 收藏

viewport移动端适配

一、移动端适配的目的：通常我们在pc上看到的页面都是比较大的，在pc上访问页面是正常显示的，默认是不会被缩放的，除非是手动进行了缩放，页面才会被放大比例或者是缩小比例显示。但是在移动端是不一样的，如果将一个pc端的页面放到手机端进行访问，那么可能出现页面挤到一起、布局错乱或者出现横向滚动条的情况，我们给用户带来不好的体验。还有在屏幕尺寸大小不同的手机上进行访问页面时，页面显示的效果不能合理的展示...
原创
发布博客 2019.10.22 ·
351 阅读 ·
2 点赞 ·
1 评论 ·
4 收藏

常用的http请求头以及响应头详解

一、常用的http请求头1.AcceptAccept: text/html 浏览器可以接受服务器回发的类型为 text/html。Accept: / 代表浏览器可以处理所有类型,(一般浏览器发给服务器都是发这个)。2.Accept-EncodingAccept-Encoding: gzip, deflate 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压...
原创
发布博客 2019.10.19 ·
2621 阅读 ·
0 点赞 ·
0 评论 ·
9 收藏

前端-回到顶部效果总结

1.锚点：使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置。<body style="height:2000px;"> <div id="topAnchor"></div> <a href="#topAnch...
原创
发布博客 2019.10.19 ·
833 阅读 ·
2 点赞 ·
0 评论 ·
2 收藏

jQuery实现倒计时

jQuery功能是非常强大的，同时也可以自定义一些常用插件，方便随时调用，添加样式来展示。页面效果图：<!DOCTYPE html><head> <title>jQuery实现倒计时效果</title> <script type="text/javascript" src="https://cdn.bootcss.com/...
原创
发布博客 2019.10.19 ·
1246 阅读 ·
2 点赞 ·
0 评论 ·
6 收藏

React的生命周期

理解掌握了React的生命周期各阶段，才能更好的使用React框架开发项目
原创
发布博客 2019.10.13 ·
215 阅读 ·
2 点赞 ·
1 评论 ·
0 收藏

前端必备的几种数组排序和去重的方法

前端开发避免不了对各种数据类型的处理，其中数组的排序和去重是必备的技能，往往面试时也也会经常遇到。数组排序：1.简单的sort排序：var arr=[1,5,3,87,23];arr.sort(function(a,b){ return a-b;})console.log(arr)//输出：[1,23,3,5,87]注：若返回b-a可获得从大到小的排序；数组的sort方法只能实...
原创
发布博客 2019.10.13 ·
4098 阅读 ·
7 点赞 ·
5 评论 ·
39 收藏

vue中图片验证码插件

vue项目手写图片验证码插件，斜体可更改长度，并点击图片时切换验证码的效果如下：使用：<valid-code :value.sync="validCode"></valid-code>组件：<template> <div class="ValidCode disabled-select" :style="`width:${width}; h...
原创
发布博客 2019.10.05 ·
1561 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

关于验证码的思考

验证码为何存在？作为普通用户的我之前并没有认真思考过这个问题，总觉得每次让输验证码之类的都很麻烦。今天深入研究了以下才发觉，验证码的存在是为了网站数据被脚本攻击窃取，保障了用户的数据安全。一、验证码是用来防止服务器被攻击的。二、防止暴力破解、刷票、论坛灌水、刷页等。三、有验证码可以防止误操作，尤其是关于钱的操作。偶然发现有人分享如何破解滑块验证的方法，分享一下：原理：获取验证图片...
原创
发布博客 2019.10.05 ·
358 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

由对象构成的数组去重总结

最近做项目时遇到了在localStorage里存了数组嵌套对象的数据需要去重的问题。找到了以下的解决方法，就分享一下：原数组data的格式，现需要根据id将重复的数据删除：let data = [ { id: 000001, name: '张三', }, { id: 000002, name: 'John', }, { id: 000003, name: '李四',...
原创
发布博客 2019.09.24 ·
228 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

移动端开发注意事项

移动端开发注意事项：1、防止手机中网页放大和缩小，设置meta中的viewport。<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">使用viewport使页面禁止缩放。 通常把user-scalable设置为0来关闭...
原创
发布博客 2019.09.22 ·
117 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

移动端开发的适配和1px问题：

移动端开发适配：让前端开发者的代码在不同手机屏幕下展示相同的效果：1.媒体查询：/* 适配 */@media only screen and (min-width: 320px) { html { font-size: 17.066666px !important; }}@media only screen and (min-width: 360px) ...
原创
发布博客 2019.09.22 ·
280 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

代码速写——Emmet插件

代码速写Emmet插件大部分编辑器都可以使用Emmet语法规则,我们平时开发的Sublime Text、Eclipse、Notepad++、VS code、Atom、Dreamweaver等等编辑器都可以使用。简要介绍一些常用的基础指令，可以自行灵活组合。1.创建HTML结构新建一个HTML文件后输入！敲Tab键，这样可以快速生成基础的结构，同时防止手写时忘记某个代码块，输入错误的代码。代码...
原创
发布博客 2019.09.22 ·
284 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

前端模拟接口数据（mock）实践

原文超链接前言越来越多的公司将前端和后端彻底分离，以便能够支持后端一套接口，提供给 web, ios, android 使用，大大提高了开发的效率。但与此同时，也带来了前端 ui 依赖后端数据的问题，在后端的接口没有开发完成之前，前端需要根据接口定义的规范模拟接口数据。这个问题看似简单，但实际上在开发过程中，会是一个比较头疼的问题。以往的做法有基于前端和后端两种做法，前端大多数都是在业务代...
转载
发布博客 2019.09.16 ·
2610 阅读 ·
2 点赞 ·
0 评论 ·
4 收藏

日常总结知识点1：

bootstracp 的栅格布局原理媒体查询Bootstrap框架中的网格系统就是将容器平分成12份，最后结合媒体查询，就制作出了强大的响应式网格系统。数据行(.row)必须包含在容器（.container）中，以便为其赋予合适的对齐方式和内距(padding)。在行(.row)中可以添加列(.column)，但列数之和不能超过平分的总列数，比如12。具体内容应当放置在列容器（colu...
原创
发布博客 2019.09.16 ·
195 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

有趣的js小案例---do you like me ?

恶搞朋友，yes的必须选项。css样式： <style type="text/css"> h1 {position:absolute; left:220px; top:175px; width:auto; height:210px} #left{position:absolute; left:250px; top:300px;width: 50px; height: 50...
原创
发布博客 2019.07.28 ·
1106 阅读 ·
3 点赞 ·
0 评论 ·
6 收藏

js案例--简易日历

效果图：初始1的样式如图，之后点击每个小块样式发生同样变化，且在文本框中会显示对应的备注信息。html结构： 1 JAN 2 FER 3 MAR 4 APR 5 MAY ...
原创
发布博客 2019.07.28 ·
424 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

js里this指向问题

普通函数：普通模式下：哪个对象调用某个函数（方法）指向那个对象function foo(){console.log(this);}foo()；该this指向为Window；而该写法放在严格模式下 this指向undefined；var obj = {name:“john”,sayHello:function(){console.log(this);console.log(t...
原创
发布博客 2019.07.27 ·
199 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

封装好的startMove js代码

适用于更改宽度、高度、margin、padding、定位位置以及透明度等属性。function getStyle(obj, attr) {if(window.getComputedStyle) {return getComputedStyle(obj, null)[attr];}return obj.currentStyle[attr];}/*参数domobj 样式要改变的d...
原创
发布博客 2019.07.27 ·
312 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js案例--九宫格

自己理解着写的，仅供参考。 </div> <script type="text/javascript"> //创建九个div var oWrap = document.getElementById("wrap"); var mt = ml = 10; for(var i = 0; i < 3; i++)...
原创
发布博客 2019.07.27 ·
302 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏
加载更多