笑笑の博客

有一种风雅 趁年华

  • 首页
  • 关于
  • 标签
  • 分类
  • 归档

初识TypeScript

发表于 2021-02-05 | 分类于 前端
字数统计: 756 | 阅读时长 ≈ 3

TypeScript是一种由微软开发的开源,跨平台的编程语言,它是JavaScript的超集。最终被编译为JavaScript代码。

  • 特点

1.始于JavaScript,归于JavaScript
2.类型系统允许JavaScript开发者在开发JavaScript应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构。
3.先进的JavaScript

阅读全文 »

jQuery Mobile

发表于 2021-02-05 | 分类于 前端
字数统计: 663 | 阅读时长 ≈ 2

jQuery Mobile用来填补jQuery在移动设备应用上的缺憾

  • 特性

    1. 基于jQuery
    2. 兼容绝大部分手机平台
    3. 轻量级
    4. 模块化结构
    5. HTML 5标记驱动配置
    6. 渐进增强原则
    7. 响应设计
    8. 易用性
    9. 强大的Ajax导航系统
    10. 支持触摸,鼠标,光标
    11. 统一的UI组件  
    12. 强大的主体化框架
阅读全文 »

jQuery与Ajax的应用

发表于 2021-02-05 | 分类于 前端
字数统计: 935 | 阅读时长 ≈ 3

Ajax的优势和不足

  • 优势:
  1. 不需要插件支持
  2. 在不刷新整个页面的前提下更新数据
  3. 通过XMLHttpRequest对象向服务器端提交希望提交的数据,按需发送
  4. 减轻服务器和带宽的压力
  • 不足:

1.开发难度大
2.破坏浏览器的前进,后退
3.对搜素引擎的支持不足
4.开发和调试工具缺乏

阅读全文 »

jQuery对表格表单的操作

发表于 2021-02-05 | 分类于 前端
字数统计: 816 | 阅读时长 ≈ 3

复选框全选操作

算法1:

  1. 对复选框组绑定单击事件
  2. 定义一个flag变量,默认为true
  3. 循环复选框,当有没被选中的项时,把变量flag的值设为false
  4. 根据变量flag的值来设置id为“CheckedAll”的复选框是否选中
    ①如果flag为true,说明复选框都被选中
    ②如果flag为false,说明复选框组至少有一个未被选中
阅读全文 »

jQuery中的事件动画

发表于 2021-02-05 | 分类于 前端
字数统计: 2.4k | 阅读时长 ≈ 11

1.事件

  1. DOM加载
  • $(document).ready()与window.onload
    1.前者jQuery方法在DOM完全就绪时就可以被调用;后者JavaScript方法在页面所有元素被完全加载到浏览器后才执行。
    因此jQuery将网页解析为DOM树的速度比把页面中的所有关联文件加载完毕的速度要快很多

存在未加载完毕,已经解析为DOM树,图片的宽高属性不一定有效  
2.前者可以多次执行,根据注册的顺序执行。后者之后执行一次,后者覆盖前者
3.前者可以简写为$(function(){})

  • load()会在所有加载完之后触发
阅读全文 »

jQuery笔记--DOM操作

发表于 2021-02-05 | 分类于 前端
字数统计: 1.9k | 阅读时长 ≈ 7
  1. DOM Core
    任何一种支持DOM的程序设计语言都可以使用它,也可以用来处理任何一种使用标记语言编写出来的文档,比如XML
    getElmentById()
  2. HTML_DOM
    ``document.forms
  3. CSS_DOM
    element.style.color
阅读全文 »

Vue中引入组件的写法

发表于 2021-01-26 | 分类于 前端
字数统计: 59 | 阅读时长 ≈ 1

静态即同步引入:import zujian from './zujian.vue'
动态即异步

Vue2.x

动态引入组件
const zujian = () => import('./zujian.vue')
这种写法在vue3中不行

Vue3.x

动态引入组件
const zujian = defineAsyncComponent(()=>import('./zujian.vue'))

手写组合API(Vue3.x)

发表于 2021-01-25 | 分类于 前端
字数统计: 547 | 阅读时长 ≈ 2

1.shallowReactive与reactive

//shallowReactive(浅的监视)与reative 

//定义一个reactiveHandler处理对象  
const reactiveHandler = {
    get(target,prop){
        if(prop === '_is_reactive'){
            return true
        }
        const result = Reflect.get(target,prop)
        console.log("拦截到了读",prop)
        return result
    },
    set(target,prop,value){
        const result = Reflect.set(target,prop,value)
        console.log("拦截到了添加与修改",prop,value)
        return result
    },
    deleteProperty(target,prop){
        const result = Reflect.deleteProperty(target,prop)
        console.log("拦截到了删除",prop)
        return result
    }
}

