前端面试必考篇—CSS Posted on 2018-07-07 (必考) 说说盒模型。 举例:content-box: width == 内容区宽度 border-box: width == 内容区宽度 + padding 宽度 + border 宽度 (不管 IE *{box-sizing: border-box;}) css reset 和 norm ... Read more »
VUE组件通信 Posted on 2018-07-06 父子通信html1234567<script src="https://unpkg.com/vue"></script><div id="app"> <p>{{ message } ... Read more »
Vue中使用clipboard.js实现点击按钮复制内容到剪切板 Posted on 2018-07-01 需求设定:1.点击某个按钮,将设置的目标内容(例如下载链接地址)复制到剪切板,可以在电脑上任何地方粘贴 2.不使用任何框架和使用Flash,以最小的代码实现该功能,并能兼容所有主流浏览器###插件选择clipboard.js 官网链接地址:clipboard.js 引入方式:NPM方式:1npm ... Read more »
了解路由 Posted on 2018-06-24 什么是路由?前端路由和后端路由路由就是你给我一个路径,我给你一个响应路由就像是一个向导,你给我一个路径,向导给你指条路 第一个版本 第二个版本 第三个版本history.pushState(null,null,path) 这句可以实现页面不刷新改变页面 可以控制后端就用history模式, ... Read more »
H5的新特性 Posted on 2018-06-23 HTML5的新特性答案:HTML5新增的特性与API 语义化标签:提升Web的可用性,利于SEO和屏幕阅读器;一般有header、footer、nav、article、section等。 sectionsection元素表示文档或应用的一个部分。所谓“部分”,这里是指按照主题分组的内容区域,通常会带 ... Read more »
如何防止javascript注入攻击 Posted on 2018-06-21 一:什么是html转义? html转义是将特殊字符或html标签转换为与之对应的字符。如:< 会转义为 <> 或转义为 >像“alert(‘test’);”这段字符会转义为:“<script>alert(‘test’);</script>”再显示时页面 ... Read more »
jpg/png格式的图片的差别和使用场景 Posted on 2018-06-21 jpg/jpeg格式的图片(jpg全名:jpeg)JPG(或是JPEG):优点:(1)占内存小,网页加载速度快;(2)主要用于摄影作品或者写实作品(或是其他细节、色彩丰富的图片)或大的背景图;对多色彩表现较好;不适于文字较多的图片。根据经验我们在页面中使用的商品图片、采用人像或者实物素材制作的广告B ... Read more »
安装webpack及配置 Posted on 2018-06-10 首先卸载你之前配置失败的webpack 卸载webpack:npm uninstall webpack -g 安装webpack 准备工作在桌面创建一个文件夹mkdir webpack-demo然后cd webpcak-demo 安装webpack全局安装:sudo npm i -g webpac ... Read more »
button绑定事件的三种方式 Posted on 2018-06-06 HTML中为button绑定事件的方式有三种。 例如以下标签: <button type="submit" id="btn_submit"> submit </button> 使用jquery进行绑定 123$('#btn_s ... Read more »
了解Cookie Posted on 2018-05-27 前端永远不要读/写Cookie 登录、注册 注册页面js代码:123456789101112131415161718192021222324252627282930313233343536373839404142434445<script> let $form = $('#s ... Read more »