- 博客(45)
- 收藏
- 关注
原创 node开发实战
node的特点事件驱动 异步、非阻塞i/o单线程为基础 轻量级和高性能可以运用在 单页面 多ajax请求 交互比较多的社交网站不适合运用在 CPU密集型应用 模板渲染 压缩/解压缩 加/解密等操作测试node开发环境创建一个服务器var http = require('http')var server = http.createServer()server.on(...
2019-07-17 17:10:06
205
原创 mysql
mysql进入到我的数据库 进行更改密码我的数据库地址D:\Develop\mysql\bin\mysqld MySQL建立数据库create database myBlog使用数据库use myBlog创建表名必须要有一个主键 create table user(id int not null auto_increment primary ...
2019-07-17 17:09:32
165
原创 layui项目
layui后台框架的搭建使用npm进行安装cnpm install layui-srclayui重新开始搞起来使用方法元素还是自己进行获取注册 事件 将其绑定 具体的样式 直接使用他的就可以;额 layui.use(['jquery', 'layer'], function() { var $ = layui.$; ...
2019-07-15 20:43:54
2743
1
原创 layui笔记
在使用的时候 使用 layui.use 可以进行模块化的加载AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。AMD:提前执行(异步加载:依赖先执行)+延迟执行CMD:延迟执行(运行到需加载,根据顺序执行)页面元素#####布局offset4 向右偏移和bootstrap里面的布局差不多 都是使...
2019-07-15 20:42:43
237
原创 canvasziji
绘图准备画布 使用 标签 尺寸在标签里面设置<canvas width="600" height="400" ></canvas>准备绘制工具/*1.获取元素*/var myCanvas = document.querySelector('canvas');/*2.获取上下文 绘制工具箱 *//*是否有3d 暂时没有*/var ctx = my...
2019-07-15 20:42:04
107
原创 canvas
Canvascanvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。体验Canva...
2019-07-15 20:41:22
95
原创 div的布局
左边固定宽度 右边自适应布局 两栏自适应左侧浮动 右侧使用margin-left<!--左边固定宽度 右边自适应布局 两栏自适应布局 --><!DOCTYPE html><html><head> <title>自适应布局</title> <style> .containe...
2019-07-15 20:40:44
3138
原创 薄弱项
px和rem和em1.px相对于屏幕分辨率2.em相对于父元素3.rem单位名称是相对于root的长度单位,即相对于html薄弱点h5 css3动画 vue-router 原生js vuex最近突破这一些阶段浏览器读取css规则的顺序是从右到左浏览器在渲染,构建render树的时候,每次拿出一个dom节点,然后进行匹配相应的css,因为css嵌套太多层,如果从左到右匹配...
2019-07-15 20:40:12
442
原创 tab栏切换
一共两个大案例<!-- <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab切换</title> <style type="text/css"> /* CSS样式制作 */ ...
2019-07-15 20:39:33
164
原创 note2
transform的四个基本转换转换缩放 scale位移 translate旋转 rotate倾斜 skew以上四种转换方式是比较特殊,其实他们都是由 matrix 矩阵动画速度ease 先快后慢 最后非常慢linear 匀速ease-in 速度越来越快ease-out 速度越来越慢ease-in-out 速度先快后慢以上五种动画速度是比较特殊,其实他们都是由 贝...
2019-07-15 20:38:43
108
原创 note1
购物车宣传(宣传页,活动页,h5宣传页)全屏切换效果通过鼠标的滚轮 切换全屏页面使用fullpage来完成使用动画 (js实现动画,css3实现动画)一个是帧动画 一个是补间动画什么是帧动画:使用定时器 每隔一段时间 更改当前元素的状态什么是补间动画:过渡(加过渡只要状态发生改变产出动画) 动画(多个节点来控制动画) 性能会更好在支持H5C3的的浏览器尽可能使用cs...
2019-07-15 20:38:02
208
原创 github
title: hellodate: 2015-07-01 22:37:23categories: - 日志 -二级目录 tags: - hello个人github网址https://247959360.github.io/shangguan.github.com/https://github.com/247959360/shangguan.github.com 以后访问直接访问这个...
2019-07-15 20:37:40
101
原创 echarts折线图详解
https://echarts.baidu.com/echarts2/doc/option.html#tooltip-type~yAxis-i(value).type参考地址折线图折线的颜色改变#####type为category的时候的相关操作#####yAxis的相关设置axisLine参数 show 表示y轴不显示 lineStyle 控制y轴的线条 ...
2019-07-15 20:36:54
3451
原创 优雅编程
优雅编程工具约束产出高质量编程面向对象到组件化的前端演进之路组件该如何阻止才能高效的为技术怨怼提效形成自己的技术思考闭环Eslint(js语法检测)CssLint(CSS语法检测)写法规范position写在最上面 left right接下来 就是 width height在 padding margin最后 背景和颜色 文字命名规范英文单词或者词组组...
2019-07-04 10:04:55
271
原创 项目遇到的一些知识点
vue中使用获取焦点和失去焦点的事件使用 focus和blur 没有加上on 记住了去除textarea的默认样式 resize: none;vue实现登录注册的验证 https://blog.csdn.net/The_Best_Hacker/article/details/82730470搜索框后期使用 vuex进行组件之间的通信然后让他占位置改变网页的背景颜色 设置...
2019-05-14 09:08:20
2067
转载 element-ui日期选择器的时间范围限制
一般在实际开发场景中我们需要对时间选择做一些限制,如不能选择今天之前的时间、不能选择今天以后的日期、限制日期不能大于开始日期等等。日期组件<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"> </el-date-picker...
2019-05-04 12:45:32
3590
原创 five
less使用安装安装npm install -g lesslessc -v 查看版本学习网址1.1.2学习less[官网](http://lesscss.org/) [中文网](http://lesscss.cn/) http://www.1024i.com/demo/less/Webstrom 插件Lessc less.less less.css 编译les...
2019-04-14 11:23:03
220
原创 four
反馈可以在ajax请求里面加 同步或者异步 async: false晚点在调试以下 预约模块$currLi.outerWidth(true)这个可以获取包括margin的元素的宽度获取宽度方法* width() 内容* innerWidth() 内容+内边距* outerWidth() 内容+内边距+边框* outerWidth(true) 内容+内边距+边框+外边距* ...
2019-04-14 11:22:48
144
原创 three
复习详细解说bfc张鑫旭 网址如下https://www.zhangxinxu.com/wordpress/2015/02/css-deep-understand-flow-bfc-column-two-auto-layout/在移动端使用css3尽可能的加兼容流动布局 (百分比布局)两栏自适应布局(布局方式)响应式开发比较适合新建的网站####设备划分运用到css中的媒体查询...
2019-04-14 11:22:33
301
原创 second
####复习在使用了box-sizing之后 加padding比较 多 加margin可能会造成内容的溢出设置margin的大小时不算进和自宽度的 padding是由算进去的 所以使用 padding移动端搜索移动端获取页面的滚动距离使用var scrollTop = document.body.scrollTop; 没有其他的兼容性引入js文件使用<script...
2019-04-14 11:22:04
301
原创 first
适配问题#####屏幕尺寸不一样流式布局流式布局就是百分比布局 非固定像素,内容向两侧填充。理解成流动的布局,称为流动布局viewport移动端特有的,这是一个虚拟的区域,承载网页承载关系: 浏览器 viewport 网页 但是viewport不知道 缩放多少 这时需要适配标准适配方案######要求:1.网页宽度必须和浏览器保持一致2.默认显示的缩放比例和pc端保...
2019-04-14 11:21:37
159
原创 svn使用
####SVN使用在码云的仓库里面 最右面有一个管理在里面的基本设置 启用SVN进行相关得配置####直接导入码云得SVN地址右键 选择 SVN checkout在码云得克隆里面 选择SVN将数据放进去svn://gitee.com/shangguanjm/sgjm然后输入用户名密码 就可以这样在导出得地方就有一个项目 可以进行工作了如果在本地提前已经创建好项目...
2019-04-14 11:20:05
206
原创 git相关命令
git的相关操作初次使用 需要 填写用户名与邮箱创建分支git branch name切换到当前分支git checkout name合并分支git merge name合并之后 可以删除分支了git branch -d name有紧急bug修复 需要先停下来 切换到master 目录下 新建分支 修复bug多个人同时修改文件的同一地方 会产生冲...
2019-04-14 11:19:42
131
原创 Nginx解决跨域
跨域什么是跨域就是浏览器不能执行其他网站的脚本,他是由浏览器的同源策略造成,是浏览器施加的安全限制同源是指 域名 协议 端口 均相同跨域的解决方法 jsonp用利用script标签 在里面进行ajax请求<script>$.ajax({ url: 'http://api.douban.com/v2/movie/in_theaters',...
2019-04-14 11:18:33
78
原创 数组去重
定义一个新数组 并存放数组的第一个元素 然后将旧数组与新数组一一比较 不重复则添加重复则删除function unique(arr) { var res = [arr[0]]; for (var i = 0; i < arr.length; i++) { var flag = false; for (var j = 0; j < r...
2019-03-27 11:40:22
100
原创 four jq
插件插件使用引入jq文件引入插件文件使用jquery.color.js插件解决执行动画的颜色改变插件放在jq引入文件的后面$('div').animate({backgroundColor:"#ffc0cb"}, 3000, function () { alert("呵呵"); });jquery.lazyload.js懒加载图片用法https://...
2019-03-10 13:48:37
91
原创 three jq
val html text 方法val 获取表单的valhtml 设置标签及内容text 设置文本的内容//$("div").html("<p>我是文本</p>");// $("div").text("<p>我是文本</p>");width与height方法$("div").wid
2019-03-10 13:48:21
119
原创 second jq
css操作 css(“name”,“vlaue”)修改多个样式css({“name”,“vlaue”,“name”,“vlaue”}) 以对象的方式传入获取样式#####隐式迭代: // 设置操作的时候:会给jq内部的所有对象都设置上相同的值。// 获取的时候:只会返回第一个元素对应的值。$(“li”).css(“fontSize”) 传入一个值就可以了...
2019-03-10 13:48:03
125
原创 first jq
网址http://jquery.cuishifeng.cn/JQ的初体验jq的入口函数$(document).ready(function() { $("#btn1").click(function() { $("div").show(100); });jq设置文本内容html() text() val()val()这个是用在 文本...
2019-03-10 13:47:10
119
原创 five js高级 复习 与及正则
复习递归轻易不要用,效率很低浅拷贝概念//浅拷贝:拷贝就是复制,就相当于把一个对象中的所有的内容,复制一份给另一个对象,直接复制,或者说,就是把一个对象的地址给了另一个对象,他们指向相同,两个对象之间有共同的属性或者方法,都可以使用深拷贝#####概念深拷贝:拷贝还是复制,深:把一个对象中所有的属性或者方法,一个一个的找到.并且在另一个对象中开辟相应的空间,一个一个的存储到另一个对象...
2019-03-10 13:43:49
142
原创 four js高级 apply call bind 作用域 闭包 沙箱 递归
apply和call方法作用都可以改变this的指向没有传参数apply和call方法中如果没有传入参数,或者传入的是null,那么调用该方法的函数的this指向是默认的window参数f1.apply(null, [100,200]) 数组传入参数f1.call(null,100,200) 一个个传入f1.apply(对象, [100,200])那么f1中的原型指向变成了 传...
2019-03-10 13:41:51
434
原创 three js高级 原型继承 拷贝继承构造函数继承
原型及原型链实例对象和原型链是通过原型_ proto __原型进行联系和构造函数之间没有直接关系原型指向可以改变构造函数中的this就是实例对象原型对象中的方法中this就是实例对象改变的比如 Student.prototype = new Person(10);因为 new Person(10)中有一个_proto _中有一个原型指向自己的prototype当上面把 new ...
2019-03-10 13:40:37
183
原创 first js高级 对象的创建 函数的创建 原型
复习动态页面:页面由html+css+js向服务器发送请求,服务器那边没有页面,是动态生成的,返回给客户端基本数据类型undeifendbooleanstringnullnumber复杂类型objectArrayDatefunctionRegExp类型检测typeoftypeof用以获取一个变量或者表达式的类型,typeof一般只...
2019-03-10 13:39:09
234
原创 js-API相关案例
案例拖拽对话框阻止浏览器的默认跳转 两种return false 都支持e.preventDefault()有兼容问题当给按钮注册点击事件 和给body注册事件 两个事件控制同意元素会出现事件冒泡阻止事件冒泡 这两种e.stopPropagationwindow.event.cancelBubble=true;鼠标按住对话框 进行拖拽点击的时候出现鼠标不在当前的位置 ...
2019-03-09 00:23:29
229
原创 js-API 获取元素的相关方式innerText和innerHTMl区别
对象可以直接. 其属性 拿到的数据是json队形那么就可以直接点属性 调用成对标签 修改里面的内容 使用 innertext 不是成对比如input 私用value按钮的排他功能获取所有按钮注册每个按钮点击事件循环让没被点击的按钮的值为没被点击被点击的按钮显示的value值为被点击了 this.value注意为事件注册点击事件,在浏览器加载完就已经注册完毕...
2019-03-09 00:19:27
1400
原创 js-API scroll系列 固定导航栏 动画函数封装 旋转木马 client系列
复习BOM中顶级对象:WindowDOM中顶级对象:DocumentjQuery中顶级对象:$或者jQuery里面有完整轮播图思路scroll系列在div中的样式设置这个 overflow: auto; 超出的文字 会出现滚动条//console.log(my$("dv").offsetWidth);//元素的宽,有边框// //console.log(my$("dv"...
2019-03-09 00:16:12
146
原创 js-API 一次性定时器 offset系列 与及相关案例
一次性定时器第一种定时器 //常用的,反复的执行// window.setInterval(function () {// alert("哈哈");// },1000); //window.clearInterval(定时器id);//清理定时器另一种定时器第一个参数函数 第二参数 时间返回值是id 可以用变量来接收window.se...
2019-03-09 00:14:58
144
原创 js-API 绑定、解绑事件区别 与window对象的方法 定时器
绑定事件的区别方法使用的时候需要点出来函数直接调用,不需要点出来相同点: 都可以为元素绑定事件不同点:1.方法名不一样2.参数个数不一样addEventListener三个参数,attachEvent两个参数3.addEventListener 谷歌,火狐,IE11支持,IE8不支持attachEvent 谷歌火狐不支持,IE11不支持,IE8支持4.th...
2019-03-09 00:13:54
626
原创 js-API 节点的相关操作 元素创建 元素绑定 兼容代码
节点的相关概念文档:document元素:页面中所有的标签,元素—element, 标签----元素—对象节点:页面中所有的内容(标签,属性,文本(文字,换行,空格,回车)),Node根元素:html标签节点的相关属性节点的属性:(可以使用标签–元素.出来,可以使用属性节点.出来,文本节点.点出来)nodeType:节点的类型:1----标签,2—属性,...
2019-03-09 00:12:23
132
原创 js基础第一天
js的介绍js是什么js是一门脚本语言 解释性语言 动态类型语言 基于对象语言编译语言:需要把代码翻译成计算机所认知的二进制语言,才能够执行脚本语言:不需要编译,直接执行常见的脚本语言:t-sql,cmdjs的作用解决用户和浏览器之间的交互问题代码的写法js的代码可以分三个地方写:1.在html的文件中,script的标签中写js代码2.js代码可以在htm...
2019-03-09 00:07:03
78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人