weixin_38026561的博客

原创 express全家桶从0到1

1 使用express的生成器生成项目。npm install -g express-generator2 安装依赖，之后起项目，不报错就可以看到页面3 部署热更新先npm install node-dev -D然后在package.json里加上"dev": "node-dev ./bin/www"，之后改代码直接刷新页面就可以直接看到改动了，不用重启服务4 静态文件5 less6 连接数据库（未完待续）...

原创 配置项目记录

vuets版 +view-design配置 confighttps://staven630.github.io/vue-cli3-config/

原创 ts

1typescript 往window上挂在属性中报错解决方案any大法 (<any>window).xx=aaa 整个项目都能用的方法，适用于自定义属性 declareglobal{interfaceWindow{isWeixin:boolean}} 单文件的方法，适用于简易Polyfill，或者不希望泄漏 ...

原创 java 0-1

安装https://www.java.com/en/download/下载最新版

原创 js工具函数

1q={};location.href.replace(/([^?&=]+)=([^&]+)/g,(_,k,v)=>q[k]=v);q;获取query参数，最简单的版本，可以拿锚点里的

原创 h5合集

wukong-robot悟空机器人Modernizr.js:为HTML5和CSS3而生！、https://blog.csdn.net/wangyihero8/article/details/79900768

原创 vmware 虚拟机centos安装

1vmware 下载+破解比较基础 就不记录了2 https://www.centos.org/centos下载3 安装4在虚拟机中跑

原创 blockly入门教程

blockly的hello world 跑起来看看1   引入两个js文件 blockly内核文件 blockly_compressed.js 基础积木集文件  blocks_compressed.js2 页面两个模块 积木拼装区 ，画板    一个唯一id的div（拖拽的积木在哪拼）积木工具区 ，积木箱    一个xml文件或者js字符串 （从哪里拖拽积木）3 注入b...

原创 js事件机制，冒泡，委托以及代理

js事件是一个从window到window的一个闭环机制，一个循环，从window到元素，是事件的捕获，在事件中是目标事件，从事件到window是冒泡。看阮一峰到博客中提到，jq的事件绑定on  更好的写法是绑定到document上，经过研究得出，(document).on是把事件委托到document上，(‘className’).on是把事件绑定到.className元素上。效率方面，...

原创 前端中用到的linux命令

1 touch oscar.json  配置nginx服务器过程中创建json文件 2 vi oscar.json 打开文件

原创 优化打点代码

原创 文字渐渐消失

如图限制高度的继续阅读，文字渐渐消失效果，从文字层面操作消失总是有问题换了一个角度，加了一个遮罩层，背景色透明到白色渐变 可以使用伪元素或者在dom中加一个标签 ...

原创 内容刷新，url变化，页面不刷新

1 ajax原理2 封装ajax3 实现无刷新加载页面并且url发生变化，且刷新页面会定位到当前页面（url带参数），效果类似百度搜索的翻页，页面变化同时url变化，但是没有刷新4 前进后退正常使用项目有个三级联动导航，用到了node的swig模版渲染，导航标题都是a标签，每次请求带参数，node层拿到参数，请求接口渲染数据，自认为seo不成问题，但是后端每次返回许多同样的文件，造成资源浪费，综合...

原创 js和data-url代替a标签的各种好处

看到有几个小子这样写，如图跳转没用a标签，而是用了div加h5的自定义属性，咨询了一下唱神，因为a标签有种种不确定性，比如在各种浏览器的表现形式不统一，而且鼠标hover的时候页面下方会有链接，显得很low。而div+自定义属性，在js中获取链接，通过$('.new').attr('url')获取地址，然后把链接 window.href,这样做的目的是不暴露地址，有一些地址是隐藏的，在js处理可以...

原创 Safari浏览器中input 光标lineheight失效 不居中

Safari中bug，line-height 属性和高度相等，不能使input输入框中的光标垂直居中height = padding + font-size;  这样通过padding方式达到的居中效果没有问题。如果高度是30px，字体大小是16px，设置line-height和字体大小相同，计算得上下内边距是7px。 #willlearn-search { padding:17px...

原创 整理一波node笔记

模块概念 在node中，每个js文件都是一个模块，模块内部声明的变量都是私有变量，外部无法访问。创建模块 math.js导出模块 exports.add=(a,b)=&gt;a+b加载模块 var math=require(./math)调用模块 let sim=math.add(1,2)模块分类  核心模块 http fs path文件模块 自己写的模块，通过路径进行访问第三方模块 mysql ...

原创 技术总结

记录一下项目中用到的几个主要技术块1 swig模版官网 http://node-swig.github.io/swig-templates/适用于node.js 和主要的Web浏览器！使用与Django，Jinja2和Twig模板引擎类似的方法。Express兼容。面向对象的模板继承。应用过滤器和转换以在模板中输出。自动转义所有输出以实现安全的HTML呈现。支持大量的迭代和条件。健壮没有膨胀。可扩...