TypeScript如何读写Json文件,主要是如何写入数据到Json文件中

在开发单机游戏的时候,想将游戏数据存到json文件中,但是一直查不到如何写入数据到json文件中,查api也没看到相关文件流操作的api,希望有所指点,谢谢!

2个回答

环境呢?b/s写入不了文件到客户硬盘,但是可以用localstorage(5M)存储大数据,cookie存储小数据,几百k吧,以来浏览器支持,localstorage也一样,每个浏览器大小不一样

weixin_36719607
Aertims 还是用的localstorage,这方面的资料还挺多的,感谢
大约 2 年之前 回复

使用node.js的fs模块

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JavaScript 代码调用 TypeScript代码中的方法
JavaScript 代码调用 TypeScript代码中的方法
ionic4 post请求返回的数据在浏览器上是json格式,在android真机上返回却是html页面
我的项目是ionic4项目,angular的版本是angular7,写了个登陆页面在浏览器上测试是可以的返回的数据也是json格式,但是拿到手机测试,返回的数据就变成了html页面,内容大概就是项目中index.html中html; 头里面的responseType如果默认是json,那么直接就会报http failure during parsing for .... ,因为返回的是html所以无法解析;将responseType设置成text,就看到了返回是个html页面。 下面贴出部分的代码。。。 **http服务** ``` Login(userName: string, password: string) { let params = {"request":{"user_name":userName,"password":password,"user_auth":1}}; const httpOptions ={ headers:new HttpHeaders({ 'Content-Type':'application/json;chatset=UTF-8', }), }; return this.http.post(this.loginUrl,JSON.stringify(params),httpOptions); } ``` **页面组件** ``` this.http.Login(username,password).subscribe( (data:any)=>{ if(data.success=true){ this.loginError='成功'; alert('登录成功'); // sessionStorage.setItem('permission','true'); this.router.navigateByUrl('/main'); } else if(data.success=false){ this.loginError=data.error+'错误'; alert('登录失败'); } }, error =>{ this.loginError="登陆失败"+JSON.stringify(error); } ``` **跨域我也做了处理** proxy.config.json文件 ![图片说明](https://img-ask.csdn.net/upload/201906/25/1561427469_350939.png) angular.json文件 ![图片说明](https://img-ask.csdn.net/upload/201906/25/1561427484_150835.png) 最终发现,在浏览器上需要使用跨域处理,但是在android真机上不用,直接将angular.json文件中的proxyConfig删除,http请求的URL直接写全路径,设置的httpOption也要删除。 然后,重新打包测试,登陆成功了。
【求助】angular typescript中component与html之间的数据传递
要做一个输入用户id和密码的登录页面,点击登录按钮,进入菜单页面。 从来没用过Angular,从网上一点点找类似的代码,大致拼出下面的内容: <app.module.ts> ``` import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { NavMenuComponent } from './nav-menu/nav-menu.component'; // 登录画面 import { LoginComponent } from './login/login.component'; // 菜单画面 import { MenuComponent } from './menu/menu.component'; @NgModule({ declarations: [ AppComponent, NavMenuComponent, LoginComponent, MenuComponent ], imports: [ BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }), HttpClientModule, FormsModule, AppRoutingModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } // 这里定义一个登录用的类 export class LoginModel { constructor( public companyCd: string, public companyPw: string, public message?: string) { } } ``` ``` <login.component.html> <div> <div align="center"> <p>请输入企业ID和密码:</p> </div> <div align="center"> <form #f="ngForm" (ngSubmit)="onSubmit()"> <table> <tr> <td><label for="companyCd">企业ID:</label></td> <td> <input id="companyCd" name="companyCd" type="text" [(ngModel)]="company.companyCd" #companyCd="ngModel"> </td> </tr> <tr> <td><label for="companyPw">密码:</label></td> <td> <input id="companyPw" name="companyPw" type="text" [(ngModel)]="company.companyPw" #companyPw="ngModel"> </td> </tr> </table> <button type="submit" class="btn btn-primary" routerLink="/menu">登录</button> <br /> <span style="color:red;font-weight:bold"> {{model.message}} </span> </form> {{ f.value | json }} </div> </div> <router-outlet></router-outlet> ``` ``` <login.component.ts> import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { LoginModel } from '../app.module'; @Component({ selector: 'app-login', templateUrl: './login.component.html', }) export class LoginComponent { model = new LoginModel('', '', ''); constructor(private router: Router) { } onSubmit() { var companyCd = (document.getElementsByName('companyCd')[0] as HTMLInputElement).value var companyPw = (document.getElementsByName('companyPw')[0] as HTMLInputElement).value if (companyCd == '' || companyPw == '') { this.model.message = '企业ID或密码不能为空'; } else if (!(companyCd == 'aaaa' && companyPw == 'bbbb')) { // 应该是连接数据库进行判定的,目前还没进展到那一步 company.message = '企业ID或密码输入有误'; } else { this.router.navigate(['menu']); } } } ``` 问题一: 不是很理解ngModel的双向绑定,在上面代码的前提下运行,F12显示TypeError: Unable to get property 'companyCd' of undefined or null reference。 问题二:关于html中输入的企业ID和密码,现在只能用getElementsByName来获取,但感觉应该还有利用ngModel的方法。 问题三:上面代码的前提下运行,不输入企业ID和密码,点击登录按钮,不显示错误信息{{model.message}}。如果把 [(ngModel)]="company.companyCd"里的company换成model, [(ngModel)]="model.companyCd",在登录按钮下面就会一直显示{companyCd:"", companyPw:""}。怎么才能让Message只在输入错误的情况下显示?
Vue+Typescript如何集成阿里云视频点播服务(vod)?
阿里云视频点播服务web集成方式使用的是javascript方式,未提供typescript方式,请问有没有同学有过vue 集成阿里视频点播服务(vod) 或者 typescript集成阿里云视频点播服务(vod)的经验。急急急......在线等┭┮﹏┭┮。
Typescript声明文件中怎么做到可以静态调用接口中的函数
我在阅读commander模块的声明文件,在代码底部export导出的部分中,声明文件将一个接口导出,commander/typings/index.d.ts的代码如下 ```typescript // Type definitions for commander 2.11 // Project: https://github.com/visionmedia/commander.js // Definitions by: Alan Agius <https://github.com/alan-agius4>, Marcelo Dezem <https://github.com/mdezem>, vvakame <https://github.com/vvakame>, Jules Randolph <https://github.com/sveinburne> // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped ///<reference types="node" /> declare namespace local { class Option { flags: string; required: boolean; optional: boolean; bool: boolean; short?: string; long: string; description: string; /** * Initialize a new `Option` with the given `flags` and `description`. * * @param {string} flags * @param {string} [description] */ constructor(flags: string, description?: string); } class Command extends NodeJS.EventEmitter { [key: string]: any; args: string[]; /** * Initialize a new `Command`. * * @param {string} [name] */ constructor(name?: string); /** * Set the program version to `str`. * * This method auto-registers the "-V, --version" flag * which will print the version number when passed. * * You can optionally supply the flags and description to override the defaults. * */ version(str: string, flags?: string, description?: string): Command; /** * Define a command, implemented using an action handler. * * @remarks * The command description is supplied using `.description`, not as a parameter to `.command`. * * @example * ```ts * program * .command('clone <source> [destination]') * .description('clone a repository into a newly created directory') * .action((source, destination) => { * console.log('clone command called'); * }); * ``` * * @param nameAndArgs - command name and arguments, args are `<required>` or `[optional]` and last may also be `variadic...` * @param opts - configuration options * @returns new command */ command(nameAndArgs: string, opts?: commander.CommandOptions): Command; /** * Define a command, implemented in a separate executable file. * * @remarks * The command description is supplied as the second parameter to `.command`. * * @example * ```ts * program * .command('start <service>', 'start named service') * .command('stop [service]', 'stop named serice, or all if no name supplied'); * ``` * * @param nameAndArgs - command name and arguments, args are `<required>` or `[optional]` and last may also be `variadic...` * @param description - description of executable command * @param opts - configuration options * @returns top level command for chaining more command definitions */ command(nameAndArgs: string, description: string, opts?: commander.CommandOptions): Command; /** * Define argument syntax for the top-level command. * * @param {string} desc * @returns {Command} for chaining */ arguments(desc: string): Command; /** * Parse expected `args`. * * For example `["[type]"]` becomes `[{ required: false, name: 'type' }]`. * * @param {string[]} args * @returns {Command} for chaining */ parseExpectedArgs(args: string[]): Command; /** * Register callback `fn` for the command. * * @example * program * .command('help') * .description('display verbose help') * .action(function() { * // output help here * }); * * @param {(...args: any[]) => void} fn * @returns {Command} for chaining */ action(fn: (...args: any[]) => void): Command; /** * Define option with `flags`, `description` and optional * coercion `fn`. * * The `flags` string should contain both the short and long flags, * separated by comma, a pipe or space. The following are all valid * all will output this way when `--help` is used. * * "-p, --pepper" * "-p|--pepper" * "-p --pepper" * * @example * // simple boolean defaulting to false * program.option('-p, --pepper', 'add pepper'); * * --pepper * program.pepper * // => Boolean * * // simple boolean defaulting to true * program.option('-C, --no-cheese', 'remove cheese'); * * program.cheese * // => true * * --no-cheese * program.cheese * // => false * * // required argument * program.option('-C, --chdir <path>', 'change the working directory'); * * --chdir /tmp * program.chdir * // => "/tmp" * * // optional argument * program.option('-c, --cheese [type]', 'add cheese [marble]'); * * @param {string} flags * @param {string} [description] * @param {((arg1: any, arg2: any) => void) | RegExp} [fn] function or default * @param {*} [defaultValue] * @returns {Command} for chaining */ option(flags: string, description?: string, fn?: ((arg1: any, arg2: any) => void) | RegExp, defaultValue?: any): Command; option(flags: string, description?: string, defaultValue?: any): Command; /** * Allow unknown options on the command line. * * @param {boolean} [arg] if `true` or omitted, no error will be thrown for unknown options. * @returns {Command} for chaining */ allowUnknownOption(arg?: boolean): Command; /** * Parse `argv`, settings options and invoking commands when defined. * * @param {string[]} argv * @returns {Command} for chaining */ parse(argv: string[]): Command; /** * Parse options from `argv` returning `argv` void of these options. * * @param {string[]} argv * @returns {ParseOptionsResult} */ parseOptions(argv: string[]): commander.ParseOptionsResult; /** * Return an object containing options as key-value pairs * * @returns {{[key: string]: any}} */ opts(): { [key: string]: any }; /** * Set the description to `str`. * * @param {string} str * @param {{[argName: string]: string}} argsDescription * @return {(Command | string)} */ description(str: string, argsDescription?: {[argName: string]: string}): Command; description(): string; /** * Set an alias for the command. * * @param {string} alias * @return {(Command | string)} */ alias(alias: string): Command; alias(): string; /** * Set or get the command usage. * * @param {string} str * @return {(Command | string)} */ usage(str: string): Command; usage(): string; /** * Set the name of the command. * * @param {string} str * @return {Command} */ name(str: string): Command; /** * Get the name of the command. * * @return {string} */ name(): string; /** * Output help information for this command. * * When listener(s) are available for the helpLongFlag * those callbacks are invoked. * * @param {(str: string) => string} [cb] */ outputHelp(cb?: (str: string) => string): void; /** * You can pass in flags and a description to override the help * flags and help description for your command. */ helpOption(flags?: string, description?: string): Command; /** * Output help information and exit. */ help(cb?: (str: string) => string): never; } } declare namespace commander { type Command = local.Command type Option = local.Option interface CommandOptions { noHelp?: boolean; isDefault?: boolean; } interface ParseOptionsResult { args: string[]; unknown: string[]; } interface CommanderStatic extends Command { Command: typeof local.Command; Option: typeof local.Option; CommandOptions: CommandOptions; ParseOptionsResult: ParseOptionsResult; } } declare const commander: commander.CommanderStatic; export = commander; ``` 我们在调用这个库的时候是这么调用的 ```typescript import commander = require('commander'); commander.version("1.1.0").option("-d --debug","example"); ``` 为什么?导出的是一个接口,为什么能调用这些函数????具体的查看nodejs的commander包总的声明文件
请问要JS或者Typescript有什么框架可以实现excel在线编辑的功能?
使用Js或者Typescript写一个Excel网页版程序,具备基本的excel功能,支持在线编辑功能,请指教!
由于未为 TypeScript 编译器给定要编译的文件,因此该编译器将跳过编译。
使用vs2013开发跨平台应用时报错:由于未为 TypeScript 编译器给定要编译的文件,因此该编译器将跳过编译。 在网上找了好长时间都没找到唉
给TypeScript中的String增加扩展方法
如何给TypeScript中的String增加扩展方法,最后在ts中这样使用:比如 String.format()
学习typescript 装饰器,reflect-metadata的问题
根据官方文档学习[装饰器](https://www.tslang.cn/docs/handbook/decorators.html "")时,reflect-metadata 跟 Symbol冲突,无论如何编译都通不过,求救大神 首先复制官方的内容,提示 Symbol有错,错误如下图 ![图片说明](https://img-ask.csdn.net/upload/201909/21/1569063775_876898.png) 此时的tsconfig.json为 ``` { "compilerOptions": { "target": "es5", "experimentalDecorators": true, "emitDecoratorMetadata": true } } ``` 于是我将tsconfig.json改成 ``` { "compilerOptions": { "target": "es2015", "experimentalDecorators": true, "emitDecoratorMetadata": true } } ``` 这时Symbol没有提示错误,但是Reflect没有metadata方法,错误如下图 ![图片说明](https://img-ask.csdn.net/upload/201909/21/1569064201_827156.png) 发现错误的原因是:这个Reflect指向了es2015中的Reflect,而不是reflect-metadata中的
在cocoscreator中使用typescript如何实现有 分和秒的倒计时
![图片说明](https://img-ask.csdn.net/upload/201809/04/1536047513_675040.png)
使用angular和mongodb做web开发,想问怎么传数组形式的数据回去后台的mogodb数据库?
如果我mogodb定义的数据类型是string的话, 然后在ts文件中定义的类 YueCuisine的其中数据的属性均为string,比如说: ``` export class YueCuisine { constructor( public id: string, public name: string, public intro: string, } ``` 这样服务中services.ts的更新数据的函数这样写: ``` updatecai(cai1: YueCuisine): Observable<YueCuisine> { return this.httpClient.put<YueCuisine>(this.yueUrl, cai1); } ``` 然后组件中component.ts的函数这样写: ``` save(): void { this.yueService.updatecai(this.yue) .subscribe(() => this.goBack()); } ``` 然后在html的某个button里调用这个函数,去更新后台数据是完全没问题的。 但是我把mongodb中的某项数据定义成“array”属性,然后在angular的类中声明变成: ``` public intro:Array<string> ``` 而不更改那些函数的写法,就不能成功像后台传数据了。请问要怎么做?
vue-cli + ts 使用CDN时报错,请问各位大佬如何解决?
### 使用vue-cli新建了一个项目,启用了TypeScript 当我尝试将vue、vuex 使用CDN 导入的时候做了如下操作 + 删除了 **package.json** 中的依赖 + 在 **index.html ** 中写入cdn ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577067141_320744.png) + 在 **vue.config.js** 中写入 ``` configureWebpack: (config) => { //入口文件 config.entry.app = ['babel-polyfill', './src/main.ts']; //只有打包生产环境才需要将console删除 if (process.env.NODE_ENV == 'production') { config.plugins = [...config.plugins, ...plugins]; } // CDN config.externals = { 'cdnVue': 'Vue', } }, ``` ### 报错 ``` ERROR in E:/any pros/MyFactory/my_factory/src/main.ts(1,17): 1:17 Cannot find module 'cdnVue'. ```
关于Typescript的使用问题
使用Typescript时引入jszip,但是出现报错 ![图片说明](https://img-ask.csdn.net/upload/201612/01/1480586510_580738.png) 只是引入库,使用的是vs2015,tsc1。8,TypescriptTool2.0.6
vscode的typescript类型检查问题
我使用了vue+typescript,但是vue-router的类型声明不起作用,vue-trouer包下面的type里面有这个声明, ![图片说明](https://img-ask.csdn.net/upload/201803/17/1521258828_686027.png) 我访问$router属性的时候编辑器进行类型检查的时候说没有这个属性 ![图片说明](https://img-ask.csdn.net/upload/201803/17/1521258940_129577.png) 这是啥情况呢
用typeScript 的接口,定义一个函数,返回值为void,去实现这个接口时候,返回值可以是其他类型;
interface SearchFunc1 { (a: number, b: string): void; } let funDemo1:SearchFunc1 = function (a,b) { return '12' // 我理解:这里语法应该报错 } //这个函数应该没有返回值 console.log(funDemo1(1,'2')) //正常执行 返回 '12' 函数定义为没有返回值 interface SearchFunc2 { (a: number, b: string): string; } let funDemo2:SearchFunc2 = function (a,b) { return false;//语法报错 }
npm install -g typescript
C:\Users\wei.peng>npm install -g typescript npm ERR! Windows_NT 6.1.7601 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\ node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "typescript" npm ERR! node v7.4.0 npm ERR! npm v4.0.5 npm ERR! Cannot read property 'path' of null npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues> npm ERR! Please include the following file with any support request: npm ERR! C:\Users\wei.peng\npm-debug.log
typescript 全局函数怎么使用?
在ts里面写了一个全局函数 declare class Animal { constructor(name: string); sayHi(): string; } let cat = new Animal('Tom'); 但编译成js后成: var cat = new Animal('Tom'); 运行js时报错:ReferenceError: Animal is not defined 为什么,应该怎么使用这个全局函数?
typescript变量名后面的感叹号是什么意思?
ts的代码如下: ``` let foo = () =>{ let name = "alberto"; return name!; } document.body.innerHTML = foo(); ``` 编译成js后的代码如下: ``` var foo = function () { var name = "alberto"; return name; }; document.body.innerHTML = foo(); ``` 不理解name变量后面的感叹号是什么意思?
eslint jsx-a11y/anchor-is-valid 禁用不生效,如何解决?
#### 问题 `.eslintrc.js`文件,设置了` 'jsx-a11y/anchor-is-valid': 0` 在 WebStorm中已经不报警告了,但是启动项目时还是有警告,如下图 1. 在编辑器中已经不出警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436601_626815.png) 2. 在项目启动时仍然出现警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436631_510559.png) 3. 在浏览器中也出现了警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436710_353743.png) **请问如何解决警告问题?** #### 项目环境 1. WebStorm 2. create-react-app --typescript 项目 3. .eslintrc.js文件内容 ```js module.exports = { parser: '@typescript-eslint/parser', extends: [ 'plugin:@typescript-eslint/recommended', 'react-app', 'prettier/react', 'plugin:prettier/recommended', ], env: { browser: true, es6: true, node: true }, globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly' }, parserOptions: { ecmaFeatures: { jsx: true }, ecmaVersion: 2018 }, plugins: [ 'react', '@typescript-eslint', ], rules: { 'jsx-a11y/anchor-is-valid': 0, '@typescript-eslint/indent': ['error', 2], 'linebreak-style': [ 'error', 'unix' ], quotes: [ 'error', 'single' ], semi: [ 'error', 'always' ], '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/explicit-member-accessibility': 0, // Makes no sense to allow type inferrence for expression parameters, but require typing the response '@typescript-eslint/explicit-function-return-type': [ 'off', { allowTypedFunctionExpressions: true } ], '@typescript-eslint/no-use-before-define': [ 'error', { functions: false, classes: true, variables: true, typedefs: true } ], } }; ``` 4. package.json文件内容 ``` { "name": "jgszl-web-tpl-ts", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/pro-layout": "^4.5.10", "@types/jest": "24.0.15", "@types/node": "12.0.12", "@types/react": "16.8.23", "@types/react-dom": "16.8.4", "@types/react-router-dom": "^4.3.4", "antd": "^3.20.0", "axios": "^0.19.0", "babel-plugin-import": "^1.12.0", "customize-cra": "^0.2.14", "less": "^3.9.0", "less-loader": "^5.0.0", "react": "^16.8.6", "react-app-rewired": "^2.1.3", "react-dom": "^16.8.6", "react-router-dom": "^5.0.1", "react-scripts": "3.0.1", "typescript": "3.5.2" }, "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-app-rewired eject", "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx ./src" }, "eslintConfig": { "extends": "react-app" }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@types/lodash": "^4.14.136", "@typescript-eslint/eslint-plugin": "^1.11.0", "@typescript-eslint/parser": "^1.11.0", "eslint-config-prettier": "^6.0.0", "eslint-config-react-app": "^4.0.1", "eslint-plugin-prettier": "^3.1.0", "prettier": "^1.18.2" } } ```
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
死磕YOLO系列,YOLOv1 的大脑、躯干和手脚
YOLO 是我非常喜欢的目标检测算法,堪称工业级的目标检测,能够达到实时的要求,它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置,当然,也能预测物体的类别。 之前我有写博文介绍过它,但是每次重新读它的论文,我都有新的收获,为此我准备写一个系列的文章来详尽分析它。这是第一篇,从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址:https://www.c...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
20行Python代码爬取王者荣耀全英雄皮肤
引言 王者荣耀大家都玩过吧,没玩过的也应该听说过,作为时下最火的手机MOBA游戏,咳咳,好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤,而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难,难点在于分析,我们首先得得到皮肤图片的url地址,话不多说,我们马上来到王者荣耀的官网: 我们点击英雄资料,然后随意地选择一位英雄,接着F12打开调试台,找到英雄原皮肤的图片...
简明易理解的@SpringBootApplication注解源码解析(包含面试提问)
欢迎关注文章系列 ,关注我 《提升能力,涨薪可待》 《面试知识,工作可待》 《实战演练,拒绝996》 欢迎关注我博客,原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】,同时推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《提升能力,涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给袈...
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库 回到首页 目录: Python语言高频重点汇总 目录: 1. 函数-传参 2. 元类 3. @staticmethod和@classmethod两个装饰器 4. 类属性和实例属性 5. Python的自省 6. 列表、集合、字典推导式 7. Python中单下划线和双下划线 8. 格式化字符串中的%和format 9. 迭代器和生成器 10...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
ES6基础-ES6的扩展
进行对字符串扩展,正则扩展,数值扩展,函数扩展,对象扩展,数组扩展。 开发环境准备: 编辑器(VS Code, Atom,Sublime)或者IDE(Webstorm) 浏览器最新的Chrome 字符串的扩展: 模板字符串,部分新的方法,新的unicode表示和遍历方法: 部分新的字符串方法 padStart,padEnd,repeat,startsWith,endsWith,includes 字...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
你知道的越多,你不知道的越多 点赞再看,养成习惯 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试点思维导图,也整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 前前言 为啥今天有个前前言呢? 因为你们的丙丙啊,昨天有牌面了哟,直接被微信官方推荐,知乎推荐,也就仅仅是还行吧(心里乐开花)
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
Python爬虫精简步骤1 获取数据
爬虫的工作分为四步: 1.获取数据。爬虫程序会根据我们提供的网址,向服务器发起请求,然后返回数据。 2.解析数据。爬虫程序会把服务器返回的数据解析成我们能读懂的格式。 3.提取数据。爬虫程序再从中提取出我们需要的数据。 4.储存数据。爬虫程序把这些有用的数据保存起来,便于你日后的使用和分析。 这一篇的内容就是:获取数据。 首先,我们将会利用一个强大的库——requests来获取数据。 在电脑上安装
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
web前端javascript+jquery知识点总结
Javascript javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ,语法同java类似,是一种解释性语言,边执行边解释。 JavaScript的组成: ECMAScipt 用于描述: 语法,变量和数据类型,运算符,逻辑控制语句,关键字保留字,对象。 浏览器对象模型(Br
Qt实践录:开篇
本系列文章介绍笔者的Qt实践之路。
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
一条链接即可让黑客跟踪你的位置! | Seeker工具使用
搬运自:冰崖的部落阁(icecliffsnet) 严正声明:本文仅限于技术讨论,严禁用于其他用途。 请遵守相对应法律规则,禁止用作违法途径,出事后果自负! 上次写的防社工文章里边提到的gps定位信息(如何防止自己被社工或人肉) 除了主动收集他人位置信息以外,我们还可以进行被动收集 (没有技术含量) Seeker作为一款高精度地理位置跟踪工具,同时也是社交工程学(社会工程学)爱好者...
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧...... 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
相关热词 c#如何定义数组列表 c#倒序读取txt文件 java代码生成c# c# tcp发送数据 c#解决时间格式带星期 c#类似hashmap c#设置istbox的值 c#获取多线程返回值 c# 包含数字 枚举 c# timespan
立即提问