Photoshop切图
摘要:保存切片:web格式--》png-24(png格式可以设置为透明) .clear:after{}清除浮动: 清除浮动:就是在css写好了,然后在HTML的的元素里面加上设置好的类名
阅读全文
微信小程序
摘要:微信小程序:轻量级的小程序 要先注册,然后认证才有相应的API给你调用 HTML+css+js+vue综合创造了一个开发的框架
阅读全文
webpack打包
摘要:CSS预处理:sass、Less等等 代码质量:虽然没有错误,但是有警告,有些变量冗余,不美观 webpack就是node写出来的:模块化打包机,输入和 输出;比如将es6转变为es5,这就用到了loader,插件, loader是用来编译的:将源代码进行转换成相对应的语言 vue-loader:就
阅读全文
跨域请求
摘要:IP地址不同或是端口不同:都是属于跨域,是因为安全机制导致的,默认情况下,不是自己服务器发送的页面的js的数据是被拒绝 比如:请求天气的接口,就是跨域的,他的服务器是允许我们访问的(通过js来想服务器请求,关键是在服务器允不允许你请求) 如果服务器设置为允许,那么其他浏览器在请求时就不存在跨域情况
阅读全文
写项目的前端要做的事情
摘要:前端渲染:写静态页面,一般移动端,写好页面, 后端渲染:将数据插入到模板,凡是代码有很多空格就是后端渲染的 触发改变事件:onchange事件 浏览器兼容的问题:如果弹性布局不行的话,就用浮动布局 PC端一般都是有后端渲染的
阅读全文
模块化,AMD规范
摘要:模块化:代码量比较大,可能会有几个人同时写一个页面,同样写在一个文件里面,可能会有冲突,模块化可以解决代码的冲突(匿名函数调用,自己调用自己,就是立即执行函数) 团队的分工更加的明确 异步的执行: AMD(async model )异步加载管理:就是异步的模块化,比如(微信小程序的require()
阅读全文
面向对象、函数式
摘要:面向对象的思维模式:如果写一个复杂的系统,把这个系统划分开来,分成各个子模块(对象),分别具有相对应的一些属性,和一些功能 函数式的思维模式:写清楚流程,一步一步就能够完成这样的活动,单纯的按照函数方式一步一步的执行,一般用于简单的功能,一件简单的事件 1、字面量构造函数 2、使用构造函数来实现对象
阅读全文
BOM-JavaScript浏览器的对象模型
摘要:BOM-JavaScript是运行在浏览器中的,所以提供了一系列对象用于和浏览器窗口进行交互,这些对象主要包括window、document、location、navigator和screen等。通常统称为浏览器对象模型(brower Object Model) 可以直接在元素上面写Javascri
阅读全文
进程、线程、协成、同步、异步
摘要:CPU 多个进程 一个进程可以多个线程 协成:用yield来终段函数的来回执行函数 同步和异步: 程序,1进程和1线程,(1)python读取文件夹里面的文件,(2)然后print出来。同步(有阻塞,有等待) 程序,1进程2进程,(1)1个线程读取数据,(2)1另外1个线程将读取出的数据 打印出来。
阅读全文
浏览器的兼容
摘要:条件注释:IE10以上就不支持条件注释了 想要实现动画:至少IE10以上
阅读全文
web前端的问题整理
摘要:css实现三列布局?如果中间又是自适应布局怎么做?
阅读全文
静态布局、自适应布局、流式布局、响应式布局、弹性布局简析、BFC
摘要:静态布局:给页面元素设置固定的宽度和高度,单位用px,当窗口缩小,会出现滚动条,拉动滚动条显示被遮挡内容。针对不同分辨率的手机端,分别写不同的样式文件。例如:浏览器窗口是1000px,那么最小的宽度是900px或其他px,只要浏览器缩小过这个最小值就不会自动化的调整。 自适应布局:创建多个静态布局,
阅读全文
css的定位
摘要:position: relative(相对定位):相对定位是相对于元素在文档中的初始位置。 首先它出现在它所在的位置上(即不设置position时的位置,然后通过设置垂直或水平位置,让这个元素“相对于”它的原始起点进行移动。 需要注意的是:在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。
阅读全文
canvas的认识,时钟的设置
摘要:canvas的三要素:ID标识,width宽度,height高度,他是行元素 IE9才支持canvas,canvas是一个透明的画板,要用js去画 绘制一个圆 线性渐变颜色 径向渐变 图片的绘制: 视频播放: 视频的自动播放 绘制视频: 时钟的代码: <!DOCTYPE html><html> <h
阅读全文
HTML的属性
摘要:data-的好处:对dom的一些自定义标识,通过这些标识符可以传递一些信息到相应的事件里;dom.dataset['属性名称'] 将节点变成数组 渐进式渲染:就是加载到哪里就显示到哪里 css和js的位置的放置问题:
阅读全文
js的以及前端框架
摘要:js定义:浏览器的脚本语言,用简单的语言实现浏览器的操控 基础语法:基础的运算、函数、对象(原型链、对象构造、class) 所有的框架都是基于原生的js来进行的 js的事件:什么时候、什么情况下处理的什么事情(onclick、addeventListne、捕获冒泡) 这时候就想着有没有什么东西能够帮
阅读全文
跨域请求的问题
摘要:浏览器可以向任何的服务器请求,这不算是跨域请求
阅读全文
vue的理解
摘要:vue提供的MVVM框架模式的数据双向绑定,实现了HTML和js的代码分离,提高代码的维护性 vue.js的核心思想包括:数据驱动和组件化思想。 如果没有中间的ViewModel则关系图编程下面所示:通过Ajax通信获得后台数据,那么要将获得数据显示在DOM上,则需要手动操作DOM节点。这是一个繁琐
阅读全文
node.js的学习
摘要:1、node是一个急于Chrome v8引擎的一个js解释器;node.js使用事件驱动(就是方法,函数)、非阻塞I/O的模型;node.js的包管理器npm,是全球最大的开源库生态系统 2、所谓的js其实是一段文本,经过解释器解释之后才可以被计算机执行 内核决定你怎么去理解这些代码 js的代码即表
阅读全文
vue的指令绑定、事件、冒泡
摘要:a标签的属性绑定: v-once:就是第一次渲染什么就是什么,不会随着其他改变而改变,简言之就是绑定他不让他的值改变 防止跨站脚本攻击 如果你觉得安全的话,可以不要让变量的值显示成字符串 解决方法是:v-html='变量' 小结总结:v-once v-bind v-html 5 Vue基础语法-数据
阅读全文
js中将一个字一个字的打印出来
摘要:第一种方式: setTimeout(function(){ var cc=document.createTextNode(ss[i]) content.appendChild(cc) },3000)
阅读全文
js中数组的去重
摘要:第一种方式: var ss=['小红','小花','小兰','小花'] var uu=[] for(var i=0;i<ss.length;i++){ if(uu.indexOf(ss[i]) 1){ //判断uu中是否有该值,没有就添加进去,不会重复的 uu.push(ss[i]) }// ret
阅读全文
jQuery学习
摘要:DOM操作,在js里面写了很多的代码,才实现了一点点功能,代码太多太繁琐, 解决方法:jQuery是一个高效、精简,丰富的JavaScript的工具库,减少代码量,也能实现同样的功能,不必担心浏览器兼容性的问题 优点:语法简单,高效操作;文件够轻(80多k,文件越小越好)、短小精悍;插件丰富,拓展性
阅读全文
页面滚动条的获取、可视区窗口
摘要:滚动条位置的封装 <script> function getScrollOffset(){ if(window.pageXOffset){ return { x:window.pageXOffset, y:window.pageYOffset } }else{ return { x:document
阅读全文
浏览器的版本
摘要:浏览器有两种渲染模式(标准模式、混杂模式(去兼容之前浏览器的版本,之前的语法));<!DOCTYPE html>就是标准模式,去掉这个后就是混杂模式 解决浏览器之间冲突问题:
阅读全文
json(传输格式)、异步加载、时间线
摘要:xml:过去传输的数据格式 json:现在的传输数据格式,属性名加双引号来区别,其实也是对象,传输的是个字符串,其实就是json 前端JSON.stringfy(obj) 然后传给后台 后台传回来的json要在前端JSON.parse(obj) 浏览器:有个搜索引擎,一行一行的搜索 1、domtre
阅读全文
常见的HTTP状态码
摘要:2开头 (请求成功)表示成功处理了请求的状态代码。 200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 201 (已创建) 请求成功并且服务器创建了新的资源。 202 (已接受) 服务器已接受请求,但尚未处理。 203 (非授权信息) 服务器已成功处理了请求,但返回的信
阅读全文
删除数组重复的数据
摘要:方法一: <script> var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d']; //定义一个新的数组 var s = []; //遍历数组 for(var i = 0;i<arr.length;i++){ if(s.in
阅读全文
javascrpit的理解
摘要:1、什么是Javascrpt? 轻量级 、编程语言 HTML+css -->设计 参数的默认值设置 函数的闭包: 浏览器加载整个页面的过程 浏览器:多线程 1、js引擎 2、UI渲染 3、事件线程 4、发起请求的线程 5、定时器的线程 js-->》单线程 --》编程方便 银行 一个柜台 js相关的事
阅读全文
原生的js轮播图
摘要:图片会照常循环播放,当然也可以通过按钮来进行切换,当切出当前的页面时,等到你在回到当前页面时该轮播的图片还是停留在你之前所切出去的的那张图片的状态。 HTML部分: <html> <head> <meta charset="UTF-8"> <title></title> <link rel="sty
阅读全文