前端学习(三十一)canvas(笔记)】的更多相关文章

canvas             画布    画图.做动画.做游戏===========================================    canvas就是新标签 必须获取绘图上下文        var gd = oC.getContext('2d'); 设置起点        gd.moveTo();    设置终点        gd.lineTo();    描边        gd.stroke(); 填充        gd.fill(); 设置描边颜色  …
前端学习:JS(面向对象)代码笔记 前端学习:JS面向对象知识学习(图解) 创建类和对象 创建对象方式1调用Object函数 <body> </body> <script type="text/javascript"> //新建英雄:刘备 var hero=new Object(); hero.name='刘备'; hero.blood=100; hero.weapon='双股剑'; hero.attack=function(){ return th…
进击のpython ***** 前端学习--CSS性质 那在CSS上还有一些很重要的性质:继承性,层叠性以及特殊性 那本小节就基于这三个性质进行展开... ... 继承性 在CSS的某些样式是具有继承性的,那什么是继承性呢? 在官方上说,继承是一种规则,他允许样式不仅应用于特定的html标签元素,而且应用于其后代元素 如果你父亲是双眼皮,你母亲也是双眼皮,那你是双眼皮你就继承了父亲的双眼皮 那拿到我们实际的代码中应用呢? <!DOCTYPE html> <html lang="…
一个页面:  头部.用户信息.新闻列表 jquery ajax:  1.$.ajax({    url:'',    dataType:'json', }).then(res=>{    //res :  成功后的返回},err=>{    //err: 失败的对象}); 2.let url = '';$.ajax({    url,    data:    dataType:    ...    success:function(res){        //res 成功后的数据    },…
移动端App    开发App的三种方式    Native App         原生        底层语言        java         Android        oc             IOS 优势:            1.性能非常高            2.可以调用底层功能 劣势:            1.不能跨平台            2.至少需要两个团队            3.成本过高            4.维护难,开发周期长 Web App…
Angular+Vue+React    Vue性能最好,Vue最轻=======================================================Angular    入门难,学习成本高Vue    简单=======================================================Vue    官网:http://vuejs.org/    中文:http://cn.vuejs.org/ Vue.js的发展        1.x  …
MVC     后台    M         Module             数据层    V         View             视图层    C         Controller         控制层 前端开始用MVC    M         数据层         交互    V         视图层         DOM操作    C         控制层         逻辑 =====================================…
RequireJs:一.安装.下载    官网: requirejs.org    Npm:  npm i requirejs二.使用    以前的开发方式的问题:        1).js 是阻塞加载        2).变量名冲突        3).多个JS文件之间相互依赖(必须保证一个正确的顺序) 1.简单示例    require(['js/a1.js']);        —— 不阻塞页面渲染了2.定义模块:(AMD) define    一个模块就是一个JS文件. define(f…
人,工人 //类的定义    function Person(name,age){ //构造函数        //工厂模式        //1.原料        //var obj = new Object();        //2.加工        this.name = name;        this.age = age;        //3.出厂        //return obj;    }    //方法    Person.prototype.showName =…
html5        主要目标:语义化!可以被人或者机器更好的阅读! 支持各种媒体的嵌入!不兼容低版本!------------ html5新标签: 普通:     <header class="box">---头部    </header>    <nav>        导航     </nav>    <section>---内容        <aside>---侧边栏 </aside>  …