随笔分类 - Web前端
摘要：1.知识点 定位postition 浮动float 展示display 2.实现效果 3.代码 <!DOCTYPE html> <html> <head> <title>下拉菜单</title> <meta charset="utf-8"> <style> ul { list-style-type:
阅读全文
摘要：1.知识点 列表浮动伪类背景文本格式化盒子模型 2.效果 3.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,
阅读全文
摘要：官方图解 光看着图大家可能不是很理解，起码不是100%看得透，结合下面的代码就可以了。 我先总结了一下几个函数执行时Vue实例的状态： 执行beforeCreate，此时实例完全被创建出来，而data 和 methods 中的数据都还没有没初始化。执行created，data 和 methods 都
阅读全文
摘要：知识点 1.双向数据绑定 2.自定义指令 3.自定义过滤器 4.v-for循环对象数组 5.ES6操作数组的新方法：forEach some filter findIndex 实现效果 页面源码 <!DOCTYPE html> <html lang="en"> <head> <meta charse
阅读全文
摘要：最近在学vue，用的是微软的vscode 开发工具。 很不错，赞一下微软。里面包含了众多插件大家可以各取所需。 另外有一项实用的功能，User Snippets 用户自定义代码段， 对于那些需要重复编写的代码段 用一个快捷键自动补全，很省事。下面就演示一下， 代码如下： "vh": { "prefi
阅读全文
摘要：知识点： v-model双向绑定 v-on事件绑定 实现效果 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,
阅读全文
摘要：最近在开发一个游戏网关的后台管理系统，总结了下中间碰到的一些问题。 之一就是：form表单如何实现ajax提交？ 问题：在使用form表单的时候,一旦点击提交触发submit事件，一般会使得页面跳转，页面间的跳转等行为的控制权往往在后端，后端会控制页面的跳转及数据传递，但是在某些时候不希望页面跳转，
阅读全文
摘要：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body style="text-align: center;"> <div style="margin:0 aut
阅读全文
摘要：1.table相关样式 border：设置表格边框大小cellspacing：设置单元格间距cellpadding：设置单元格边界与单元格内容间距border-collapse：设置表格的边框是否被合并为一个单一的边框，--separate默认值。边框会被分开。 --collapse如果可能，边框会
阅读全文
摘要：1.编写html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自动扩展文本框高度</title> <script type="text/javascript" src="../js/jquery.js">
阅读全文
摘要：说明：以下内容都是我工作中实际碰到的js知识点。 后面还会碰到其他知识点或对原来解决方案的改进，都会在本篇中持续不断的维护，希望给刚参加工作或初学的朋友一些参考。 1.给元素添加事件 $("button").click(function(){ $("p").css("color","red"); }
阅读全文
摘要：var weeks=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; var today = new Date(); var num = today.getDay();//0-6 0:星期日 1:星期一 console.log("今天:" + weeks[nu
阅读全文
摘要：问题说明 最近工作中碰到一个页面有一个主iframe A，用于操作主要业务元素。其中有一个弹出框里面也嵌入了一个iframe B， 此时，我需要在B中调用A中JS的指定方法。下面咱们来通过例子还原一下这个场景，看如何实现的。 主页面html testframe.html <!DOCTYPE html
阅读全文
摘要：1.说明 最近在研究zTree树控件。过程中涉及到了实现模糊查找结点的功能，特此分享一下。 有关zTree的有关介绍和使用，请访问其官网：zTree -- jQuery 树插件 本文假设你已经比较熟悉了这个控件。 2.实现效果 3.代码 <!DOCTYPE html> <html> <meta ht
阅读全文
摘要：1. 使用 代替 == JavaScript utilizes two different kinds of equality operators: | !== and == | != It is considered best practice to always use the former s
阅读全文
摘要：以下内容整理自网络，以备自用和分享： js中15个常用的正则表达式+正则集合 1 用户名正则 //用户名正则，4到16位（字母，数字，下划线，减号） var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test
阅读全文
摘要：最近在学习js，发现没有直接提供方便的日期格式化函数。 搜集了下网上通用的做法，以备后续工作中使用： // 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个
阅读全文
摘要：js数组类型: 数组检测 1.判断变量是否为数组类型： arr1 instanceof Array Array.isArray(arr1); true 转换方法 toString()方法，以便返回数组的字符串表示 valueOf()返回的还是数组 由于 alert()要接收字符串参数，所以它会在后台
阅读全文
摘要：前言 我们经常在不同的应用中见到镶嵌的本地地理位置气象信息，一般配合定位使用，即先获取用户位置，然后通过用户的区域请求免费的天气接口，获取气象数据，json解析后展示。 一，常用的三个接口 我常用的接口地址有三个，都是以北京的为准，如下： 1， http://www.weather.com.cn/d
阅读全文
摘要：1. 编写note.xml <note> <to>Mr.Dylan</to> <body>Don't forget the meeting!</body> </note> 2.编写getxml.html <html> <head> <script type="text/javascript"> va
阅读全文
