- 博客(29)
- 收藏
- 关注
RSS订阅
原创 三级树形菜单demo
闲来无事写了个三级树形菜单demo，基于Jquery,还有很多优化空间<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>三级树形菜单demo</title> </head>
2018-04-09 17:54:22
2197
原创 用flex加百分比实现左右布局，右边区域再上下等分
用flex加百分比实现左右布局，右边区域再上下等分为三份。demo可以延伸：1.右边区域等分为二分之一.container .rightWrapper > div的width设置为对应的百分比（50%），四分之一（25%），以此类推。2.左边区域上下或者左右布局（添加子元素，类似设置）。3.加上浏览器前缀，处理flex布局的兼容性问题<!DOCTYPE html>...
2018-04-05 05:49:31
7641
原创 vue中jsonp跨域小栗子
跨域问题早就想解决了，趁着周末，上网找了点资料，看到网上有一个封装好的插件很好用， 插件地址如下： //首先npm install jsonp安装此插件 写了个小栗子，代码如下：<template> <div> <h1>jsonp跨域小栗子</h1> </div></template><script> import thisisjsonp from 'jsonp';
2017-11-18 18:01:27
4180
原创 Vue父子组件创建
1.首先搭建vue-cli简易脚手架：搭建步骤 2.在src目录下新建Component文件夹 3.在Component下新建父组件页面User.vue,在Component下新建子组件页面main.vue 4.mian.vue页面中代码如下：<template> //注意：template下方只能有一个根元素 <div>我是子组件 mian页面</div></temp
2017-09-04 13:47:03
1709
原创 vue-cli简易脚手架搭建
1.本教程是基于windows系统 安装node.js 注意：版本过低，需要升级，以免影响下个步骤 升级npm命令：npm install -g npm 2.打开npm执行 npm install -g vue-cli 安装全局的vue-cli 3.vue init webpack-simple vue-cli 创建简易的webpack 4.进入vue-cli文件夹 5.安装node_
2017-09-03 16:34:51
663
原创 Leetcode算法题每日一练
第一次尝试用Javascript做Leetcode上的算法题，做了三个小时，终于完成了我的处女作。 简直写的要吐血了，此处有无数………. 原文题目如下: Input: dict = [“cat”, “bat”, “rat”] sentence = “the cattle was rattled by the battery” Output: “the cat was rat by the
2017-08-23 18:16:30
2301
原创 与函数有关面试题（二）
1.实现add(3,2)与add(3)(2)返回结果都为5. 代码如下：function add(x,y){ var sum = x; if(y){ return (sum + y); } else { var add2 = function(z){ return (sum + z);
2017-08-17 21:04:35
346
原创 移动端app创建
1.先ping出ip地址 如 176.132……. 2.New Android Application Project 3.找到src下的.java 在super.onCreate(savedInstanceState);下方写：WebView wv=new WebView(getApplicationContext()); wv.loadUrl("http://ip地址:端口号
2017-08-10 19:03:37
281
原创 与函数有关面试题(一)
如何将字符串进行反转 解题思路：字符串本身没有反转方法，先将字符串转为数组，再用reverse()方法 将字符串转为数组=》用slice(“”)方法，对数组进行空气分割，转化成数组。 代码如下： var abc="abcdergfdfgdfg"; var def=abc.slice(""); console.log(def.length); var result=
2017-08-09 20:20:58
519
原创 jQuery appendTo() 方法
用法：appendTo() 方法在被选元素的结尾插入 HTML 元素。 $(content).appendTo(selector) 提示： content 必需。规定要插入的内容（必须包含 HTML 标签）。 注意：如果 content 是已存在的元素，它将从当前位置被移除，并在被选元素的结尾被插入。 selector 必需。规定把内容追加到哪个元素上。 代码如下：<script
2017-07-15 21:39:15
553
原创 jQuery 遍历查找到的每一个结果
jQuery 遍历查找到的每一个结果 { if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') { window.setTimeout(function () {
2018-01-30 10:28:12
372
原创 点线CSS
<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> .container { margin: 100px auto; display: block; width: 300px;}.dot-line { width: 10px; height: 100px; display
2018-01-01 22:53:26
2037
原创 Vue学习总结（一）
前段时间用vue做了个项目，对Vue属性和方法有了更进一步的理解。 今天来谈谈watch属性。 简单例子，根据路由，显示不同的网页标题。 watch:{ $router:function(){ // 如果 路由 发生改变，这个函数就会运行 this.title=new title; } } 一旦路由发生改变就会执行右边的函数。 在watch方法中也可以监控多个数据 如： w
2017-11-12 16:57:33
254
原创 Python爬虫入门一（记录点滴成长）
1。最近又开始学习爬虫了，重新点燃兴趣。 2。写下第一个爬虫小程序，慢慢完善，记录下自己的成长。 3。 from urllib import request response=request.urlopen("https://mp.weixin.qq.com/cgi-bin/loginpage?t=wxm2-login&lang=zh_CN") html=response.read()
2017-10-22 21:52:44
228
原创 移动端有用的代码片段--摘抄自网络
PS:如有侵权，请联系删除。<script> var metas = document.getElementsByTagName('meta'); var i; if (navigator.userAgent.match(/iPhone/i)) { for (i=0; i<metas.length;
2017-10-07 16:22:41
390
原创 自定义jQuery简单插件
直接上代码：<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <style> </style> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body>
2017-09-23 23:35:29
450
原创 理解Promise机制
源码引字Github https://github.com/mdn/js-examples 代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport
2017-09-15 00:05:11
335
原创 sublime text 3安装及使用
1.官网下载sublime text 3安装 2.常见插件安装： 打开sublime控制台：点击view下方的console 在控制台输入： import urllib.request,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f’ + ‘1e3d39e33b79698005270310898eea76’; pf = ‘Package C
2017-09-10 17:01:58
245
原创 html获取简单json数据-后台PHP
1.先写PHP,代码如下：<?phpheader('Content-type:application/json;charset=utf-8'); $json='{ "id": "1", "name": "姓名", "show": "内容", "mp3_path": "目录" }';echo $json;?>注意：
2017-09-06 00:06:34
9760
原创 Leetcode每日一练习
找出距离给定数字最近的回文数，最大的字符长度是18位。 代码如下：var nearestPalindromic = function(n) { function huiwen(n){ var str=n.split(""); if(str.join("")===str.reverse().join("")) {return true} els
2017-08-24 21:01:16
180
原创 维基百科上的前端术语翻译
尝试翻译下维基百科上Javascript的解释，翻译如下： JavaScript是一种高级的，动态，弱类型，解释型编程语言。它是标准的ECMAScript语言。与HTML，CSS一起成为三大万维网网页构建的基础语言。大多数的网站原文如下：JavaScript Programming Language (aka ECMAScript 262)JavaScript is a high level, d
2017-08-22 21:06:57
284
原创 Vue父子组件通信
1.父与子通信，通过属性传递值，代码如下：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title></title></head><body><div id="example"> <p>{{msg}}</p>
2017-08-22 10:50:43
436
原创 用jquery实现图片的懒加载
注意：当鼠标未滚动到指定位置时，图片显示为错误的图片，减少服务器端的http请求。否则，显示图片。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片懒加载</title> </head> <style> #d1{ height: 1
2017-08-10 19:12:38
489
原创 Javascript图片库
最近在重读JavaScript DOM编程艺术，用原生JS的方法重写第四章JavaScript图片库的案例， 默认显示图片1，当鼠标点击对应的li时，class为container的div容器里面的图片动态改为对应的图片。 其中用的的方法有事件委托，字符串的截取。PS：图片请自行准备。 代码如下：<!DOCTYPE html><html lang="zh-cn"><head> <m
2017-08-09 23:16:12
274
原创 hover不能做事件委托
动态生成的元素做事件委托 正确写法：$(document.body).on('mouseenter',"#newslist li:not(:first)",function(e){ $(this).css("background-color","#EC4413"); $(this).children().css("color","#ffffff"); });$(document
2017-07-29 14:32:10
1423
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人