关注
分享
罗忠浩
曾就职于JD ，后任职于几家交易所，担任CTO。目前自由职业者。人工智能方向。
展开
-
前端入门参考：写给前端入门者的chat
前端是什么 众多IT岗位中的一员，以HTML+CSS+JS开发网站、微信公众号、小程序、WEBAPP的岗位，一个夹杂与UI与后台间的岗位。工作流程为从UI处得到原型图或者效果图，在项目（网站、微信公众号、小程序、WEBAPP）中还原图片效果，然后与后台进行各种数据交互。在项目中充当一号背锅侠，项目出现问题第一个收到传唤的人。一个不受UI、后台待见，甚至不受协同开发的其他前端待见的岗位。前端，一个让原创 2017-12-15 22:58:57 · 17887 阅读 · 1 评论 -
HTML中关于空格的使用
它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。 它叫“半角空格”，全称是En Space，en是字体排印学的计量单位，为原创 2018-01-18 09:56:03 · 702 阅读 · 0 评论 -
微信小程序日历分享
由于某些原因，本周末又重新编写了一个小程序日历，作用于签到。给大家分享出来。日历长这个样子，签到功能由于需求不同，代码就不公布了。日历实现的方式与我之前分享的方法一致，如果需要签到功能可以找我为你解决。原创 2018-01-28 19:36:47 · 3428 阅读 · 4 评论 -
用箭头函数精简你的 Vue 模块 – dotdev
最近在重构一个用 Vue1.0 写的项目，我通过使用 ES6 的箭头函数来让代码在不升级 Vue2.0 的情况下变得更加简洁和统一。在这个过程中我也遇到了很多坑，所以想借此机会分享一下我从中学到的东西以及总结出来的一些规范，这些规范以后都将会落实到我的 Vue 项目中。我们最好还是通过代码示例来讲解，下面给出一段代码，我们一步一步来分析它// require vue-resource...转载 2018-02-26 21:08:59 · 2074 阅读 · 0 评论 -
使用ajax请求本地JSON文件中的数据
json文件{ "info":[ {"name":"张三","sex":"男"}, {"name":"李四","sex":"男"}, {"name":"王麻子","sex":"男"}原创 2018-02-28 13:25:29 · 8402 阅读 · 6 评论 -
在vue项目中使用echarts
该示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S创建图表 全局引入 main.js// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts HTML代码：<div id="myChart" :style...原创 2018-03-06 13:53:31 · 21604 阅读 · 1 评论 -
前端编码规范-一般规范
在 web 项目中，所有的文件名应该都遵循同一命名约定。以可读性而言，减号（-）是用来分隔文件名的不二之选。同时它也是常见的 URL 分隔符（i.e. //example.com/blog/my-blog-entry or //s.example.com/images/big-black-background.jpg），所以理所当然的，减号应该也是用来分隔资源名称的好选择。请确保文件命名总是以字母转载 2017-03-17 19:01:58 · 427 阅读 · 0 评论 -
VUE分页插件分享
最近痴迷于项目不能自拔，笔记也没怎么整理，先把项目中自己写的插件拉出来溜溜，都是基于VUE脚手架搭建出来的项目： 1.分页插件 HTML代码：<template> <div class="page-body" v-if="allPages>1"> <div> <ul> <li class="li-span">原创 2017-08-14 21:28:09 · 890 阅读 · 0 评论 -
前段开发【移动端字体问题】
rem由来：font size of the root element，那么rem是个单位，单位大小由它第一代老祖宗的font-size的大小决定。现在前端码农们为了能在各个屏幕上看到一个健康的网页在默默的牺牲着自己的健康，因为不仅要知道rem是个单位，更重要的是要知道怎么能在不同分辨率下呈现的页面都很NB。事故造成原因：1.px单位在PC上很流行，在手机屏幕上一看，GG，同样的1转载 2017-03-17 08:54:34 · 1161 阅读 · 1 评论 -
【前端】【CSS】关于a标签的日常运用
a标签：超链接标签，可以用作连接。在日常前端中必不可少，但是很多时候a标签的样式却不是我门想要的，比如下划线，比如悬浮效果，比如按下效果等等..a标签具有四种状态：a:link ---未访问a:visited---已访问a:hover ---悬浮a:active--点击后四种状态都可以进行自定义设置，选择自己想要的效果a标签还有以下常用CSS属性：1.color原创 2017-04-08 11:29:58 · 558 阅读 · 0 评论 -
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessionS转载 2017-04-20 19:38:46 · 687 阅读 · 0 评论 -
【JS】【跨域】js中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方法：一、通原创 2017-04-25 20:01:36 · 829 阅读 · 0 评论 -
关于axios发送两次请求
因为vue-resource不在更新，vue推荐使用axios，所以使用axios。 在页面交互过程中，发现axios一定几率会发送两次请求，一次是自己设置的请求方式，还有一次是options。 关于这个问题，在各个网站寻求原因，得出以下结论： 跨域资源共享标准新增了一组 HTTP 首部字段，允许服务器声明哪些源站有权限访问哪些资源。另外，规范要求，对那些可能对服务器数据产生副原创 2017-06-24 10:12:11 · 29525 阅读 · 3 评论 -
AJAX上传文件，控制文件大小，格式
如何利用AJAX进行文件的上传，并对上传内容进行限制，在项目中总会遇见这样的问题，下面就为大家举个栗子。 HTML代码<form id="uploadForm" enctype="multipart/form-data">//enctype必须要设置为multipart/form-data <input id="file" type="file" name="avater" accept原创 2017-07-04 15:18:42 · 12647 阅读 · 0 评论 -
webstorm设置自定义注释/注解
webstorm被称为最智能的JavaScript IDE，不需要为它做过多的介绍。 在开发过程中总是需要对代码进行注解： //*+回车： /** * * @param res */或者是 //+注释内容//对内容进行介绍有的时候这样并不能满足自己的需求 所以webstorm提供了自定义功能， 下面就为大家讲解一些自己进行的设置。 1️⃣.直接原创 2017-07-04 15:48:55 · 65671 阅读 · 6 评论 -
Vue中验证码计时器的制作
关键技术： setInterval clearInterval ヽ(●-`Д´-)ノ 由于setInterval不能传递参数，导致不能直接通过参数来完成计时器。 我才用的方式为改变DOM，通过监听DOM状态来做判断。 具体方案代码如下： HTML结构： <button class="yzm-btn2" @click="sendCode()"><span id="sendMsg3">{{原创 2017-07-06 11:13:28 · 3199 阅读 · 0 评论 -
【VUE】vue分页插件share
最近痴迷于项目不能自拔，笔记也没怎么整理，先把项目中自己写的插件拉出来溜溜，都是基于VUE脚手架搭建出来的项目： 1.分页插件 HTML代码：<template> <div class="page-body" v-if="allPages>1"> <div> <ul> <li class="li-span">原创 2017-08-14 21:36:35 · 1297 阅读 · 0 评论 -
前端命名规范及常用词汇
常用词汇： （一）内容头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot新闻：news 下载：download 子导原创 2017-08-31 11:59:48 · 2790 阅读 · 0 评论 -
【微信小程序开发】IOS与安卓样式兼容问题
1.margin在IOS中失效 在页面中元素使用margin值，在某些IOS设备下会出现失效的情况，而安卓机则正常显示，此问题暂无直接的解决方案，当前使用空DIV控制间距。 2.fixed定位问题 整个页面的fixed定位，在ios下下拉会触发下拉事件，但是没有动画效果。Android就能正常运行 flex中使用 绝对定位，ios出现严重错位，导致父级元素也会变成绝对定位，Android能达原创 2017-10-09 10:34:12 · 14574 阅读 · 2 评论 -
【前端】小程序日历控件分享
之前小程序开发需要用到日历控件，但是关于小程序可用的实在资源有限，于是就自己写了一个，如今项目上线后将它分享出来，希望能帮到需要的人。 效果图： JS代码：dateData: function () { let dataAll = []//总日历数据 let dataAll2 = []//总日历数据 let dataMonth = []//月日历数据 let原创 2017-10-26 17:07:20 · 39238 阅读 · 35 评论 -
从作用机制和性质上看待methods,watch和computed的关系
首先要说，methods,watch和computed都是以函数为基础的，但各自却都不同 而从作用机制和性质上看,methods和watch/computed不太一样，所以我接下来的介绍主要有两个对比：1.methods和(watch/computed)的对比2.watch和computed的对比作用机制上1.watch和computed都是以Vue的依赖追踪机制为基础的，它们都试图处理这样一件事情转载 2017-12-18 20:32:13 · 484 阅读 · 0 评论 -
axios.js简单教程
vue在宣布不再更新vue resource之后给大家推荐了axios。axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据原创 2017-12-22 10:01:54 · 21224 阅读 · 0 评论