Lofty_ambition
码龄8年
关注
提问 私信
  • 博客：132,807
    132,807
    总访问量
  • 12
    原创
  • 1,756,721
    排名
  • 2
    粉丝
  • 0
    铁粉

个人简介：兴趣是做好一件事的前提，对于自己喜欢的坚持下去。不断的模仿，大胆的创新，积极的态度。

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

qinchaidaren的博客

查看详细资料
个人成就
  • 获得11次点赞
  • 内容获得2次评论
  • 获得39次收藏
创作历程
  • 4篇
    2019年
  • 5篇
    2018年
  • 33篇
    2017年
成就勋章
TA的专栏
  • jquery
    2篇
  • 原生js
    12篇
  • 移动端
    5篇
  • css
    1篇
  • vue.js
    17篇
  • 编辑器
    1篇
  • react
  • nginx
    1篇
创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

180人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

前端路由vs后端路由

（一）定义（页面之间的跳转）后端路由：通过用户请求的url导航到具体的html页面；每跳转到不同的URL，都是重新访问服务端，然后服务端返回页面，页面也可以是服务端获取数据，然后和模板组合，返回HTML；也可以是直接返回模板HTML，然后由前端js再去请求数据，使用前端模板和数据进行组合，生成想要的HTML前端路由：前端单页应用 SPA(Single Page Application)中，...
转载
发布博客 2019.06.09 ·
1002 阅读 ·
2 点赞 ·
0 评论 ·
3 收藏

在vue中webSocket通信

1、简单介绍基于webSocket通信的库主要有 socket.io，SockJS，这次用的是 SockJS。2、前提这里我们使用sockjs-client、stomjs这两个模块，要实现webSocket通信，需要后台配合，也使用相应的模块。sockjs-clientsockjs-client是从SockJS中分离出来的用于客户端使用的通信模块.所以我们就直接来看看SockJS....
转载
发布博客 2019.05.11 ·
5884 阅读 ·
1 点赞 ·
0 评论 ·
18 收藏

nginx基本信息

#运行用户user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 1;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pi...
转载
发布博客 2019.04.02 ·
240 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

vue-cli打包并配合nginx域名二级子目录

可以修改三个配置1.路由const route = new Router({mode : 'history',base: '/admin/',routes:[]})2.打包文件 config/index.jsbuild设置assetsPublicPath: '/admin/',3.nginx配置try_files $uri $uri/ /admin/in...
原创
发布博客 2019.03.09 ·
2709 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css中图片等比例缩放，自适应16:9实现

　前阵子，产品跑过来问我现有的模板中没有图片模板，需要添加一个图片模板；然而，他要求图片在展示区最好能够实现随着窗口的变化而自动按图片比例等比缩放，并且居中展示图片。我当时想着，抛开技术实现层面，图片展示也理应是这样的，更加友好。当时我就说应该没啥大问题，于是就有了下文（PS:萌新还没技术积累，只能是凭着一点积累和现查来调研）。1. 图片等比缩放　　网上搜了一下图片等比缩放，有介绍使用:...
转载
发布博客 2018.11.23 ·
12664 阅读 ·
2 点赞 ·
2 评论 ·
7 收藏

vue-cli环境变量配置

