随笔分类 - 前端
摘要：框架模板element-ui-vue.zip 已经写好的一个小模板，自己npm install 一下就行，只是缺少node_modules文件夹 1. 利用vue脚手架创建项目 2.11版本 > npm i -g vue-cli > mkdir my-project && cd my-project
阅读全文
摘要：组件步骤 创建组件构造器 组件注册 使用组件 简单示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <aaa></a
阅读全文
摘要：获取HTML方法一：比较原始，直接用dom的方式 document.queryselector <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue学习</title> </head> <body> <di
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue学习</title> </head> <body> <div id="vue_click"> <input type="button" value="Do
阅读全文
摘要：字符串 1. 字符串转换 2. 字符串分割 3. 字符串替换 4. 获取字符串长度 var mystr="qingchenghuwoguoxiansheng,woaishenghuo,woaiziji"; var arrLength=mystr.length; 5. 字符串切割 有三种可以从字符串中
阅读全文
摘要：实现效果 使用时候，自己添加css就好 <div id="app"> <button v-on:click="subtraction">-</button> <span>{{number}}</span> <button v-on:click="add">+</button> </div> <scr
阅读全文
摘要：vue简写方式 @dblclick 指令等同于 v-on：dblclick指令，两者无差异 v-bind:src 指令等同于 :src指令，两者无差异，简写方式 1. <p v-on:click="doSomething"></p> 简写： <p @click="doSomething"></p>
阅读全文
摘要：获取单选框框值的方法 单选框赋值方法 获取多选框赋值 复选框赋值
阅读全文
摘要：布局 通常有三种方式 { 1. position 2. float： left --》 其次是这个 3. block： inline-block --》 他们推荐我用这个 } 具体描述 由于好久没有写html了， 早已忘的一干二净， 今天忽然想写html，需要在top写个导航条， 但是又不记得li怎
阅读全文
摘要：js原生放大镜 <!DOCTYPE html> <html> <head> <title>放大镜</title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0px; padding: 0px; } body{ width: 9
阅读全文
摘要：想生成上面这样的table表格先看返回数据格式
阅读全文
摘要：一、函数作用域 1.函数作用域 就是作用域在一个“Function”里，属于这个函数的全部变量都可以在整个函数的范围内使用及复用。 上面的“foo”函数内的几个标识符，放到函数外面访问就都会报错。 2.立即执行函数表达式 在任意代码片段外部添加包装函数，可以将内部的变量和函数定义“隐藏”起来，外部作
阅读全文
摘要：因为想实现相框的拖到，找了半天的原因愣是没有找到错误，所以，只能翻看源码了 如何实现拖动效果？ 浏览DEMO 首先分析下拖动效果原理： 1.当鼠标在被拖动对象上按下鼠标（触发onmousedown事件，且鼠标在对象上方） 2.开始移动鼠标（触发onmousemove事件） 3.移动时更显对象的top
阅读全文
摘要：样式如何？是不是感觉不可能。告诉你这是可能的 没有用到任何的图片和 js 。该时钟有时针、分针以及秒针，在时钟的圆盘内，都有详细的刻度标记，在时间中央还有数字时钟显示，功能可谓十分强大，界面十分精致。 在css3的渲染下，拥有华丽的视觉界面，这个纯css3精致时钟，你值得拥有！ 其主要的实现原理是用
阅读全文
摘要：第一节 Ajax概述（包括Form和Ajax比较、Ajax的应用） 第二节 iframe实现伪“Ajax” 第三节 XmlHttpRequest实现Ajax(上) - XmlHttpRequest对象讲解 第四节 XmlHttpRequest实现Ajax(下) - 基于XmlHttpRequest对
阅读全文
摘要：前端相关目录 HTML前端 HTML前端——CSS样式 HTML前端--各种小案例 Html中怎么用CSS让ul中多个li标签不换行横排显示 上下栏固定， 中间滚动的HTML模板 js放大镜代码 js dom添加回车事件 以Python角度学习Javascript(一) Javascript之十大常
阅读全文
摘要：跨站请求伪造CSRF CSRF是Cross Site Request Forgery的缩写，乍一看和XSS差不多的样子，但是其原理正好相反，XSS是利用合法用户获取其信息，而CSRF是伪造成合法用户发起请求。 客户端以post方式请求数据，发起合法请求。（在第一次get请求的时候发送客户端一个证书或
阅读全文
摘要：JavaScript的作用域一直以来是前端开发中比较难以理解的知识点，对于JavaScript的作用域主要记住几句话，走遍天下都不怕... 一、“JavaScript中无块级作用域” 在Java或C#中存在块级作用域，即：大括号也是一个作用域。 public static void main ()
阅读全文
摘要：在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document .body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么
阅读全文
