前端代码
丿Love丨冷风
最不顺的时候就是成长的时候
展开
-
访问同一域名,手机端跳转不同链接
var browser = {versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, /转载 2017-07-29 11:33:14 · 824 阅读 · 0 评论 -
小程序云开发存储管理的使用
昨天解决了小程序云开发数据库文字的分段问题,今天开发过程中又想把本地的图片传到云开发存储管理里面,下面我先往存储管理里放上需要的图片这里我先建了一个文件夹images,在里面上传了三张图片,原本以为这里面fileid那一列就是图片地址,直接写在数据库里就可以了,但是运行以后发现地址不正确,查了官方文档才知道需要通过方法解析成能使用的网络地址,这不是麻烦吗,我又看到后面有详情,于是点开以后发...原创 2018-10-26 15:54:24 · 4006 阅读 · 0 评论 -
小程序云开发中数据库的数据分段和显示图片
这是一个比较久远的问题,查看了官方解释也没有弄好,网上搜的试了也不对,这里给出一种方法,比较笨,但是可以实现。玩过小程序云开发的都知道云开发控制台的数据库是这样的这里面的数据一般都不会太多,数据内容也不会太长,毕竟免费的数据库没有那么大的容量,但是免费的东西作为一名技术咱也得用到极致不是,现在就想添加一条新闻,有分段有图片的那种,网上我也搜了,什么添加/n,\n,用<text&g...原创 2018-10-25 16:42:45 · 5739 阅读 · 6 评论 -
已有本地项目使用git提交代码到码云coding
进行下面步骤之前,请先在电脑上要装git工具,官方下载地址:https://git-scm.com/download/win,而且要有coding(代码管理)账号,coding网址:https://coding.net/,可以使用微信或qq登录,然后进行操作1.在coding上新建一个项目,创建完项目即可获取远程仓库地址2.本地文件夹初始化一个本地仓库,右键该文件夹,选择git bash打...原创 2018-08-13 20:00:27 · 556 阅读 · 0 评论 -
两年前端问题小结
一、前端css问题1.内层使用浮动,外层高度为0,可以在内层最下边设置<div style="clear:both;"></div>,不过这样等于多了一个无意义的标签,可以在外层的样式上设置overflow:hidden;二、前端js问题1.动态加载的数据需要重新绑定事件,用js新加载的标签,用$('.new').click();点击事件不生效,需要使用$(do...原创 2018-08-08 15:16:12 · 292 阅读 · 0 评论 -
javascript封装(表单校验)
先上图:产品的需求是点击框内输入时不提示错误,等鼠标离开时校验错误,那我就这样写//增加提示代码$.prototype.accounterror=function(info){ $(this).next("span").remove(); $(this).after("<span class='error'>"+info+"</span>")...原创 2018-08-02 09:01:25 · 1201 阅读 · 0 评论 -
原生js实现鼠标点击切换效果
今天之所以写一篇关于js的代码实现,一方面是因为个人习惯用jquery编写代码,另一方面是因为github这个大平台抛弃了jquery。Jquery是一个js库,极大简化js编程,使用方便,兼容性好,这篇文章就以一个例子来说明jq和js的编写差别。首先我们看一下效果图:先看下html,样式就不展示了,根据个人爱好自己定用jquery代码实现下:用jquery库时一定得记...原创 2018-08-06 18:04:22 · 3123 阅读 · 0 评论 -
web前端性能优化
本文借鉴https://www.2cto.com/kf/201604/498725.html,部分内容增加修改。前端作为面向用户体验的高端技术人才(自捧一下我大前端行业),把网站优化好,不仅可以为企业节省成本,还能因为更好的体验带来更多的用户。web前端的优化主要有一下几点:一、浏览器访问优化1.减少http请求,合理设置http缓存http协议是无状态的应用层协议,每次请求都...转载 2018-08-06 10:22:40 · 233 阅读 · 0 评论 -
requireJS
一、require优势使用块级作用域来声明function防止污染全局变量,声明不同js文件之间的依赖,可以按需额、并行、延时载入js库,代码以模块化的方式组织二、文件引入<script src="js/require.js" data-main="js/main"></script>js放到body的末尾,防止js阻塞浏览器渲染,使用async:true...原创 2018-07-31 20:41:00 · 196 阅读 · 0 评论 -
前端Ajax
一、什么是AjaxAjax(Asynchronous JavaScript And XML)异步JavaScript和XML,是一种创建交互式网页应用的网页开发技术,能够向服务器请求额外的数据而无须卸载页面,对网页的某部分进行更新。Ajax不是一种新的编程语言,而是用于创建更快及交互性更强的web应用程序的技术。二、XMLHttpRequest(Ajax技术的核心,简称XHR)这是微软...原创 2018-07-29 11:52:10 · 353 阅读 · 0 评论 -
初识vue
一、前端框架现在比较流行的js框架有angular,react,vue,node,jquery mobile,require;比较流行的UI框架有bootstrap,easyUI;二、MVC、MVP、MVVM模式(1)MVC(Model-View-Controller)是比较直观的架构模式用户操作-View(负责接收用户的输入)-Controller(业务逻辑处理)-Model...原创 2018-07-28 15:59:23 · 121 阅读 · 0 评论 -
web前端从小白到大神各阶段需掌握技能详解
阶段一(HTML&CSS基础)HTML:html语义化,html常用标签及其语义,html5新特性和新增常用标签CSS:css语法、选择器,定位、浮动、盒子模型,css3新增选择器及其属性,变形、过滤、动画Photoshop:基本应用,把psd图转为静态页面规范:样式和结构分离,制作符合w3c标准的页面,添加注释,规范缩进阶段二(前端基本功)javaScript基础:基本语法,算法基础,常...原创 2018-06-07 12:06:35 · 1220 阅读 · 0 评论 -
前端学习之SEO搜索引擎优化
搜索引擎优化可谓提高流量的重要环节,好的搜索引擎优化可以使得你所做的网站在被搜索时排在搜索结果的第一位。一、搜索引擎工作原理 在搜索引擎网站(比如百度),在其后台有一个非常庞大的数据库,里面存储了海量的关键词,而每个关键词又对应着很多网址,这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的,这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行,从一...转载 2018-05-16 20:00:39 · 397 阅读 · 0 评论 -
前端学习之DOCTYPE声明
这个声明常常被前端程序员忽视,我刚进入前端领域也几乎忽略了这个东西,一方面感觉这个东西太复杂(在html5到来之前),写在代码顶端,一方面感觉没什么用,因为面试提到了这个东西,今天就和大家分享一下。一、这个声明是什么,有什么用?答:首先先解释下这个声明不是html标签,它是为浏览器提供一项声明,因为html有很多版本,版本规则不一样写法也有差异,要想让浏览器正确地显示html页面,必须要让浏览器知...原创 2018-05-16 11:03:27 · 344 阅读 · 0 评论 -
js不能控制input标签的checked属性
在html5之前就已经出现input的checked的属性,所以也算是经常使用的属性。但是大部分情况下可能都只是为了在页面加载的时候先显示一个选择而这样使用(<input type="radio" checked>)。如果想用js来控制它的选择效果,比如我点击文字,input标签也改变,第一反应都是改变它属性的值,我这里用jquery写的,版本为1.8.3<p> ...原创 2018-05-10 20:05:35 · 7671 阅读 · 0 评论 -
常用 Git 命令清单
原文作者:阮一峰原文链接:http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html我每天使用 Git ,但是很多命令记不住。一般来说,日常使用只要记住下图6个命令,就可以了。但是熟练使用,恐怕要记住60~100个命令。 下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace:工作...转载 2018-11-29 12:39:04 · 175 阅读 · 0 评论