vue-cli在开发和产品上线的时候，对于不同的地址，可以在项目中进行配置，并配置axios，两种方式可以参考（一）mian.js中let baseUrl=null;if (process.env.NODE_ENV == 'development') {       baseUrl = 'url1';//开发环境请求地址} else if (process.env.NODE_E...
转载
发布博客 2018.07.28 ·
1620 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue-router项目中的登录验证问题

思路：登录的时候，将从后台拿到的token信息，使用sessionStorage进行存储，然后在全局的导航守卫中；判断本地存储sessionStorage是否是存在token的信息，如果是存在就可以进行其他导航页面访问，不存在的情况下就停留在登录页面；退出登录的以后，将sessionStorage存储的信息进行清空。步骤一：用户登录 this.$axios.post(url,data).then(...
原创
发布博客 2018.06.26 ·
1777 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

vue2父组件传递props异步数据到子组件的问题

使用v-if可以解决报错问题，和created为空问题// parent.vue<template> <div>  父组件  <child :child-object="asyncObject" v-if="flag"></child> </div></template> <script&
转载
发布博客 2018.06.03 ·
2328 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

html5自适应布局rem

1. rem是一个相对于根元素大小的相对单位。可以利用js来控制根元素的font-size:<script>    (function(){        var designW = 640;  //设计稿宽        var font_rate = 100;        //适配document.getElementsByTagName("html")[0].style.fon...
转载
发布博客 2018.04.07 ·
368 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

sublime install and config

ackage Control插件本身是一个为了方便管理插件的插件，在Sublime text 3中，Package Control 的安装方法一开始出来的方法是要先安装Git，再输入代码来安装，原因说是“sublime text 3更新的python的函数，说白了就是API不同了，导致基于python开发的插件很多都不能工作”。不过后来出了个方便的安装方法，下面介绍一下通过 ctrl+` 
转载
发布博客 2017.12.09 ·
243 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

IE下的hack

对于前端开发来说IE一直是心里的痛，不管你觉得做的多好的网页，放到它上面总会有一些意想不到的问题发生，所以你不得不针对IE单独做些手脚,你就有必要知道一些IE浏览器下的hack写法。比较常用的几个hack(目前大多公司都只要求兼容到IE8，稍微变态点的也就是IE7下没大的错位就行了，下面hack足以):\9 像如:width:6.5em;width:8em\9;在ie7-ie10宽
转载
发布博客 2017.12.07 ·
342 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

input file图片上传并回显

// 图片上传借助于html5的文件读取实现<!DOCTYPE html><meta charset="utf-8"/><script src="jquery.js"><input type="file"multiple id="inputs"/>//multiple(多文件上传)
转载
发布博客 2017.11.21 ·
8020 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

手机端页面布局之rem

相信很多刚开始写移动端页面的同学都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem（什么是rem）布局rem布局非常简单，首页你只需在页面引入这段原生js代码就可以了 (function (doc, win) { var docEl = d
转载
发布博客 2017.11.13 ·
497 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

后台返回的map转成json的形式

// 在前后端交互中，后台可能由于某种原因，会返回map类型的数据，因此，前端的开发中，需要解析成标准的JSON的格式来使用；  //字符串和数组的方法实现var obj = '{name=zhangsan,age = 16,  job =IT}';function formatJSON(str){var newObj={};str= str.substring(1,str
原创
发布博客 2017.09.30 ·
5121 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

针对后台返回Object 对象数据的操作

// 需求，后台返回数据，要求根据对应的id的值显示，对应的name属性的值；用到知识： 对象的访问， 数组的遍历操作var ary = [{"id":1,"name":"李铭","age":12,"job":"IT" },{"id":1,"name":"张三","age":12,"job":"IT" },{"id":1,"name":"王勤","age":
原创
发布博客 2017.09.29 ·
5252 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js中模拟筛选过滤

//模拟筛选的刷新，通过提交ajax,并且实现页面的跳转的效果：Document(function(){$("#arg").click(function(){var _name = $("#name").val();var _age = $("#age").val();var _url = "h
原创
发布博客 2017.09.28 ·
378 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue中使用v-bind:class的选项卡

//vue中的选项卡的实现，数据驱动dom,因此需要使用数据，来改变class； 详细见代码实现ul{overflow: hidden;}ul li{float: left;width: 150px;height: 35px;line-height: 35px;border: 1px solid red;list-style: none;cursor: pointer;}ul li
原创
发布博客 2017.09.28 ·
3648 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue-cli 脚手架

参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布1.Node.js安装   https://nodejs.org/en/download/2.安装vue-cli  npm install -g vue-cli3.使用vue-cli初始化项目 vue init webpack my-project-name4、进到目录cd
转载
发布博客 2017.09.23 ·
229 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ajax请求成功之后控制页面刷新一次

方案一：functionrefresh(){window.location.reload();setTimeout(refresh ,5000);}方案二：setInterval(function(){window.location.reload();},5000)
转载
发布博客 2017.09.13 ·
8001 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

JavaScript cache

1.在jsp中加入头 "Pragma" CONTENT="no-cache"> "Cache-Control" CONTENT="no-cache"> "Expires" CONTENT="0">或者加入 "pragma" content="no-cache" /> "content-type" content="no-cache, must-revalidate" /
转载
发布博客 2017.09.13 ·
1388 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏
加载更多