- 博客(44)
- 收藏
- 关注
原创 用claude3.7,不到1天写了一个工具小程序(11个工具6个游戏)
使用claude进行小程序开发,初步探索AI编程能力,探索未来前端编程方向发展趋势,评估AI对实际研发的影响。
2025-04-07 09:00:00
1008
原创 JavaScript原理(三)
一、异步及术语并行: 指同一时刻内多任务同时进行;并发: 指在同一时间段内,多任务同时进行着,但是某一时刻,只有某一任务执行;堆: 内存中某一未被阻止的区域,通常存储对象(引用类型);栈: 后进先出的顺序存储数据结构,通常存储函数参数和基本类型值变量(按值访问);队列: 先进先出顺序存储数据结构。消息队列: 也叫任务队列(task queue):存储待处理消息及对应的回调函数或事...
2019-04-08 21:26:52
521
原创 vue工作中使用情况
一、vue 相关API及使用情况1、vue.filter ,在common里写一些常用的功能,时间转化,过滤字段等等。(时间都是接口返回的毫秒,然后转化为需要的显示格式)。使用:main.js组件:| 前面是变量<div>{{createTime | time-formater-has-hour}}</div>2、comp
2018-06-18 22:42:37
1431
原创 vue组件传值(附开源地址)
自己做的vue的项目,打算开源发布出去。里面会不断的有新的文章,帮助大家走过各种坑,当然该项目还没完成,我个人也会尽快做。我会借着每次发布新文章时都推广一下。如果看到的,或是有兴趣的人可以给个star。真的非常感谢啦。 地址: VUE项目重点: 觉得还可地,顺便给颗星,谢谢一、组件传值1、父组件给子组件传值1.0 应用场景:父组件内有搜索功能,子组件是搜索之后的列表...
2018-03-22 20:37:10
276
原创 vue-router使用(附开源vue项目)
自己做的vue的项目,打算开源发布出去。里面会不断的有新的文章,帮助大家走过各种坑,当然该项目还没完成,我个人也会尽快做。我会借着每次发布新文章时都推广一下。如果看到的,或是有兴趣的人可以给个star。真的非常感谢啦。 地址: VUE项目重点: 觉得还可地,顺便给颗星,谢谢今天的文章是vue-router。一、vue-router 2.x版本在vue-cli的使用。rout...
2018-03-09 10:13:36
1036
原创 hexo(四)DeprecationWarning: fs.SyncWriteStream is deprecated
由于换电脑,hexo需要移植,恰巧之前的域名到期了。不知道为什么狗爹没给我来邮件提示域名过期,超过一个月导致没法续费了。于是换回了hexo的默认域名。在折腾中遇到了几个新的问题。一、DeprecationWarning: fs.SyncWriteStream is deprecated问题: node和hexo插件的版本带来的问题:在node8.x的版本中,fs.SyncWriteS...
2018-02-22 17:11:09
3645
原创 工具集(长期更新)
同步和备份工作中非常重要一、软件和工具1、浏览器 推荐: 1、 firefox :火狐浏览器,推荐这里下载 右下角切换语言。 2、google :谷歌之所以放第二是因为被和谐了,开发者必备。 3、搜狗 : 这家伙启动还是很快的。 使用:(firefox)书签:书签栏合理分类注册帐号,同步自己电脑和工作电脑收藏的书签,firefox的帐号一个本
2017-12-08 17:13:29
760
原创 JavaScript原理(二)
一、DOM性能1、尽量较少DOM节点的操作(增,删,改,查)。因此对于DOM的操作都尽量进行变量缓存。2、使用HTML集合优化(类数组,但是没数组的方法)。document.getElementsByClassName()document.getElementsByName()document.getElementsByTagName()如果需要多次使用集合,可以考虑将集合复制到一个数组。(复制
2017-11-29 17:16:43
301
原创 JavaScript原理(一)
一、函数解析JavaScript解析是一段一段,并非一行一行解析。同一段中function语句和函数直接量定义的函数总会被优先编译执行(该执行不是调用函数),之后才会执行其他函数。new Function()在运行时动态地被执行(导致作用域也不同于前者)。前两者基本相同,因为被优先编译处理,new耗时非常高,每次循环都动态编译// 三种函数创建的速度测试var zz = new Da
2017-11-02 21:25:50
1913
原创 HTTP(一)
一、名词IP : 网际协议(Internet Protocol)MIME : 多用途因特网邮件扩展(Multipurpose Internet Mail Extension)。数据格式标签URI : 统一资源标识符(Uniform Resource Identifier)。两种形式: URL 和 URNURL : 统一资源定位符(Uniform Resource Locator)URN :
2017-08-14 20:19:13
593
原创 js逻辑与或非
首先js 会将 && 和 || 两边的值转成Boolean 类型,然后再进行逻辑关系运算 。&&运算如果返回true,则取后面的值,如果 || 返回true,则取前面的值。var num = 44 && 55;var num2 = 44 || 55;console.log(num); // 55console.log(num2); // 44转换成boolean 的规则
2017-07-31 21:58:22
19930
原创 Markdown Preview 刷新无效
前话:由于ST一直以轻量,快速,扩展性强闻名,个人也很是喜欢它的特性。秒开的特性可以说是相当给力,而且高度的可定制化,对于那些喜新鲜感的,乐于折腾的人来说,也是迷人的不行,简直就是”迷人小妖精”。另一方面由于工作的情况,ST的秒开真的是方便的不行。一、解决问题遇到情况:安装好了Markdown Preview也安装了Markdown Editing。但是在使用时虽然能打开,却不能实现F5刷新后更新内
2017-07-27 16:12:56
4128
原创 原型链与构造函数
首先:声明的函数,是有prototype属性的。但是对象是没有prototype的。一、函数console.dir(Foo)可以看到,有prototype属性和__proto__属性。Foo.prototype里的constructor指向Foo自己 , __proto__指向Object.prototype。而Foo.__proto__指向Function.prototype二、Objec
2017-07-15 17:47:03
569
原创 ajax与跨域
同源策略function createXHR(){if (typeof arguments.callee.activeXString != "string"){var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"],i, len;for (i=0,len=versions.lengt
2017-07-04 21:47:05
311
原创 hexo(三)功能完善
默认主题,landscapehexo搭建完成了,肯定是要不断完善优化的。下面就简单的记录我自己的完善过程,虽然只是做了一小部分,但是记录下来也方便以后自己在花大量时间去查找资料。一、写文章时如果内容太多,滚动条太长,这时候就需要一个返回顶部了。参考资料step:1、 打开 /themes/landscape/layout/_partial ,新建 totop.ejs <div id="totop">
2017-06-04 15:16:50
1856
1
原创 webpack学习ES6(一)
一、搭建环境(1)npm有时不好用,改用淘宝的镜像cnpm;淘宝镜像 $ npm install -g cnpm --registry=https://registry.npm.taobao.org(2)安装webpack ;webpack2.X官网英文不行?可以切换中文。 cnpm install webpack -g(3)初始化,写入依赖; $ cnpm init $ cnpm install
2017-06-02 12:28:17
561
原创 hexo(二)移植
一般来说,要进行hexo移植的玩家都经历过hexo配置了(这不是废话吗)。所以在此我就不过分的说基础的东西了。 先说一下我自己的情况: 目前hexo的主体是在公司的电脑上(不要问为什么在公司还有时间玩这个),但是实际上在家写东西的时间多与在公司,出于人性化的考虑,将hexo移动到自己的电脑上是势在必行的,好了废话不多说,开始搞 前提条件:自己的电脑安装了git,配置好了ssh(本人的hex
2017-05-16 22:27:40
670
原创 js中this(二)
判断this指向的关键点:1. 函数调用,this等于window2. 对象方法调用时,this等于那个对象。3. 匿名函数的执行环境具有全局性,因此其this对象通常指向window4. call、apply、bind,new等会改变this指向5. 多次调用,this指向直接调用方法的对象例:哪个对象调用了方法,该方法的this就指向那个对象多次调用,this指向直接调用方法的对象var
2017-05-09 16:36:37
328
原创 js变量,声明提升的坑
1、函数声明可以提升,所以foo()可以在上面执行。但是函数表达式不行 foo() // 3 function foo() { console.log(3) } fooNext() // Uncaught TypeError: fooNext is not a function var fooNext
2017-05-04 12:50:14
595
原创 js容易被忽略的内容(一)
1 / 3 === (1 - 2 / 3); // false计算机无法精确表示无限循环小数,所以有误差isNaN(NaN); // true唯一能判断NaN的方法是通过isNaN()函数多数情况,应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。‘use strict’ 变量未使用var错误
2017-04-23 12:07:51
418
原创 写给自己
为什么会迷惑呢 虽然是个90后,但是年龄也不算小了。并且不管多大,总会遇到困惑和迷茫。趁着周末,写写属于自己的东西,也放松一下自己,告诫自己除了代码还可以有文字聊以自慰。 人在清闲(无聊)的时候,总会显得充满智慧,要么发呆,要么沉思, 外表看似心不在焉,内心却是波涛汹涌。上至天文,下至地理,还有处在中间的人文社科,什么都能思考上一番。 正是因为这样充满智慧的思考(闲的蛋疼的抽风),也让我
2017-04-09 23:19:53
375
原创 sublime Text3技巧
想必很多人在用吧,谈谈我个人的使用情况。也为了总结一下,万一哪天从新安装它时,也知道自己都在用哪些技巧和插件以及配置方法。一、快捷键首先有个Preferences &amp;amp;amp;amp;gt; KeyBindings 这里面提供了所有的默认快捷的,如果有时间可以看看。如果自己想要设置一些,在右侧里仿照着写就行。ctrl + shift + p : 调出命令编辑框 安装插件时输入Package Cont
2017-03-14 11:15:38
5205
原创 hexo之踩坑填坑
一、关于hexo教程网上有很多,一搜一大把。随便找几个或者去官网基本都能搭好。hexo配置中文官网推荐一个1、工具: node.js + github + git + 域名(可选) + windows系统PS: 这里我假设你懂了,github,node,npm,域名解析,这些东西。二、填坑坑1:提示下面错误ERROR Deployer not found : github_config.yml
2017-01-20 11:29:57
9174
9
原创 PHP配置(一)
一、PHP运行环境1、LAMP : linux+apache+mysql+PHP;2、WAMP: windows+apache+mysql+PHP;二、配置apache1、首先下载apache, http://www.apachehaus.com/cgi-bin/download.plx 位数与php位数一致(64或32)。2、必须安装VC14(还有VC11等对应不同需求)https://www
2016-12-21 22:14:50
766
原创 开发工具
一、liveStyle(本人win10)1.作用:实时更新css/less/sass2.设备:chrome + livestyle + sublime3/2 + packagecontrol (https://packagecontrol.io/) + 翻墙软件 3.步骤:a、下载sublime3和chrome。b、在谷歌应用商店搜索livestyle,并添加到chrome。
2016-12-16 09:19:28
408
原创 regExp正则表达式(一)
一、正则表达式作用测试字符串内的模式。 可以测试输入字符串,以查看字符串内是否出现电话号码模式或信用卡号码模式或邮箱。即数据验证。替换文本。 可以使用正则表达式来识别文档中的特定文本,完全删除该文本或者用其他文本替换它。从字符串中提取子字符串。 可以查找文档内或输入域内特定的文本。二、一些术语元字符: 即特殊字符,就是一些有特殊含义的字符。 例子:^匹配输入字符串的开始位置。要匹
2016-11-29 09:33:30
676
原创 IE7兼容and工作总结
1、按钮要有效果:悬浮到按钮时,颜色发生改变,且鼠标指针变成小手。// 手指属性。cursor: pointer;// 或用"javascript:void(0);"> 2、input输入框左边要有padding,不然输入文字紧贴左边。3、背景要不能重复,避免大屏幕下,出现重复。// 背景属性尽量简写。background: #eee url() no-repeat c
2016-11-19 21:03:50
1193
原创 IIS配置与应用
windows10(win7类似别的没试过)第一步:安装IIS1、 找到控制面板——打开默认程序——程序和功能——打开关闭windows功能如图: 2. 3. 4.这里要注意一下,只有对钩才是把文件夹下的子文件夹选中了。黑色框是表示有未选中的。可以在展开选择。我们只需要把web管理工具中IIS都选择即可,点击确认,等待安装。(有些时候可能需要重启才起作用)。第二步:使用IIS控制面板—
2016-11-11 09:28:14
7819
原创 grunt应用
windows系统,要会用node.js及npm包管理应用环境:1、Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。2、不同平台(windows,linux,mac),和不为的位数系统(32或64),各不同。使用1、安装node.js ;node -v :查看版本(如有版本号,
2016-08-23 10:59:34
367
原创 JSON数据
一、json值的类型简单值: 可以表示字符串,数值,布尔值,null不支持undefined(json的数值表示: 2 )对象: 一组有序的键值对,每个键值对的值可以是简单值,也可以是复杂数据类型。(json的字符串:“hello world”)。json字符串与javascript字符串的区别,json必须用双引号。数组:一组有序值的列表,数组的值可以是简单值,也可以是复杂数据类型。不支持
2016-08-22 20:07:59
538
原创 基础ps技巧
从打开ps开始说起,想到什么就写什么好啦。对于ps,我也不能很系统的总结概括,(如果以后有能力了,定会完善)文档约定: 一级目录(编号:大写“一、二 ……”) : ========= 分割二级目录(编号:阿拉伯“1、2、……”) : —————— 分割三级目录不分割:形式:(1. 2. 3. 4. ……)或 (a、b、c、……) 或 [ (1)(2)(3)…… ]photosho
2016-08-13 21:04:21
553
原创 窗口宽高和坐标
window尺寸2种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)方法1window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度方法2document.documentElement.clientHeightdocument.documentElement.clientWidth方
2016-08-09 21:56:33
622
原创 javascript数组定义、操作
数组有四种定义的方式使用构造函数: var a = new Array(); var b = new Array(8); var c = new Array(“first”, “second”, “third”); 或者数组直接量: var d = [“first”, “second”, “third”];new Array()创建的数组的length有些问题,下面代码v
2016-08-04 22:40:46
621
转载 js中this(一)
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。情况一:纯粹的函数调用这是函
2016-08-04 11:02:46
337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人