前端
小韩Boy
这个作者很懒,什么都没留下…
展开
-
前端性能的优化总结
1.http请求数优化减少http请求数是最重要也是最有效的方法,可以通过以下方法来减少http请求(1)合理的设置http缓存,恰当的缓存设置可以大大减少http请求。要尽可能地让资源能够在缓存中待得更久(浏览器缓存: 强缓存 和 协议缓存 ) 强缓存:利用http头中的Expires和Cache-Control两个字段来控制的。 协议缓存: 依赖Last-Modifie...原创 2019-05-31 20:48:19 · 207 阅读 · 0 评论 -
vue 组件篇
基本示例// 声明一个组件Vue.component('button-counter', { // 调用组件的标签名 data: function () { return { count: 0 } // ==== data:{ count:0 } }, template: '<button v-on:click=...原创 2019-06-14 13:15:11 · 153 阅读 · 0 评论 -
MVVM框架 ( vue.js )
MVVM框架 是 Model - View - ViewModel的简写。它本质上就是MVC 的改进版。MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大优点1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以...原创 2019-06-09 00:45:40 · 539 阅读 · 0 评论 -
前端常用的设计模式
模块模式 函数表达式中定义的变量和方法在外界是访问不到的,只能通过其向外部提供的接口( return ),"有限制"地访问.通过函数作用域解决了属性和方法的封装问题. var Person = (function (){ var name = "han"; var age = 22; function getName(){ ...转载 2019-06-03 13:45:41 · 681 阅读 · 0 评论 -
vue初级篇
创建一个本地的.html文件,然后通过如下方式引入 Vue:<script src="https://unpkg.com/vue/dist/vue.js">V- * 标签语句v-bind: 绑定属性v-if : 判断 v-for : 循环v-on: 绑定事件v-model : 用于表单双向数据绑定v-html:将h...原创 2019-06-13 17:09:20 · 201 阅读 · 0 评论 -
前端学习的路线规划
HTML+CSS 这个是最基础的前端知识,要熟悉里面的DIV布局,还有最近推出的 flex弹性布局 ,还有css3的动画效果等等,如果觉的自己实力足够的时候可以仿一些电商平台的页面进行练手,如淘宝,京东,小米等 仿京东页面----用时4天(现在用时可能也就2天或1天吧) javascript javascript是可以说是用来衡量前端工程师水平的一门技术,后面要学习的...原创 2019-06-01 17:59:29 · 401 阅读 · 0 评论 -
论---前端数据的安全性问题
该文章只考虑前端工程师可以处理的安全性问题,如果说是服务器被黑的什么方面,下文的操作是防不住的一,跨域问题引起的安全性问题 就目前而言,大多数软件开发都会分前后端开发,为了方便开发,前后端数据请求都是可跨域的,这样的话别人知道请求地址的时候也都能获取到数据. 什么是跨域: (1)不同域名(2)不同端口(3)不同协议 这三个有一个不同即为跨域 ...原创 2019-06-01 15:18:43 · 2140 阅读 · 0 评论 -
js的输入框,判断框,提示框
如下:<script>alert("123456");// 提示框: alert("提示内容");var name=prompt("请输入您的名字","xxx");// 输入框 var name= prompt("提示内容","默认内容");// name 为输入的内容var a = confirm("是否确定");// 提示框: confir...原创 2019-06-01 14:09:57 · 20725 阅读 · 0 评论 -
双向数据绑定原理
利用对象对应的址实现双向数据绑定,对象赋值是赋址而不是值,这也就是不用字符串记录这个值的原因<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><input ...原创 2019-05-31 21:15:54 · 340 阅读 · 0 评论 -
Vue初级项目 -- 静态录单系统
录单系统如下效果图 主要功能:添加订单,删除订单 ,分页主要是由后台分页再传数据过来所以也就没写了刚刚学的VUE,不上手写点东西的话,那怎么能记得牢固呢源代码复制粘贴即可看到效果<!DOCTYPE html><html><head> <title> 录单系统 </title&...原创 2019-06-17 17:40:51 · 479 阅读 · 0 评论