function shallowReactive(target){
    //判断输入数据的类型是否为object
    if(target&&typeof target === 'object'){
        return new Proxy(target,reactiveHandler)
    }  
    //否则为基本数据类型,直接返回
    return target
}

function reactive(target){
    if(target&&typeof target === 'object'){
        if(Array.isArray(target)){
            target.forEach((item,index)=>{
                target[index] = reactive(item)
            })
        }else{
            Object.keys(target).forEach(key=>{
                target[key] = reactive(target[key])
            })
        }
        return new Proxy(target,reactiveHandler)
    }
    return target
}
阅读全文 »

蓝桥杯第十二届校内模拟赛第二期

发表于 2021-01-22 | 分类于 程序设计
字数统计: 648 | 阅读时长 ≈ 2

1.请问在 1 到 2020 中,有多少个数既是 4 的整数倍,又是 6 的整数倍

1
2
3
4
5
6
7
int count = 0;
for(int i=1;i<=2020;i++){
if((i%4==0)&&(i%6==0)){
count++;
}
}
System.out.println(count);

答案:168
2.小明要用二进制来表示 1 到 10000 的所有整数,要求不同的整数用不同的二进制数表示,请问,为了表示 1 到 10000 的所有整数,至少需要多少个二进制位?
答案:14
3.请问有多少个序列满足下面的条件:
- 序列的长度为 5。
- 序列中的每个数都是 1 到 10 之间的整数。
- 序列中后面的数大于等于前面的数。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
public class TestExm {
static int count=0;
public static void main(String[] args) {
DFS(1,0);
System.out.println(count);
}
public static void DFS(int num,int n){
if(n==5){
count++;
return;
}
for (int i=num;i<10;i++){
DFS(i,n+1);
}
}
}

答案:1287
4.一个无向图包含 2020 条边,如果图中没有自环和重边,请问最少包含多少个结点?
答案:65
公式 n个节点的无向图最多 有 n(n-1)2 条边
5.两个字母之间的距离定义为它们在字母表中位置的距离。例如 A 和 C 的距离为2,L 和 Q 的距离为 5。对于一个字符串,我们称字符串中两两字符之间的距离之和为字符串的内部距离。例如:ZOO 的内部距离为 22,其中 Z 和 O 的距离为 11。请问,LANQIAO 的内部距离是多少?
答案:162


6.现在时间是 a 点 b 分,请问 t 分钟后,是几点几分?
输入格式
  输入的第一行包含一个整数 a。
  第二行包含一个整数 b。
  第三行包含一个整数 t。
输出格式
  输出第一行包含一个整数,表示结果是几点。
  第二行包含一个整数,表示结果是几分。
样例输入
3
20
165
样例输出
6
5
样例输入
3
20
175
样例输出
6
15
数据规模和约定
  对于所有评测用例,0 <= a <= 23, 0 <= b <= 59, 0 <= t, t 分钟后还是在当天。

1
2
3
4
5
6
7
8
9
10
11
public static void main(String[] args) {
Scanner in=new Scanner(System.in);
int hour=in.nextInt();
int minute=in.nextInt();
int t=in.nextInt();
int passhour=(minute+t)/60;
minute=(minute+t)%60;
hour=(passhour+hour)%24;
System.out.println(hour);
System.out.println(minute);
}

7.输出平行四边形的底和高,求平行四边形的面积

1
2
3
4
5
6
7
public class T7 {
public static void main(String[] args) {
Scanner in=new Scanner(System.in);
int length=in.nextInt();
int height=in.nextInt();
System.out.println(length*height);
}

vscode编写vue3快捷键

发表于 2021-01-10 | 分类于 工具使用
字数统计: 86 | 阅读时长 ≈ 1

创建快捷键,在VS code输入vv3回车即可自动vue3文档模板
html文档是!回车
步骤是:文件 - - - 首选项 - - -用户片段 - - - 在输入框中输入vue - - - 进入vue.json文件

代码:

"Print to console": {
            "prefix": "vv3",
            "body": [
                "<template>",
                "</template>",
                "<script lang=\"ts\">",
                "import { defineComponent } from 'vue';",
                "export default defineComponent({",
                "\tname:'App',", 
                "});",
                "</script>",
            ],
            "description": "Print to console"
        }  
1…789…15

苏玉璠

人在旅途 风向八方 有人四处走动 是为了寻找一个温暖的地方留下 有人不断告别 是因为没有谁能挽留她的脚步 有人不断被超越 只因为梦想的无法止息

141 日志
12 分类
58 标签
E-Mail
© 2019 — 2024 苏玉璠
由 Hexo 强力驱动
|
主题 — NexT.Gemini v5.1.4
博客全站共156.5k字