- 博客(35)
- 收藏
- 关注
RSS订阅原创 react的初级知识---两种渲染的方法
import React,{Fragment,Component} from 'react';import ReactDOM from 'react-dom';const First=()=>{ return <h1>案例文字1</h1>}class Two extends Component{ render(){ retu...
2018-12-13 14:06:30
215
1
原创 jquery----阴影和animate
$(function(){ $(".ul").on("mouseenter","a",function(){ $(this).css({boxShadow:"1.5px 1px 5px #d4d4d4"} ).stop().animate({marginTop:"-5px"},200)}).on("mouseleave","a",function(){ $(th
2018-10-30 21:08:25
853
原创 使用面向对象复用头部
1.创建一个header.js文件夹function Header(){ this.createDom()}Header.template=`需要复用的内容`$.extend(Header.prototype,{ createDom:function(){ $(Header.template).appendTo("填入需要添加的标签class名") }})2.创建一个i...
2018-10-30 15:50:27
180
原创 点击元素改变高度和显示/隐藏且恢复初始状态
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;
2018-10-26 23:47:17
564
原创 JD图片移入移出换图效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <img src="dya3/img/jd1.png&qu
2018-10-26 23:43:53
161
原创 js实现全选和反选功能
<!DOCTYPE html><html> <head><meta charset="UTF-8"></head> <body> <div id="div"> <input type="chec
2018-10-24 12:10:08
893
转载 vue父子传值（转载）
父给子传值案例：APP.vue(父)注册子组件Counter，并定义num值，给子组件传值<template> <div> <Counter num="10"></Counter> </div></template><script> import
2018-10-11 10:02:44
111
转载 动态绑定style设置样式的方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-10-08 10:55:43
16081
转载 动态绑定class和style
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-10-08 10:46:45
411
转载 懒加载实现方法
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>图片懒加载(可视区域加载)</title> <style> * { padding: 0px; margin:
2018-09-28 19:01:53
225
转载 媒体查询及响应式方法
媒体查询：@media screen and (max-width:1200px){//当小于1200时指定标签隐藏 .banner-list ul li,.left,.right { visibility: hidden; } }将一个页面制作成PC端移动端兼容响应式布局页面，是页面能在不同屏幕大小下呈现处不同最佳显示状态。主要的过程就是...
2018-09-27 14:51:32
471
原创 时间转换封装函数
function timeCov(timet) { var date = new Date(timet); Y = date.getFullYear() + '-'; M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; D = dat...
2018-09-27 14:50:00
310
转载 利用js动态添加标签，并且使用点击效果为其添加和移除class
js文件$(function () { $.ajax({ type: "post", url: purl+"/news/categorys", datatype: "json", success: function (data) { var datalist = data.data; ...
2018-09-27 14:49:20
2394
转载 关于git操作的一些问题
1.git remote add origin时出错解决方法如果输入$ Git remote add origin git@github.com:djqiang（github帐号名）/gitdemo（项目名）.git提示出错信息：fatal: remote origin already exists.解决办法如下：1、先输入$ git remote rm origin2、再输入$ git...
2018-09-25 14:16:00
168
原创 Js原声绑定事件，获取值，设css样练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-09-21 17:27:20
335
原创 浏览器中字体自适应办法
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,uesr-scalable=no">
2018-09-21 15:42:23
1427
1
原创 vue模板语法
模板语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id
2018-09-21 00:03:54
118
转载 vue用js获取和修改标签属性及样式
html代码<div id="App"> <div class="aa" ref="menuItem" @click="aa($event)">aa</div> <div @click="bb">bb</div></div&g
2018-09-20 23:51:44
23415
原创 项目问题（检测浏览器是否支持html5）
当判断条件不支持时候动态生成一张背景图来实现（可以解决只显示一张图片，其它内容不会显示）在main.js里面操作if (! window.applicationCache ) {document.write(`<img src="./static/img/tishi.jpg" style="position:absolute;top:0;width:100%;height:100%;"...
2018-09-20 23:11:15
493
原创 promise案例
Document 请选择省份 <script src="js/tools.js"></script><script> // get 异步请求 url function promiseAjax(url) { return new Promise(function(resolve, reject){ ajax({ ...
2018-09-17 21:19:52
381
原创 JSON数据模拟
{ “res_code”:0, “res_error”:”“, “res_body”:{ “list”:[ {“id”:1,”img”:”/img/pic_big1.png”,”desc”:”仔姜 250g/份”,”price”:”4.50”,”vgb_move1”:”加入购物车”}, {“id”:...
2018-09-16 21:51:08
2536
原创 组合继承
// 公共函数 function Person(name, age, sex, address, phone) { this.name = name; this.age = age; this.sex = sex; this.address = address; ...
2018-09-16 21:47:39
80
原创 原型链继承
function Person(){} Person.prototype.eat = function() { console.log(“吃饭”); }; Person.prototype.sleep = function() { console.log(“睡觉”); }; ...
2018-09-16 21:47:15
74
原创 构造函数继承
// 公共函数 function Person(name, age, sex, address, phone) { this.name = name; this.age = age; this.sex = sex; this.address = address; ...
2018-09-16 21:46:37
142
原创 gulp的配置案例
const gulp = require(“gulp”), connect = require(“gulp-connect”), sass = require(“gulp-sass”);//启动服务器 gulp.task(“connect”,function(){ connect.server({ root:”dist”, l...
2018-09-16 15:49:34
144
原创 github流程及知识点
1、进入github右键生成SSH-Key（ssh-keygen -t rsa -C “872453942@qq.com”）然后一直回车2、找到生成的.ssh里面的一长串字母复制， 进入官网， 找到SSH and GPG keys,点击New SSH key，里面的title随便取，下面的key吧复制的黏贴进去3、在官网点击右上角的New repository4、Reposito...
2018-09-13 10:14:42
205
原创 coding的ssh配置
1、先找到本地的ssh2、找一个文件夹在gitBash里面输入域ssh-keygen,会出现（/users/Leo/.ssh/id_rsa）这个是老师的注意！！！将括号里面的复制在其后面可以加个后缀_coding修改后的样子/users/Leo/.ssh/id_rsa_coding然后回车知道结束 可以再ssh里面的id_rsa_coding.pub去查看（用gitbash的ls -a...
2018-09-12 22:20:46
2017
原创 Vuex（点击事件加减案列）的使用
1.在src目录下创建一个store文件夹，在创建一个index.js 2.在main.js里面 import store from ‘./store/index.js’ 将store注入进（为了使每个页面可以使用this.$store去调用到store里面的信息）new Vue({ store }) 3.例如一个点击事件来实现数量的加减案例 4.使用m...
2018-09-11 14:20:58
1362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人