网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接,新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。
json理解
2020年05月14日
最近在Angular里面需要使用到json返回数据,自己写了一个json文件,以前直接使用,没有发现问题。但是今天自己写,有很多问题,经过研究终于搞清楚了。首先参考json官方网站:介绍 JSON可以看到Json的一些数据类型(对象,数组,值、字符串、数值)。下面是一个json文件的具体内容:{ "phone_number_list":[ { ...
WebStorm Angular default .gitignore file
2020年04月30日
# See http://help.github.com/ignore-files/ for more about ignoring files.# compiled output/dist/tmp/out-tsc# Only exists if Bazel was run/bazel-out# dependencies/node_modules# profiling fileschrome-pr...
检查是否是移动手机号码
2020年04月21日
通过Javascript检查是不是移动手机号码,具体代码如下:// 校验是否是移动手机号码 function chkLocalNumber(value) { var mobile13 = /^13[4-9]\d{8}$/; var mobile15 = /^15[012789]\d{8}$/; var mobile14 = /^14[7]\d{8}$/; var mobile17...
Javascript复制功能
2020年04月16日
最近需要使用到Javascript的复制功能。查询资料,总结如下内容:有三种主要的浏览器API可复制到剪贴板:1、Async Clipboard API [navigator.clipboard.writeText]访问是异步的,并且使用JavaScript Promises,可以编写,因此安全用户提示(如果显示)不会中断页面中的JavaScript。文本可以直接从变量复制到剪贴板。仅在通过H...
浏览器指纹
2020年01月16日
获取浏览器的一些信息:function get_client_info() { // 如果存在问题,生成追踪id,方便后面检查问题。 // 完整的浏览器名称 get_client_appName = navigator.appName; // 表示当前浏览器是否启用了cookie get_client_cookieEnable = navigato...
Google reCAPTCHA V2 AJAX提交
2020年01月15日
由于项目需要,Google reCAPTCHA V2需要通过AJAX的方式提交。在这篇文章中:在Flask中使用Google reCAPTCHA后端需要从前端获取:request.form.get('g-recaptcha-response')这个参数,在ajax中具体的写法如下:$.ajax({ type: 'POST', url: '/auth/valida...
WebStrom ftp路径死循环问题
2019年12月13日
最近需要使用webstorm的FTP上传一个js文件,但是打开文件路径竟然是死循环。如下图哦所示:具体设置很简单,设置好地址,账号密码就可以了。出现这个问题,应该是ftp版本兼容问题,具体可以参考这里:Customizing Upload/Download兼容性的一些问题:FTP: improved 'LIST' command may work incorrectly with certain ...
webstrom yarn not found
2019年12月02日
今天在家里同步github上面的代码时候,需要安装依赖,但是在webstorm里面提示yarn not found。具体错误内容如下:22:24 Error running 'yarn install in privateBMS' Cannot find package manager 'yarn' Please specify Package Manager.之后点击Package Ma...